@ws-serenity/sass-styling 1.1.1 → 1.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight#common_weight_name_mapping
|
|
2
|
+
$weight-name-to-value-map: (
|
|
3
|
+
thin: 100,
|
|
4
|
+
extra-light: 200,
|
|
5
|
+
light: 300,
|
|
6
|
+
regular: 400,
|
|
7
|
+
medium: 500,
|
|
8
|
+
semi-bold: 600,
|
|
9
|
+
bold: 700,
|
|
10
|
+
extra-bold: 800,
|
|
11
|
+
heavy: 900,
|
|
12
|
+
);
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
@use 'sass:list';
|
|
2
|
+
@use 'sass:map';
|
|
3
|
+
|
|
4
|
+
@mixin use-css-vars-conveyor(
|
|
5
|
+
$key-vars-tuples,
|
|
6
|
+
$conveyor,
|
|
7
|
+
$defaults: (),
|
|
8
|
+
$aliases: (),
|
|
9
|
+
$default-markers: [ d, def, null ]
|
|
10
|
+
) {
|
|
11
|
+
// Если в конвейере есть ключ, существующий в дефолтсах
|
|
12
|
+
// То помечаем ключ, как override-friendly
|
|
13
|
+
$override-friendly-props: [];
|
|
14
|
+
@each $key in $conveyor {
|
|
15
|
+
@if map.get($defaults, $key) != null {
|
|
16
|
+
$override-friendly-props: append($override-friendly-props, $key);
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
// Если в дефолтсах есть ключ, не существующий в конвейере
|
|
21
|
+
// То помещаем его в конец конвейера
|
|
22
|
+
@each $key, $_ in $defaults {
|
|
23
|
+
@if index($conveyor, $key) == null {
|
|
24
|
+
$conveyor: append($conveyor, $key);
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
@each $key, $vars in $key-vars-tuples {
|
|
29
|
+
@for $i from 1 through length($conveyor) {
|
|
30
|
+
$prop: nth($conveyor, $i);
|
|
31
|
+
$var: null;
|
|
32
|
+
|
|
33
|
+
// Находим raw значение
|
|
34
|
+
@if map.get($defaults, $prop) != null {
|
|
35
|
+
@if $i <= length($vars) and index($override-friendly-props, $prop) != null {
|
|
36
|
+
$var: nth($vars, $i);
|
|
37
|
+
|
|
38
|
+
@if index($default-markers, $var) != null {
|
|
39
|
+
$var: map.get($defaults, $prop);
|
|
40
|
+
}
|
|
41
|
+
} @else {
|
|
42
|
+
$var: map.get($defaults, $prop);
|
|
43
|
+
}
|
|
44
|
+
} @else {
|
|
45
|
+
$var: nth($vars, $i);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
// Находим и применяем алиасы
|
|
49
|
+
$prop-aliases: map.get($aliases, $prop);
|
|
50
|
+
@if $prop-aliases != null {
|
|
51
|
+
$var-aliased-value: map.get($prop-aliases, $var);
|
|
52
|
+
@if $var-aliased-value != null {
|
|
53
|
+
$var: $var-aliased-value;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
--#{$key}-#{$prop}: #{$var};
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
}
|
|
@@ -1,11 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
regular: 400,
|
|
3
|
-
semi-bold: 600,
|
|
4
|
-
bold: 700, // TODO DEAL WITH ME
|
|
5
|
-
);
|
|
1
|
+
@import './commonWeights';
|
|
6
2
|
|
|
7
3
|
$default-line-height-multiplier: 1.25;
|
|
8
4
|
|
|
5
|
+
// todo: cssVarsConveyor can be reused
|
|
9
6
|
@mixin set-font-css-vars(
|
|
10
7
|
$name,
|
|
11
8
|
$size,
|
package/lib/sass/styling.scss
CHANGED
|
@@ -22,3 +22,14 @@
|
|
|
22
22
|
// таким образом получается добиться максимального радиуса скругления, а не круглого элемента
|
|
23
23
|
border-radius: 9999px;
|
|
24
24
|
}
|
|
25
|
+
|
|
26
|
+
%hide-scrollbar {
|
|
27
|
+
/* Hide scrollbar for Chrome, Safari and Opera */
|
|
28
|
+
&::-webkit-scrollbar {
|
|
29
|
+
display: none;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
-ms-overflow-style: none; /* IE and Edge */
|
|
33
|
+
scrollbar-width: none; /* Firefox */
|
|
34
|
+
}
|
|
35
|
+
|