44 lines
817 B
SCSS
44 lines
817 B
SCSS
/// Get color variable from css to scss
|
|
/// @param $color-props: color variable : --color-text-rgb, --color-body-text
|
|
///
|
|
@function color($color-props) {
|
|
@return var(--color-#{$color-props});
|
|
}
|
|
|
|
/// Get font variable from css to scss
|
|
/// @param $font-props: font variable : --font-size-header, --font-size-base
|
|
///
|
|
@function font($font-props) {
|
|
@return var(--font-#{$font-props});
|
|
}
|
|
|
|
/// Get all general variable from css to scss
|
|
@function v($props) {
|
|
@return var(--#{$props});
|
|
}
|
|
|
|
/// Example :
|
|
// :root {
|
|
// --color-background: #FFFFFF;
|
|
// }
|
|
|
|
// body {
|
|
// color: color(primary);
|
|
// }
|
|
|
|
// compiled sass code is:
|
|
|
|
// body {
|
|
// color: var(--color-primary);
|
|
// }
|
|
|
|
// .kmacoders {
|
|
// color: v(--color-background);
|
|
// }
|
|
|
|
// compiled sass code is:
|
|
|
|
// .kmacoders {
|
|
// color: var(----color-background);
|
|
// }
|