@@ -165,6 +165,16 @@ | |||||
--bg-pink: var(--pink-50); | --bg-pink: var(--pink-50); | ||||
--bg-cyan: var(--cyan-50); | --bg-cyan: var(--cyan-50); | ||||
//font sizes | |||||
--text-xs: 11px; | |||||
--text-sm: 12px; | |||||
--text-md: 13px; | |||||
--text-base: 14px; | |||||
--text-lg: 16px; | |||||
--text-xl: 18px; | |||||
--text-2xl: 20px; | |||||
--text-3xl: 22px; | |||||
--text-on-blue: var(--blue-600); | --text-on-blue: var(--blue-600); | ||||
--text-on-light-blue: var(--blue-500); | --text-on-light-blue: var(--blue-500); | ||||
--text-on-dark-blue: var(--blue-700); | --text-on-dark-blue: var(--blue-700); | ||||
@@ -4,15 +4,6 @@ $input-height: 28px !default; | |||||
:root, | :root, | ||||
[data-theme="light"] { | [data-theme="light"] { | ||||
--text-xs: 11px; | |||||
--text-sm: 12px; | |||||
--text-md: 13px; | |||||
--text-base: 14px; | |||||
--text-lg: 16px; | |||||
--text-xl: 18px; | |||||
--text-2xl: 20px; | |||||
--text-3xl: 22px; | |||||
// breakpoints | // breakpoints | ||||
--xxl-width: map-get($grid-breakpoints, '2xl'); | --xxl-width: map-get($grid-breakpoints, '2xl'); | ||||
--xl-width: map-get($grid-breakpoints, 'xl'); | --xl-width: map-get($grid-breakpoints, 'xl'); | ||||