aboutsummaryrefslogtreecommitdiffstats
path: root/src/scss/base/_spacings.scss
blob: e908caf01abf716dcb1cb7ebf735568e956bda26 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
@use "../abstracts/functions" as fun;
@use "../abstracts/mixins" as mix;
@use "../abstracts/variables" as var;
@include mix.set-vars(
  (
    spacing-3xs: var.$spacing_3xs,
    spacing-2xs: var.$spacing_2xs,
    spacing-xs: var.$spacing_xs,
    spacing-sm: var.$spacing_sm,
    spacing-md: var.$spacing_md,
    spacing-lg: var.$spacing_lg,
    toolbar-height: fun.convert-px(60),
  )
);

@include mix.media("screen") {
  @include mix.dimensions("lg") {
    @include mix.set-vars(
      (
        toolbar-height: fun.convert-px(0),
      )
    );
  }
}
an>{ atrule: /(?:@[\w-]+|[+=])/, }, }, }); delete Prism.languages.sass.atrule; var variable = /\$[-\w]+|#\{\$[-\w]+\}/; var operator = [ /[+*\/%]|[=!]=|<=?|>=?|\b(?:and|not|or)\b/, { pattern: /(\s)-(?=\s)/, lookbehind: true, }, ]; Prism.languages.insertBefore('sass', 'property', { // We want to consume the whole line 'variable-line': { pattern: /^[ \t]*\$.+/m, greedy: true, inside: { punctuation: /:/, variable: variable, operator: operator, }, }, // We want to consume the whole line 'property-line': { pattern: /^[ \t]*(?:[^:\s]+ *:.*|:[^:\s].*)/m, greedy: true, inside: { property: [ /[^:\s]+(?=\s*:)/, { pattern: /(:)[^:\s]+/, lookbehind: true, }, ], punctuation: /:/, variable: variable, operator: operator, important: Prism.languages.sass.important, }, }, }); delete Prism.languages.sass.property; delete Prism.languages.sass.important; // Now that whole lines for other patterns are consumed, // what's left should be selectors Prism.languages.insertBefore('sass', 'punctuation', { selector: { pattern: /^([ \t]*)\S(?:,[^,\r\n]+|[^,\r\n]*)(?:,[^,\r\n]+)*(?:,(?:\r?\n|\r)\1[ \t]+\S(?:,[^,\r\n]+|[^,\r\n]*)(?:,[^,\r\n]+)*)*/m, lookbehind: true, greedy: true, }, }); })(Prism);