aboutsummaryrefslogtreecommitdiffstats
path: root/htdocs/src/scss/abstracts/mixins/_css-vars.scss
blob: 8e31c964208df6de6e80c5e7dfaeb5e836ac8156 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
/// Declare a set of CSS variables properly prefixed.
///
/// @see https://dev.to/felipperegazio/css-custom-properties-vars-with-sass-scss-a-practical-architecture-strategy-1m88
///
/// @param {List} $variables - A list of variable name and value.
/// @param {Bool} $root - Set vars at root.
/// @param {String} $prefix - The variables prefix.
@mixin set-vars($variables, $root: true, $prefix: "dap") {
  @if $root {
    :root {
      @each $name, $value in $variables {
        --#{$prefix}-#{$name}: #{$value};
      }
    }
  } @else {
    @each $name, $value in $variables {
      --#{$prefix}-#{$name}: #{$value};
    }
  }
}