Created
April 17, 2020 13:23
-
-
Save evdama/96ebf29ff13860795de8708acb683d3b to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@import "tailwindcss/base"; | |
@import "tailwindcss/components"; | |
@import './components'; | |
@import "tailwindcss/utilities"; | |
@import './edm-utilities'; | |
:root { | |
--font-family-one: Inter, sans-serif; | |
--font-weight-black: 900; | |
--font-weight-bold: 700; | |
--font-weight-normal: 400; | |
--font-weight-thin: 200; | |
--theme-color-error-one: theme('colors.red-100'); | |
--theme-color-error-two: theme('colors.red-900'); | |
--theme-color-bg-one: theme('colors.white'); | |
--theme-color-bg-two: theme('colors.grey-300'); | |
--theme-color-bg-three: theme('colors.grey-100'); | |
--theme-color-bg-four: theme('colors.blue-500'); | |
--theme-color-bg-five: theme('colors.blue-900'); | |
--theme-color-bg-six: theme('colors.grey-300'); | |
--theme-color-bg-seven: theme('colors.grey-500'); | |
--theme-color-bg-eight: theme('colors.blue-100'); | |
--theme-color-bg-nine: rgba(3, 169, 244, 0.75); | |
--theme-color-bg-ten: rgba(224, 224, 224, 0.75); | |
--theme-color-bg-eleven: rgba(39, 39, 39, 0.80); | |
--theme-color-border-one: theme('colors.grey-300'); | |
--theme-color-border-two: theme('colors.grey-400'); | |
--theme-color-border-three: theme('colors.grey-300'); | |
--theme-color-border-four: theme('colors.blue-500'); | |
--theme-color-border-five: theme('colors.grey-300'); | |
--theme-color-border-six: theme('colors.grey-400'); | |
--theme-color-border-seven: theme('colors.blue-800'); | |
--theme-color-placeholder-one: theme('colors.grey-500'); | |
--theme-color-placeholder-two: theme('colors.blue-500'); | |
--theme-color-text-one: theme('colors.grey-600'); | |
--theme-color-text-two: theme('colors.blue-500'); | |
--theme-color-text-three: theme('colors.grey-900'); | |
--theme-color-text-four: theme('colors.white'); | |
--theme-color-text-five: theme('colors.grey-800'); | |
--theme-color-text-six: theme('colors.grey-400'); | |
--theme-color-text-seven: theme('colors.blue-300'); | |
--theme-color-text-eight: theme('colors.blue-800'); | |
--theme-color-text-nine: theme('colors.grey-700'); | |
--theme-color-text-link: theme('colors.blue-500'); | |
--stroke-width-thin: 2; | |
--stroke-width-normal: 3; | |
--stroke-width-fat: 4; | |
} | |
:root[data-theme="dark"] { | |
--font-family-one: Inter, sans-serif; | |
--font-weight-black: 900; | |
--font-weight-bold: 700; | |
--font-weight-normal: 400; | |
--font-weight-thin: 200; | |
--theme-color-error-one: theme('colors.red-100'); | |
--theme-color-error-two: theme('colors.red-900'); | |
--theme-color-bg-one: theme('colors.grey-800'); | |
--theme-color-bg-two: theme('colors.grey-300'); | |
--theme-color-bg-three: theme('colors.grey-600'); | |
--theme-color-bg-four: theme('colors.light-green-500'); | |
--theme-color-bg-five: theme('colors.light-green-900'); | |
--theme-color-bg-six: theme('colors.grey-600'); | |
--theme-color-bg-seven: theme('colors.grey-400'); | |
--theme-color-bg-eight: theme('colors.light-green-100'); | |
--theme-color-bg-nine: rgba(139, 195, 74, 0.75); | |
--theme-color-bg-ten: rgba(224, 224, 224, 0.75); | |
--theme-color-bg-eleven: rgba(39, 39, 39, 0.80); | |
--theme-color-border-one: theme('colors.grey-700'); | |
--theme-color-border-two: theme('colors.grey-900'); | |
--theme-color-border-three: theme('colors.grey-800'); | |
--theme-color-border-four: theme('colors.light-green-500'); | |
--theme-color-border-five: theme('colors.grey-600'); | |
--theme-color-border-six: theme('colors.grey-400'); | |
--theme-color-border-seven: theme('colors.light-green-800'); | |
--theme-color-placeholder-one: theme('colors.grey-500'); | |
--theme-color-placeholder-two: theme('colors.light-green-500'); | |
--theme-color-text-one: theme('colors.grey-400'); | |
--theme-color-text-two: theme('colors.light-green-500'); | |
--theme-color-text-three: theme('colors.grey-900'); | |
--theme-color-text-four: theme('colors.grey-800'); | |
--theme-color-text-five: theme('colors.grey-200'); | |
--theme-color-text-six: theme('colors.grey-500'); | |
--theme-color-text-seven: theme('colors.light-green-300'); | |
--theme-color-text-eight: theme('colors.light-green-800'); | |
--theme-color-text-nine: theme('colors.grey-700'); | |
--theme-color-text-link: theme('colors.light-green-500'); | |
--stroke-width-thin: 3; | |
--stroke-width-normal: 4; | |
--stroke-width-fat: 5; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment