Skip to content

Commit

Permalink
chore: updated quill tokens
Browse files Browse the repository at this point in the history 
- removed h7 heading
- added overflow color
- added overlay color
- added opacity coral color
  • Loading branch information
@mohsen-deriv
mohsen-deriv committed Nov 16, 2023
1 parent 2fa2cf7 commit 3a41ad6
Show file tree
Hide file tree
Showing 13 changed files with 4,841 additions and 1,033 deletions.
12 changes: 12 additions & 0 deletions dist/quill-tailwind/_core.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -245,6 +245,14 @@
--core-color-opacity-cherry-600: rgba(222, 0, 64, 0.72); /* 72% of base color */
--core-color-opacity-cherry-700: rgba(222, 0, 64, 0.8); /* 80% of base color */
--core-color-opacity-cherry-800: rgba(222, 0, 64, 0.88); /* 88% of base color */
--core-color-opacity-coral-100: rgba(255, 68, 79, 0.08);
--core-color-opacity-coral-200: rgba(255, 68, 79, 0.16);
--core-color-opacity-coral-300: rgba(255, 68, 79, 0.24);
--core-color-opacity-coral-400: rgba(255, 68, 79, 0.48);
--core-color-opacity-coral-500: rgba(255, 68, 79, 0.56);
--core-color-opacity-coral-600: rgba(255, 68, 79, 0.72);
--core-color-opacity-coral-700: rgba(255, 68, 79, 0.8);
--core-color-opacity-coral-800: rgba(255, 68, 79, 0.88);
--core-color-opacity-slate-100: rgba(65, 70, 82, 0.08); /* Initially 8%. changed to 16%. */
--core-color-opacity-slate-200: rgba(65, 70, 82, 0.16); /* Initially 8%. changed to 16%. */
--core-color-opacity-slate-300: rgba(65, 70, 82, 0.24); /* Initially 8%. changed to 16%. */
Expand Down Expand Up @@ -592,6 +600,8 @@
--core-font-size-700: 48px; /* 3rem */
--core-font-size-800: 64px; /* 4rem */
--core-font-size-900: 80px; /* 5rem */
--core-font-size-1000: 28px; /* 1.75rem */
--core-font-size-1100: 34px; /* 2.125rem */
--core-font-family-ubuntu: Ubuntu;
--core-font-family-ibm-plex-mono: 'IBM Plex Mono';
--core-font-family-ibm-plex-sans: 'IBM Plex Sans';
Expand Down Expand Up @@ -625,4 +635,6 @@
--core-paragraph-spacing-700: 48px; /* 3 */
--core-paragraph-spacing-800: 64px; /* 4rem */
--core-paragraph-spacing-900: 80px; /* 5rem */
--core-paragraph-spacing-1000: 28px; /* 1.75rem */
--core-paragraph-spacing-1100: 34px; /* 2.125rem */
}
9 changes: 9 additions & 0 deletions dist/quill-tailwind/_dark.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,15 @@ html.dark {
--semantic-color-background-primary-container: #181c25;
--semantic-color-background-secondary-base: #11141b;
--semantic-color-background-secondary-container: #181c25;
--semantic-color-background-overflow-1-top: linear-gradient(1.93deg, rgba(17, 20, 27, 0) 1.56%, #11141b 49.91%);
--semantic-color-background-overflow-1-right: linear-gradient(88.07deg, rgba(17, 20, 27, 0) 1.63%, #11141b 50.02%);
--semantic-color-background-overflow-1-bottom: linear-gradient(181.93deg, rgba(17, 20, 27, 0) 1.63%, #11141b 50.01%);
--semantic-color-background-overflow-1-left: linear-gradient(271.93deg, rgba(17, 20, 27, 0) 1.63%, #11141b 49.98%);
--semantic-color-background-overflow-2-top: linear-gradient(1.93deg, rgba(24, 28, 37, 0) 1.56%, #181c25 49.91%);
--semantic-color-background-overflow-2-right: linear-gradient(88.07deg, rgba(24, 28, 37, 0) 1.63%, #181c25 50.02%);
--semantic-color-background-overflow-2-bottom: linear-gradient(181.93deg, rgba(24, 28, 37, 0) 1.63%, #181c25 50.01%);
--semantic-color-background-overflow-2-left: linear-gradient(271.93deg, rgba(24, 28, 37, 0) 1.63%, #181c25 49.98%);
--semantic-color-background-overlay: rgba(0, 0, 0, 0.72);
--semantic-color-background-dialog: #181c25;
--semantic-color-typography-prominent: #ffffff;
--semantic-color-typography-default: rgba(255, 255, 255, 0.72);
Expand Down
19 changes: 8 additions & 11 deletions dist/quill-tailwind/_desktop.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,11 +32,10 @@
--semantic-font-size-heading-hero: 80px;
--semantic-font-size-heading-h1: 64px;
--semantic-font-size-heading-h2: 48px;
--semantic-font-size-heading-h3: 32px;
--semantic-font-size-heading-h4: 24px;
--semantic-font-size-heading-h5: 20px;
--semantic-font-size-heading-h6: 16px;
--semantic-font-size-heading-h7: 14px;
--semantic-font-size-heading-h3: 24px;
--semantic-font-size-heading-h4: 20px;
--semantic-font-size-heading-h5: 16px;
--semantic-font-size-heading-h6: 14px;
--semantic-font-size-body-xl: 24px;
--semantic-font-size-body-lg: 20px;
--semantic-font-size-body-md: 16px;
Expand All @@ -59,11 +58,10 @@
--semantic-paragraph-spacing-heading-hero: 80px;
--semantic-paragraph-spacing-heading-h1: 64px;
--semantic-paragraph-spacing-heading-h2: 48px;
--semantic-paragraph-spacing-heading-h3: 32px;
--semantic-paragraph-spacing-heading-h4: 24px;
--semantic-paragraph-spacing-heading-h5: 20px;
--semantic-paragraph-spacing-heading-h6: 16px;
--semantic-paragraph-spacing-heading-h7: 14px;
--semantic-paragraph-spacing-heading-h3: 24px;
--semantic-paragraph-spacing-heading-h4: 20px;
--semantic-paragraph-spacing-heading-h5: 16px;
--semantic-paragraph-spacing-heading-h6: 14px;
--semantic-paragraph-spacing-body-xl: 24px;
--semantic-paragraph-spacing-body-lg: 20px;
--semantic-paragraph-spacing-body-md: 16px;
Expand All @@ -80,7 +78,6 @@
--semantic-line-height-heading-h4: normal;
--semantic-line-height-heading-h5: normal;
--semantic-line-height-heading-h6: normal;
--semantic-line-height-heading-h7: normal;
--semantic-line-height-body-xl: 36px;
--semantic-line-height-body-lg: 30px;
--semantic-line-height-body-md: 24px;
Expand Down
19 changes: 8 additions & 11 deletions dist/quill-tailwind/_laptop.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,11 +32,10 @@
--semantic-font-size-heading-hero: 80px;
--semantic-font-size-heading-h1: 64px;
--semantic-font-size-heading-h2: 48px;
--semantic-font-size-heading-h3: 32px;
--semantic-font-size-heading-h4: 24px;
--semantic-font-size-heading-h5: 20px;
--semantic-font-size-heading-h6: 16px;
--semantic-font-size-heading-h7: 14px;
--semantic-font-size-heading-h3: 24px;
--semantic-font-size-heading-h4: 20px;
--semantic-font-size-heading-h5: 16px;
--semantic-font-size-heading-h6: 14px;
--semantic-font-size-body-xl: 24px;
--semantic-font-size-body-lg: 20px;
--semantic-font-size-body-md: 16px;
Expand All @@ -59,11 +58,10 @@
--semantic-paragraph-spacing-heading-hero: 80px;
--semantic-paragraph-spacing-heading-h1: 64px;
--semantic-paragraph-spacing-heading-h2: 48px;
--semantic-paragraph-spacing-heading-h3: 32px;
--semantic-paragraph-spacing-heading-h4: 24px;
--semantic-paragraph-spacing-heading-h5: 20px;
--semantic-paragraph-spacing-heading-h6: 16px;
--semantic-paragraph-spacing-heading-h7: 14px;
--semantic-paragraph-spacing-heading-h3: 24px;
--semantic-paragraph-spacing-heading-h4: 20px;
--semantic-paragraph-spacing-heading-h5: 16px;
--semantic-paragraph-spacing-heading-h6: 14px;
--semantic-paragraph-spacing-body-xl: 24px;
--semantic-paragraph-spacing-body-lg: 20px;
--semantic-paragraph-spacing-body-md: 16px;
Expand All @@ -80,7 +78,6 @@
--semantic-line-height-heading-h4: normal;
--semantic-line-height-heading-h5: normal;
--semantic-line-height-heading-h6: normal;
--semantic-line-height-heading-h7: normal;
--semantic-line-height-body-xl: 36px;
--semantic-line-height-body-lg: 30px;
--semantic-line-height-body-md: 24px;
Expand Down
27 changes: 12 additions & 15 deletions dist/quill-tailwind/_lg.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,13 +30,12 @@
--semantic-border-radius-2xl: 48px;
--semantic-border-radius-pill: 96px;
--semantic-font-size-heading-hero: 64px;
--semantic-font-size-heading-h1: 48px;
--semantic-font-size-heading-h2: 32px;
--semantic-font-size-heading-h3: 24px;
--semantic-font-size-heading-h4: 20px;
--semantic-font-size-heading-h5: 18px;
--semantic-font-size-heading-h6: 16px;
--semantic-font-size-heading-h7: 14px;
--semantic-font-size-heading-h1: 34px;
--semantic-font-size-heading-h2: 28px;
--semantic-font-size-heading-h3: 20px;
--semantic-font-size-heading-h4: 18px;
--semantic-font-size-heading-h5: 16px;
--semantic-font-size-heading-h6: 14px;
--semantic-font-size-body-xl: 20px;
--semantic-font-size-body-lg: 18px;
--semantic-font-size-body-md: 16px;
Expand All @@ -57,13 +56,12 @@
--semantic-font-size-icon-standalone-md: 20px;
--semantic-font-size-icon-standalone-sm: 16px;
--semantic-paragraph-spacing-heading-hero: 64px;
--semantic-paragraph-spacing-heading-h1: 48px;
--semantic-paragraph-spacing-heading-h2: 32px;
--semantic-paragraph-spacing-heading-h3: 24px;
--semantic-paragraph-spacing-heading-h4: 20px;
--semantic-paragraph-spacing-heading-h5: 18px;
--semantic-paragraph-spacing-heading-h6: 16px;
--semantic-paragraph-spacing-heading-h7: 14px;
--semantic-paragraph-spacing-heading-h1: 34px;
--semantic-paragraph-spacing-heading-h2: 28px;
--semantic-paragraph-spacing-heading-h3: 20px;
--semantic-paragraph-spacing-heading-h4: 18px;
--semantic-paragraph-spacing-heading-h5: 16px;
--semantic-paragraph-spacing-heading-h6: 14px;
--semantic-paragraph-spacing-body-xl: 20px;
--semantic-paragraph-spacing-body-lg: 18px;
--semantic-paragraph-spacing-body-md: 16px;
Expand All @@ -80,7 +78,6 @@
--semantic-line-height-heading-h4: normal;
--semantic-line-height-heading-h5: normal;
--semantic-line-height-heading-h6: normal;
--semantic-line-height-heading-h7: normal;
--semantic-line-height-body-xl: 30px;
--semantic-line-height-body-lg: 28px;
--semantic-line-height-body-md: 24px;
Expand Down
9 changes: 9 additions & 0 deletions dist/quill-tailwind/_light.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,15 @@ html {
--semantic-color-background-primary-container: #ffffff;
--semantic-color-background-secondary-base: #ffffff;
--semantic-color-background-secondary-container: #f6f7f8;
--semantic-color-background-overflow-1-top: linear-gradient(1.93deg, rgba(255, 255, 255, 0) 1.56%, #ffffff 49.91%);
--semantic-color-background-overflow-1-right: linear-gradient(88.07deg, rgba(255, 255, 255, 0) 1.63%, #ffffff 50.02%);
--semantic-color-background-overflow-1-bottom: linear-gradient(181.93deg, rgba(255, 255, 255, 0) 1.63%, #ffffff 50.01%);
--semantic-color-background-overflow-1-left: linear-gradient(271.93deg, rgba(255, 255, 255, 0) 1.63%, #ffffff 49.98%);
--semantic-color-background-overflow-2-top: linear-gradient(1.93deg, rgba(246, 247, 248, 0) 1.56%, #f6f7f8 49.91%);
--semantic-color-background-overflow-2-right: linear-gradient(88.07deg, rgba(246, 247, 248, 0) 1.63%, #f6f7f8 50.02%);
--semantic-color-background-overflow-2-bottom: linear-gradient(181.93deg, rgba(246, 247, 248, 0) 1.63%, #f6f7f8 50.01%);
--semantic-color-background-overflow-2-left: linear-gradient(271.93deg, rgba(246, 247, 248, 0) 1.63%, #f6f7f8 49.98%);
--semantic-color-background-overlay: rgba(0, 0, 0, 0.72);
--semantic-color-background-dialog: #ffffff;
--semantic-color-typography-prominent: #000000;
--semantic-color-typography-default: rgba(0, 0, 0, 0.72);
Expand Down
27 changes: 12 additions & 15 deletions dist/quill-tailwind/_mobile.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,13 +30,12 @@
--semantic-border-radius-2xl: 48px;
--semantic-border-radius-pill: 96px;
--semantic-font-size-heading-hero: 64px;
--semantic-font-size-heading-h1: 48px;
--semantic-font-size-heading-h2: 32px;
--semantic-font-size-heading-h3: 24px;
--semantic-font-size-heading-h4: 20px;
--semantic-font-size-heading-h5: 18px;
--semantic-font-size-heading-h6: 16px;
--semantic-font-size-heading-h7: 14px;
--semantic-font-size-heading-h1: 34px;
--semantic-font-size-heading-h2: 28px;
--semantic-font-size-heading-h3: 20px;
--semantic-font-size-heading-h4: 18px;
--semantic-font-size-heading-h5: 16px;
--semantic-font-size-heading-h6: 14px;
--semantic-font-size-body-xl: 20px;
--semantic-font-size-body-lg: 18px;
--semantic-font-size-body-md: 16px;
Expand All @@ -57,13 +56,12 @@
--semantic-font-size-icon-standalone-md: 20px;
--semantic-font-size-icon-standalone-sm: 16px;
--semantic-paragraph-spacing-heading-hero: 64px;
--semantic-paragraph-spacing-heading-h1: 48px;
--semantic-paragraph-spacing-heading-h2: 32px;
--semantic-paragraph-spacing-heading-h3: 24px;
--semantic-paragraph-spacing-heading-h4: 20px;
--semantic-paragraph-spacing-heading-h5: 18px;
--semantic-paragraph-spacing-heading-h6: 16px;
--semantic-paragraph-spacing-heading-h7: 14px;
--semantic-paragraph-spacing-heading-h1: 34px;
--semantic-paragraph-spacing-heading-h2: 28px;
--semantic-paragraph-spacing-heading-h3: 20px;
--semantic-paragraph-spacing-heading-h4: 18px;
--semantic-paragraph-spacing-heading-h5: 16px;
--semantic-paragraph-spacing-heading-h6: 14px;
--semantic-paragraph-spacing-body-xl: 20px;
--semantic-paragraph-spacing-body-lg: 18px;
--semantic-paragraph-spacing-body-md: 16px;
Expand All @@ -80,7 +78,6 @@
--semantic-line-height-heading-h4: normal;
--semantic-line-height-heading-h5: normal;
--semantic-line-height-heading-h6: normal;
--semantic-line-height-heading-h7: normal;
--semantic-line-height-body-xl: 30px;
--semantic-line-height-body-lg: 28px;
--semantic-line-height-body-md: 24px;
Expand Down
27 changes: 12 additions & 15 deletions dist/quill-tailwind/_sm.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,13 +30,12 @@
--semantic-border-radius-2xl: 48px;
--semantic-border-radius-pill: 96px;
--semantic-font-size-heading-hero: 64px;
--semantic-font-size-heading-h1: 48px;
--semantic-font-size-heading-h2: 32px;
--semantic-font-size-heading-h3: 24px;
--semantic-font-size-heading-h4: 20px;
--semantic-font-size-heading-h5: 18px;
--semantic-font-size-heading-h6: 16px;
--semantic-font-size-heading-h7: 14px;
--semantic-font-size-heading-h1: 34px;
--semantic-font-size-heading-h2: 28px;
--semantic-font-size-heading-h3: 20px;
--semantic-font-size-heading-h4: 18px;
--semantic-font-size-heading-h5: 16px;
--semantic-font-size-heading-h6: 14px;
--semantic-font-size-body-xl: 20px;
--semantic-font-size-body-lg: 18px;
--semantic-font-size-body-md: 16px;
Expand All @@ -57,13 +56,12 @@
--semantic-font-size-icon-standalone-md: 20px;
--semantic-font-size-icon-standalone-sm: 16px;
--semantic-paragraph-spacing-heading-hero: 64px;
--semantic-paragraph-spacing-heading-h1: 48px;
--semantic-paragraph-spacing-heading-h2: 32px;
--semantic-paragraph-spacing-heading-h3: 24px;
--semantic-paragraph-spacing-heading-h4: 20px;
--semantic-paragraph-spacing-heading-h5: 18px;
--semantic-paragraph-spacing-heading-h6: 16px;
--semantic-paragraph-spacing-heading-h7: 14px;
--semantic-paragraph-spacing-heading-h1: 34px;
--semantic-paragraph-spacing-heading-h2: 28px;
--semantic-paragraph-spacing-heading-h3: 20px;
--semantic-paragraph-spacing-heading-h4: 18px;
--semantic-paragraph-spacing-heading-h5: 16px;
--semantic-paragraph-spacing-heading-h6: 14px;
--semantic-paragraph-spacing-body-xl: 20px;
--semantic-paragraph-spacing-body-lg: 18px;
--semantic-paragraph-spacing-body-md: 16px;
Expand All @@ -80,7 +78,6 @@
--semantic-line-height-heading-h4: normal;
--semantic-line-height-heading-h5: normal;
--semantic-line-height-heading-h6: normal;
--semantic-line-height-heading-h7: normal;
--semantic-line-height-body-xl: 30px;
--semantic-line-height-body-lg: 28px;
--semantic-line-height-body-md: 24px;
Expand Down
27 changes: 12 additions & 15 deletions dist/quill-tailwind/_tablet.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,13 +30,12 @@
--semantic-border-radius-2xl: 48px;
--semantic-border-radius-pill: 96px;
--semantic-font-size-heading-hero: 64px;
--semantic-font-size-heading-h1: 48px;
--semantic-font-size-heading-h2: 32px;
--semantic-font-size-heading-h3: 24px;
--semantic-font-size-heading-h4: 20px;
--semantic-font-size-heading-h5: 18px;
--semantic-font-size-heading-h6: 16px;
--semantic-font-size-heading-h7: 14px;
--semantic-font-size-heading-h1: 34px;
--semantic-font-size-heading-h2: 28px;
--semantic-font-size-heading-h3: 20px;
--semantic-font-size-heading-h4: 18px;
--semantic-font-size-heading-h5: 16px;
--semantic-font-size-heading-h6: 14px;
--semantic-font-size-body-xl: 20px;
--semantic-font-size-body-lg: 18px;
--semantic-font-size-body-md: 16px;
Expand All @@ -57,13 +56,12 @@
--semantic-font-size-icon-standalone-md: 20px;
--semantic-font-size-icon-standalone-sm: 16px;
--semantic-paragraph-spacing-heading-hero: 64px;
--semantic-paragraph-spacing-heading-h1: 48px;
--semantic-paragraph-spacing-heading-h2: 32px;
--semantic-paragraph-spacing-heading-h3: 24px;
--semantic-paragraph-spacing-heading-h4: 20px;
--semantic-paragraph-spacing-heading-h5: 18px;
--semantic-paragraph-spacing-heading-h6: 16px;
--semantic-paragraph-spacing-heading-h7: 14px;
--semantic-paragraph-spacing-heading-h1: 34px;
--semantic-paragraph-spacing-heading-h2: 28px;
--semantic-paragraph-spacing-heading-h3: 20px;
--semantic-paragraph-spacing-heading-h4: 18px;
--semantic-paragraph-spacing-heading-h5: 16px;
--semantic-paragraph-spacing-heading-h6: 14px;
--semantic-paragraph-spacing-body-xl: 20px;
--semantic-paragraph-spacing-body-lg: 18px;
--semantic-paragraph-spacing-body-md: 16px;
Expand All @@ -80,7 +78,6 @@
--semantic-line-height-heading-h4: normal;
--semantic-line-height-heading-h5: normal;
--semantic-line-height-heading-h6: normal;
--semantic-line-height-heading-h7: normal;
--semantic-line-height-body-xl: 30px;
--semantic-line-height-body-lg: 28px;
--semantic-line-height-body-md: 24px;
Expand Down
Loading

0 comments on commit 3a41ad6

Please sign in to comment.