deblan-mirror/papercss
1
0
Fork 0
mirror of https://github.com/papercss/papercss synced 2026-03-14 22:45:51 +01:00
Code Issues Projects Releases Wiki Activity

chore: dry css vars declartion

Browse source
This commit is contained in:
Seifeldin Mahjoub 2020-08-09 00:44:02 +02:00
commit a5a030fe42
1 changed files with 6 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

54
src/core/_config.scss
View file

@ -132,57 +132,15 @@ $theme-map: (
html {
--primary: #{map-get(map-get($theme-map, 'light'), 'primary')};
--secondary: #{map-get(map-get($theme-map, 'light'), 'secondary')};
--success: #{map-get(map-get($theme-map, 'light'), 'success')};
--warning: #{map-get(map-get($theme-map, 'light'), 'warning')};
--danger: #{map-get(map-get($theme-map, 'light'), 'danger')};
--muted: #{map-get(map-get($theme-map, 'light'), 'muted')};
--primary-light: #{map-get(map-get($theme-map, 'light'), 'primary-light')};
--secondary-light: #{map-get(map-get($theme-map, 'light'), 'secondary-light')};
--success-light: #{map-get(map-get($theme-map, 'light'), 'success-light')};
--warning-light: #{map-get(map-get($theme-map, 'light'), 'warning-light')};
--danger-light: #{map-get(map-get($theme-map, 'light'), 'danger-light')};
--muted-light: #{map-get(map-get($theme-map, 'light'), 'muted-light')};
--white-dark: #{map-get(map-get($theme-map, 'light'), 'white-dark')};
--light-dark: #{map-get(map-get($theme-map, 'light'), 'light-dark')};
--white: #{map-get(map-get($theme-map, 'light'), 'white')};
--main-background: #{map-get(map-get($theme-map, 'light'), 'main-background')};
--primary-text: #{map-get(map-get($theme-map, 'light'), 'primary-text')};
--secondary-text: #{map-get(map-get($theme-map, 'light'), 'secondary-text')};
--success-text: #{map-get(map-get($theme-map, 'light'), 'success-text')};
--warning-text: #{map-get(map-get($theme-map, 'light'), 'warning-text')};
--danger-text: #{map-get(map-get($theme-map, 'light'), 'danger-text')};
--muted-text: #{map-get(map-get($theme-map, 'light'), 'muted-text')};
--shadow-color-regular: #{map-get(map-get($theme-map, 'light'), 'shadow-color-regular')};
--shadow-color-hover: #{map-get(map-get($theme-map, 'light'), 'shadow-color-hover')};
@each $var in map-get($theme-map, 'light') {
--#{$var}: #{map-get(map-get($theme-map, 'light'), $var)};
}
}
html.dark {
--primary: #{map-get(map-get($theme-map, 'dark'), 'primary')};
--secondary: #{map-get(map-get($theme-map, 'dark'), 'secondary')};
--success: #{map-get(map-get($theme-map, 'dark'), 'success')};
--warning: #{map-get(map-get($theme-map, 'dark'), 'warning')};
--danger: #{map-get(map-get($theme-map, 'dark'), 'danger')};
--muted: #{map-get(map-get($theme-map, 'dark'), 'muted')};
--primary-light: #{map-get(map-get($theme-map, 'dark'), 'primary-light')};
--secondary-light: #{map-get(map-get($theme-map, 'dark'), 'secondary-light')};
--success-light: #{map-get(map-get($theme-map, 'dark'), 'success-light')};
--warning-light: #{map-get(map-get($theme-map, 'dark'), 'warning-light')};
--danger-light: #{map-get(map-get($theme-map, 'dark'), 'danger-light')};
--muted-light: #{map-get(map-get($theme-map, 'dark'), 'muted-light')};
--white-dark: #{map-get(map-get($theme-map, 'dark'), 'white-dark')};
--light-dark: #{map-get(map-get($theme-map, 'dark'), 'light-dark')};
--white: #{map-get(map-get($theme-map, 'dark'), 'white')};
--main-background: #{map-get(map-get($theme-map, 'dark'), 'main-background')};
--primary-text: #{map-get(map-get($theme-map, 'dark'), 'primary-text')};
--secondary-text: #{map-get(map-get($theme-map, 'dark'), 'secondary-text')};
--success-text: #{map-get(map-get($theme-map, 'dark'), 'success-text')};
--warning-text: #{map-get(map-get($theme-map, 'dark'), 'warning-text')};
--danger-text: #{map-get(map-get($theme-map, 'dark'), 'danger-text')};
--muted-text: #{map-get(map-get($theme-map, 'dark'), 'muted-text')};
--shadow-color-regular: #{map-get(map-get($theme-map, 'dark'), 'shadow-color-regular')};
--shadow-color-hover: #{map-get(map-get($theme-map, 'dark'), 'shadow-color-hover')};
@each $var in map-get($theme-map, 'dark') {
--#{$var}: #{map-get(map-get($theme-map, 'dark'), $var)};
}
}