Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

update-raw-token-2023-09-25-08-12-07 #7

Merged
merged 2 commits into from
Sep 25, 2023
Merged

update-raw-token-2023-09-25-08-12-07 #7

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
dc7b718
Update from https://github.com/DV-Product-Design/tokenv4/commit/05093…
mohsen-deriv Sep 25, 2023
32eef93
chore: added new semantic viewport tokens
mohsen-deriv Sep 25, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion dist/quill-tailwind/_desktop.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
@media screen and (min-width: 600px) { :root {
@media screen and (min-width: 1440px) { :root {
--semantic-spacing-general-none: 0px;
--semantic-spacing-general-2xs: 1px;
--semantic-spacing-general-xs: 2px;
Expand Down
104 changes: 104 additions & 0 deletions dist/quill-tailwind/_laptop.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,104 @@
@media screen and (min-width: 1280px) { :root {
--semantic-spacing-general-none: 0px;
--semantic-spacing-general-2xs: 1px;
--semantic-spacing-general-xs: 2px;
--semantic-spacing-general-sm: 4px;
--semantic-spacing-general-md: 8px;
--semantic-spacing-general-lg: 16px;
--semantic-spacing-general-xl: 24px;
--semantic-spacing-general-2xl: 48px;
--semantic-spacing-general-3xl: 96px;
--semantic-spacing-gap-none: 0px;
--semantic-spacing-gap-2xs: 1px;
--semantic-spacing-gap-xs: 2px;
--semantic-spacing-gap-sm: 4px;
--semantic-spacing-gap-md: 8px;
--semantic-spacing-gap-lg: 16px;
--semantic-spacing-gap-xl: 24px;
--semantic-spacing-gap-2xl: 48px;
--semantic-spacing-gap-3xl: 96px;
--semantic-border-radius-none: 0px;
--semantic-border-radius-xs: 2px;
--semantic-border-radius-sm: 4px;
--semantic-border-radius-md: 6px;
--semantic-border-radius-lg: 8px;
--semantic-border-radius-xl: 10px;
--semantic-border-radius-2xl: 16px;
--semantic-border-radius-pill: 28px;
--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-body-xl: 24px;
--semantic-font-size-body-lg: 20px;
--semantic-font-size-body-md: 16px;
--semantic-font-size-body-sm: 14px;
--semantic-font-size-caption: 12px;
--semantic-font-size-code-xl: 24px;
--semantic-font-size-code-lg: 20px;
--semantic-font-size-code-md: 16px;
--semantic-font-size-code-sm: 14px;
--semantic-font-size-icon-label-paired-xl: 24px;
--semantic-font-size-icon-label-paired-lg: 20px;
--semantic-font-size-icon-label-paired-md: 16px;
--semantic-font-size-icon-label-paired-sm: 14px;
--semantic-font-size-icon-label-paired-caption: 12px;
--semantic-font-size-icon-standalone-2xl: 64px;
--semantic-font-size-icon-standalone-xl: 40px;
--semantic-font-size-icon-standalone-lg: 32px;
--semantic-font-size-icon-standalone-md: 20px;
--semantic-font-size-icon-standalone-sm: 16px;
--semantic-border-width-none: 0;
--semantic-border-width-xs: 1px;
--semantic-border-width-sm: 2px;
--semantic-border-width-md: 4px;
--semantic-border-width-lg: 8px;
--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-body-xl: 24px;
--semantic-paragraph-spacing-body-lg: 20px;
--semantic-paragraph-spacing-body-md: 16px;
--semantic-paragraph-spacing-body-sm: 14px;
--semantic-paragraph-spacing-caption: 12px;
--semantic-paragraph-spacing-code-xl: 24px;
--semantic-paragraph-spacing-code-lg: 20px;
--semantic-paragraph-spacing-code-md: 16px;
--semantic-paragraph-spacing-code-sm: 14px;
--semantic-line-height-heading-hero: normal;
--semantic-line-height-heading-h1: normal;
--semantic-line-height-heading-h2: normal;
--semantic-line-height-heading-h3: normal;
--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;
--semantic-line-height-body-sm: 22px;
--semantic-line-height-caption: 18px;
--semantic-line-height-code-xl: 36px;
--semantic-line-height-code-lg: 30px;
--semantic-line-height-code-md: 24px;
--semantic-line-height-code-sm: 22px;
--semantic-line-height-icon-label-paired-xl: 36px;
--semantic-line-height-icon-label-paired-lg: 30px;
--semantic-line-height-icon-label-paired-md: 24px;
--semantic-line-height-icon-label-paired-sm: 22px;
--semantic-line-height-icon-label-paired-caption: 18px;
--semantic-line-height-icon-standalone-2xl: 96px;
--semantic-line-height-icon-standalone-xl: 64px;
--semantic-line-height-icon-standalone-lg: 48px;
--semantic-line-height-icon-standalone-md: 32px;
--semantic-line-height-icon-standalone-sm: 24px;
}}
104 changes: 104 additions & 0 deletions dist/quill-tailwind/_lg.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,104 @@
@media screen and (min-width: 1024px) { :root {
--semantic-spacing-general-none: 0px;
--semantic-spacing-general-2xs: 1px;
--semantic-spacing-general-xs: 2px;
--semantic-spacing-general-sm: 4px;
--semantic-spacing-general-md: 8px;
--semantic-spacing-general-lg: 16px;
--semantic-spacing-general-xl: 24px;
--semantic-spacing-general-2xl: 48px;
--semantic-spacing-general-3xl: 96px;
--semantic-spacing-gap-none: 0px;
--semantic-spacing-gap-2xs: 1px;
--semantic-spacing-gap-xs: 2px;
--semantic-spacing-gap-sm: 4px;
--semantic-spacing-gap-md: 8px;
--semantic-spacing-gap-lg: 16px;
--semantic-spacing-gap-xl: 24px;
--semantic-spacing-gap-2xl: 48px;
--semantic-spacing-gap-3xl: 96px;
--semantic-border-radius-none: 0px;
--semantic-border-radius-xs: 2px;
--semantic-border-radius-sm: 4px;
--semantic-border-radius-md: 6px;
--semantic-border-radius-lg: 8px;
--semantic-border-radius-xl: 10px;
--semantic-border-radius-2xl: 16px;
--semantic-border-radius-pill: 28px;
--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-body-xl: 20px;
--semantic-font-size-body-lg: 18px;
--semantic-font-size-body-md: 16px;
--semantic-font-size-body-sm: 14px;
--semantic-font-size-caption: 12px;
--semantic-font-size-code-xl: 20px;
--semantic-font-size-code-lg: 18px;
--semantic-font-size-code-md: 16px;
--semantic-font-size-code-sm: 14px;
--semantic-font-size-icon-label-paired-xl: 20px;
--semantic-font-size-icon-label-paired-lg: 18px;
--semantic-font-size-icon-label-paired-md: 16px;
--semantic-font-size-icon-label-paired-sm: 14px;
--semantic-font-size-icon-label-paired-caption: 12px;
--semantic-font-size-icon-standalone-2xl: 64px;
--semantic-font-size-icon-standalone-xl: 40px;
--semantic-font-size-icon-standalone-lg: 32px;
--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-body-xl: 20px;
--semantic-paragraph-spacing-body-lg: 18px;
--semantic-paragraph-spacing-body-md: 16px;
--semantic-paragraph-spacing-body-sm: 14px;
--semantic-paragraph-spacing-caption: 12px;
--semantic-paragraph-spacing-code-xl: 20px;
--semantic-paragraph-spacing-code-lg: 18px;
--semantic-paragraph-spacing-code-md: 16px;
--semantic-paragraph-spacing-code-sm: 14px;
--semantic-line-height-heading-hero: normal;
--semantic-line-height-heading-h1: normal;
--semantic-line-height-heading-h2: normal;
--semantic-line-height-heading-h3: normal;
--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;
--semantic-line-height-body-sm: 22px;
--semantic-line-height-caption: 18px;
--semantic-line-height-code-xl: 30px;
--semantic-line-height-code-lg: 28px;
--semantic-line-height-code-md: 24px;
--semantic-line-height-code-sm: 22px;
--semantic-line-height-icon-label-paired-xl: 30px;
--semantic-line-height-icon-label-paired-lg: 28px;
--semantic-line-height-icon-label-paired-md: 24px;
--semantic-line-height-icon-label-paired-sm: 22px;
--semantic-line-height-icon-label-paired-caption: 18px;
--semantic-line-height-icon-standalone-2xl: 96px;
--semantic-line-height-icon-standalone-xl: 64px;
--semantic-line-height-icon-standalone-lg: 48px;
--semantic-line-height-icon-standalone-md: 32px;
--semantic-line-height-icon-standalone-sm: 24px;
--semantic-border-width-none: 0;
--semantic-border-width-xs: 1px;
--semantic-border-width-sm: 2px;
--semantic-border-width-md: 4px;
--semantic-border-width-lg: 8px;
}}
104 changes: 104 additions & 0 deletions dist/quill-tailwind/_sm.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,104 @@
@media screen and (min-width: 640px) { :root {
--semantic-spacing-general-none: 0px;
--semantic-spacing-general-2xs: 1px;
--semantic-spacing-general-xs: 2px;
--semantic-spacing-general-sm: 4px;
--semantic-spacing-general-md: 8px;
--semantic-spacing-general-lg: 16px;
--semantic-spacing-general-xl: 24px;
--semantic-spacing-general-2xl: 48px;
--semantic-spacing-general-3xl: 96px;
--semantic-spacing-gap-none: 0px;
--semantic-spacing-gap-2xs: 1px;
--semantic-spacing-gap-xs: 2px;
--semantic-spacing-gap-sm: 4px;
--semantic-spacing-gap-md: 8px;
--semantic-spacing-gap-lg: 16px;
--semantic-spacing-gap-xl: 24px;
--semantic-spacing-gap-2xl: 48px;
--semantic-spacing-gap-3xl: 96px;
--semantic-border-radius-none: 0px;
--semantic-border-radius-xs: 2px;
--semantic-border-radius-sm: 4px;
--semantic-border-radius-md: 6px;
--semantic-border-radius-lg: 8px;
--semantic-border-radius-xl: 10px;
--semantic-border-radius-2xl: 16px;
--semantic-border-radius-pill: 28px;
--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-body-xl: 20px;
--semantic-font-size-body-lg: 18px;
--semantic-font-size-body-md: 16px;
--semantic-font-size-body-sm: 14px;
--semantic-font-size-caption: 12px;
--semantic-font-size-code-xl: 20px;
--semantic-font-size-code-lg: 18px;
--semantic-font-size-code-md: 16px;
--semantic-font-size-code-sm: 14px;
--semantic-font-size-icon-label-paired-xl: 20px;
--semantic-font-size-icon-label-paired-lg: 18px;
--semantic-font-size-icon-label-paired-md: 16px;
--semantic-font-size-icon-label-paired-sm: 14px;
--semantic-font-size-icon-label-paired-caption: 12px;
--semantic-font-size-icon-standalone-2xl: 64px;
--semantic-font-size-icon-standalone-xl: 40px;
--semantic-font-size-icon-standalone-lg: 32px;
--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-body-xl: 20px;
--semantic-paragraph-spacing-body-lg: 18px;
--semantic-paragraph-spacing-body-md: 16px;
--semantic-paragraph-spacing-body-sm: 14px;
--semantic-paragraph-spacing-caption: 12px;
--semantic-paragraph-spacing-code-xl: 20px;
--semantic-paragraph-spacing-code-lg: 18px;
--semantic-paragraph-spacing-code-md: 16px;
--semantic-paragraph-spacing-code-sm: 14px;
--semantic-line-height-heading-hero: normal;
--semantic-line-height-heading-h1: normal;
--semantic-line-height-heading-h2: normal;
--semantic-line-height-heading-h3: normal;
--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;
--semantic-line-height-body-sm: 22px;
--semantic-line-height-caption: 18px;
--semantic-line-height-code-xl: 30px;
--semantic-line-height-code-lg: 28px;
--semantic-line-height-code-md: 24px;
--semantic-line-height-code-sm: 22px;
--semantic-line-height-icon-label-paired-xl: 30px;
--semantic-line-height-icon-label-paired-lg: 28px;
--semantic-line-height-icon-label-paired-md: 24px;
--semantic-line-height-icon-label-paired-sm: 22px;
--semantic-line-height-icon-label-paired-caption: 18px;
--semantic-line-height-icon-standalone-2xl: 96px;
--semantic-line-height-icon-standalone-xl: 64px;
--semantic-line-height-icon-standalone-lg: 48px;
--semantic-line-height-icon-standalone-md: 32px;
--semantic-line-height-icon-standalone-sm: 24px;
--semantic-border-width-none: 0;
--semantic-border-width-xs: 1px;
--semantic-border-width-sm: 2px;
--semantic-border-width-md: 4px;
--semantic-border-width-lg: 8px;
}}
Loading