Skip to content

Commit

Permalink
Merge pull request #23 from Fullscript/token-changes
Browse files Browse the repository at this point in the history
Rejig in Figma, and add px
  • Loading branch information
CCAyl authored Jun 29, 2022
2 parents 80fd9d1 + 4b27066 commit e929ae2
Show file tree
Hide file tree
Showing 6 changed files with 317 additions and 317 deletions.
2 changes: 1 addition & 1 deletion build/scss/colors.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@

// Do not edit directly
// Generated on Fri, 24 Jun 2022 16:41:37 GMT
// Generated on Tue, 28 Jun 2022 17:30:41 GMT

$colors-green-100: #FAFFFC;
$colors-green-200: #EBF2EF;
Expand Down
64 changes: 32 additions & 32 deletions build/scss/typography.scss
Original file line number Diff line number Diff line change
@@ -1,86 +1,86 @@

// Do not edit directly
// Generated on Fri, 24 Jun 2022 16:41:37 GMT
// Generated on Tue, 28 Jun 2022 17:30:41 GMT

$typography-family-base: Mulish;
$typography-size-h1: 40;
$typography-size-h2: 32;
$typography-size-h3: 24;
$typography-size-h4: 20;
$typography-size-body: 16;
$typography-size-caption: 14;
$typography-size-footnote: 12;
$typography-weight-heading: 700;
$typography-weight-base: 500;
$typography-letter-spacing-base: 0;
$typography-line-height-xlarge: 40;
$typography-line-height-large: 32;
$typography-line-height-medium: 24;
$typography-line-height-small: 16;
$typography-paragraph-spacing-base: 0;
$typography-text-decoration-base: none;
$typography-text-case-base: none;
$typography-h1-font-family: Mulish;
$typography-h1-font-weight: 700;
$typography-h1-line-height: 40;
$typography-h1-font-size: 40;
$typography-h1-line-height: 40px;
$typography-h1-font-size: 40px;
$typography-h1-letter-spacing: 0;
$typography-h1-paragraph-spacing: 0;
$typography-h1-text-decoration: none;
$typography-h1-text-case: none;
$typography-h2-font-family: Mulish;
$typography-h2-font-weight: 700;
$typography-h2-line-height: 40;
$typography-h2-font-size: 32;
$typography-h2-line-height: 40px;
$typography-h2-font-size: 32px;
$typography-h2-letter-spacing: 0;
$typography-h2-paragraph-spacing: 0;
$typography-h2-text-decoration: none;
$typography-h2-text-case: none;
$typography-h3-font-family: Mulish;
$typography-h3-font-weight: 700;
$typography-h3-line-height: 32;
$typography-h3-font-size: 24;
$typography-h3-line-height: 32px;
$typography-h3-font-size: 24px;
$typography-h3-letter-spacing: 0;
$typography-h3-paragraph-spacing: 0;
$typography-h3-text-decoration: none;
$typography-h3-text-case: none;
$typography-h4-font-family: Mulish;
$typography-h4-font-weight: 700;
$typography-h4-line-height: 24;
$typography-h4-font-size: 20;
$typography-h4-line-height: 24px;
$typography-h4-font-size: 20px;
$typography-h4-letter-spacing: 0;
$typography-h4-paragraph-spacing: 0;
$typography-h4-text-decoration: none;
$typography-h4-text-case: none;
$typography-h5-font-family: Mulish;
$typography-h5-font-weight: 700;
$typography-h5-line-height: 24;
$typography-h5-font-size: 16;
$typography-h5-line-height: 24px;
$typography-h5-font-size: 16px;
$typography-h5-letter-spacing: 0;
$typography-h5-paragraph-spacing: 0;
$typography-h5-text-decoration: none;
$typography-h5-text-case: none;
$typography-body-font-family: Mulish;
$typography-body-font-weight: 500;
$typography-body-line-height: 24;
$typography-body-font-size: 16;
$typography-body-line-height: 24px;
$typography-body-font-size: 16px;
$typography-body-letter-spacing: 0;
$typography-body-paragraph-spacing: 0;
$typography-body-text-decoration: none;
$typography-body-text-case: none;
$typography-footnote-font-family: Mulish;
$typography-footnote-font-weight: 500;
$typography-footnote-line-height: 16;
$typography-footnote-font-size: 12;
$typography-footnote-line-height: 16px;
$typography-footnote-font-size: 14px;
$typography-footnote-letter-spacing: 0;
$typography-footnote-paragraph-spacing: 0;
$typography-footnote-text-decoration: none;
$typography-footnote-text-case: none;
$typography-caption-font-family: Mulish;
$typography-caption-font-weight: 500;
$typography-caption-line-height: 16;
$typography-caption-font-size: 14;
$typography-caption-line-height: 16px;
$typography-caption-font-size: 12px;
$typography-caption-letter-spacing: 0;
$typography-caption-paragraph-spacing: 0;
$typography-caption-text-decoration: none;
$typography-caption-text-case: none;
$typography-caption-text-case: none;
$typography-size-h1: 40px;
$typography-size-h2: 32px;
$typography-size-h3: 24px;
$typography-size-h4: 20px;
$typography-size-body: 16px;
$typography-size-footnote: 14px;
$typography-size-caption: 12px;
$typography-line-height-xlarge: 40px;
$typography-line-height-large: 32px;
$typography-line-height-normal: 24px;
$typography-line-height-small: 16px;
$typography-font-family-sans-serif: Mulish;
$typography-weight-heading: 700;
$typography-weight-base: 500;
2 changes: 1 addition & 1 deletion build/ts/colors.ts
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Fri, 24 Jun 2022 16:41:37 GMT
* Generated on Tue, 28 Jun 2022 17:30:41 GMT
*/

export const ColorsGreen100 = "#FAFFFC";
Expand Down
64 changes: 32 additions & 32 deletions build/ts/typography.ts
Original file line number Diff line number Diff line change
@@ -1,87 +1,87 @@
/**
* Do not edit directly
* Generated on Fri, 24 Jun 2022 16:41:37 GMT
* Generated on Tue, 28 Jun 2022 17:30:41 GMT
*/

export const TypographyFamilyBase = "Mulish";
export const TypographySizeH1 = 40;
export const TypographySizeH2 = 32;
export const TypographySizeH3 = 24;
export const TypographySizeH4 = 20;
export const TypographySizeBody = 16;
export const TypographySizeCaption = 14;
export const TypographySizeFootnote = 12;
export const TypographyWeightHeading = 700;
export const TypographyWeightBase = 500;
export const TypographyLetterSpacingBase = 0;
export const TypographyLineHeightXlarge = 40;
export const TypographyLineHeightLarge = 32;
export const TypographyLineHeightMedium = 24;
export const TypographyLineHeightSmall = 16;
export const TypographyParagraphSpacingBase = 0;
export const TypographyTextDecorationBase = "none";
export const TypographyTextCaseBase = "none";
export const TypographyH1FontFamily = "Mulish";
export const TypographyH1FontWeight = 700;
export const TypographyH1LineHeight = 40;
export const TypographyH1FontSize = 40;
export const TypographyH1LineHeight = "40px";
export const TypographyH1FontSize = "40px";
export const TypographyH1LetterSpacing = 0;
export const TypographyH1ParagraphSpacing = 0;
export const TypographyH1TextDecoration = "none";
export const TypographyH1TextCase = "none";
export const TypographyH2FontFamily = "Mulish";
export const TypographyH2FontWeight = 700;
export const TypographyH2LineHeight = 40;
export const TypographyH2FontSize = 32;
export const TypographyH2LineHeight = "40px";
export const TypographyH2FontSize = "32px";
export const TypographyH2LetterSpacing = 0;
export const TypographyH2ParagraphSpacing = 0;
export const TypographyH2TextDecoration = "none";
export const TypographyH2TextCase = "none";
export const TypographyH3FontFamily = "Mulish";
export const TypographyH3FontWeight = 700;
export const TypographyH3LineHeight = 32;
export const TypographyH3FontSize = 24;
export const TypographyH3LineHeight = "32px";
export const TypographyH3FontSize = "24px";
export const TypographyH3LetterSpacing = 0;
export const TypographyH3ParagraphSpacing = 0;
export const TypographyH3TextDecoration = "none";
export const TypographyH3TextCase = "none";
export const TypographyH4FontFamily = "Mulish";
export const TypographyH4FontWeight = 700;
export const TypographyH4LineHeight = 24;
export const TypographyH4FontSize = 20;
export const TypographyH4LineHeight = "24px";
export const TypographyH4FontSize = "20px";
export const TypographyH4LetterSpacing = 0;
export const TypographyH4ParagraphSpacing = 0;
export const TypographyH4TextDecoration = "none";
export const TypographyH4TextCase = "none";
export const TypographyH5FontFamily = "Mulish";
export const TypographyH5FontWeight = 700;
export const TypographyH5LineHeight = 24;
export const TypographyH5FontSize = 16;
export const TypographyH5LineHeight = "24px";
export const TypographyH5FontSize = "16px";
export const TypographyH5LetterSpacing = 0;
export const TypographyH5ParagraphSpacing = 0;
export const TypographyH5TextDecoration = "none";
export const TypographyH5TextCase = "none";
export const TypographyBodyFontFamily = "Mulish";
export const TypographyBodyFontWeight = 500;
export const TypographyBodyLineHeight = 24;
export const TypographyBodyFontSize = 16;
export const TypographyBodyLineHeight = "24px";
export const TypographyBodyFontSize = "16px";
export const TypographyBodyLetterSpacing = 0;
export const TypographyBodyParagraphSpacing = 0;
export const TypographyBodyTextDecoration = "none";
export const TypographyBodyTextCase = "none";
export const TypographyFootnoteFontFamily = "Mulish";
export const TypographyFootnoteFontWeight = 500;
export const TypographyFootnoteLineHeight = 16;
export const TypographyFootnoteFontSize = 12;
export const TypographyFootnoteLineHeight = "16px";
export const TypographyFootnoteFontSize = "14px";
export const TypographyFootnoteLetterSpacing = 0;
export const TypographyFootnoteParagraphSpacing = 0;
export const TypographyFootnoteTextDecoration = "none";
export const TypographyFootnoteTextCase = "none";
export const TypographyCaptionFontFamily = "Mulish";
export const TypographyCaptionFontWeight = 500;
export const TypographyCaptionLineHeight = 16;
export const TypographyCaptionFontSize = 14;
export const TypographyCaptionLineHeight = "16px";
export const TypographyCaptionFontSize = "12px";
export const TypographyCaptionLetterSpacing = 0;
export const TypographyCaptionParagraphSpacing = 0;
export const TypographyCaptionTextDecoration = "none";
export const TypographyCaptionTextCase = "none";
export const TypographyCaptionTextCase = "none";
export const TypographySizeH1 = "40px";
export const TypographySizeH2 = "32px";
export const TypographySizeH3 = "24px";
export const TypographySizeH4 = "20px";
export const TypographySizeBody = "16px";
export const TypographySizeFootnote = "14px";
export const TypographySizeCaption = "12px";
export const TypographyLineHeightXlarge = "40px";
export const TypographyLineHeightLarge = "32px";
export const TypographyLineHeightNormal = "24px";
export const TypographyLineHeightSmall = "16px";
export const TypographyFontFamilySansSerif = "Mulish";
export const TypographyWeightHeading = 700;
export const TypographyWeightBase = 500;
Loading

0 comments on commit e929ae2

Please sign in to comment.