1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
@use "@styles/abstracts/functions" as fun;
@use "@styles/abstracts/mixins" as mix;
@use "@styles/abstracts/variables" as var;
@use "sass:math";
:root {
--spacing-2xs: clamp(
#{math.div(var.spacing("2xs"), 1.2)},
1ex + 1vw,
#{var.spacing("2xs")}
);
--spacing-xs: clamp(
#{math.div(var.spacing("xs"), 1.2)},
1ex + 1vw,
#{var.spacing("xs")}
);
--spacing-sm: clamp(
#{math.div(var.spacing("sm"), 1.2)},
1ex + 1vw,
#{var.spacing("sm")}
);
--spacing-md: clamp(#{var.spacing("sm")}, 1ex + 2vw, #{var.spacing("md")});
--spacing-lg: clamp(#{var.spacing("md")}, 1ex + 3vw, #{var.spacing("lg")});
--spacing-xl: clamp(#{var.spacing("lg")}, 1ex + 4vw, #{var.spacing("xl")});
--spacing-2xl: clamp(#{var.spacing("xl")}, 1ex + 5vw, #{var.spacing("2xl")});
--spacing-3xl: clamp(#{var.spacing("2xl")}, 1ex + 6vw, #{var.spacing("3xl")});
--toolbar-size: #{fun.convert-px(65)};
}
@include mix.media("screen") {
@include mix.dimensions("sm") {
:root {
--toolbar-size: 0px;
}
}
}
|
