beathers 5.4.1 → 5.5.4
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.
- package/CHANGELOG +28 -0
- package/css/beathers-icons.min.css +1 -1
- package/css/beathers-icons.min.css.map +1 -1
- package/css/beathers.min.css +2 -2
- package/css/beathers.min.css.map +1 -1
- package/data/colors.d.ts +2 -0
- package/data/colors.d.ts.map +1 -1
- package/data/colors.js +6 -0
- package/package.json +4 -2
- package/public/fonts/beathers.woff +0 -0
- package/readme.md +14 -6
- package/scripts/commands/build.d.ts.map +1 -1
- package/scripts/commands/build.js +3 -2
- package/scripts/commands/fonts.d.ts.map +1 -1
- package/scripts/commands/init.d.ts.map +1 -1
- package/scripts/commands/init.js +7 -0
- package/scripts/helpers/BuildScssVariables.d.ts +1 -1
- package/scripts/helpers/BuildScssVariables.d.ts.map +1 -1
- package/scripts/helpers/BuildScssVariables.js +29 -3
- package/scripts/helpers/Merge.d.ts.map +1 -1
- package/scripts/helpers/Merge.js +4 -3
- package/scripts/helpers/ReadDefaultValues.d.ts.map +1 -1
- package/scripts/helpers/ReadDefaultValues.js +11 -0
- package/scripts/types.d.ts +22 -3
- package/scripts/types.d.ts.map +1 -1
- package/scss/_variables.scss +21 -8
- package/scss/beathers-icons.min.scss +1 -1
- package/scss/beathers.min.scss +2 -1
- package/scss/functions/_typographic.scss +2 -2
- package/scss/settings/_defaults.scss +23 -1
- package/scss/settings/_index.scss +2 -0
- package/scss/style/_glass.scss +80 -0
- package/scss/style/_grid.scss +12 -9
- package/scss/style/_resets.scss +76 -6
- package/scss/style/_shaping.scss +1 -1
- package/scss/style/_typographic.scss +3 -2
package/scss/style/_resets.scss
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
@use '../settings/configs' as configs;
|
|
2
|
+
@use '../settings/defaults' as defs;
|
|
2
3
|
@use '../variables' as vars;
|
|
3
4
|
@use '../functions/colors' as colors;
|
|
4
5
|
@use '../settings/index' as settings;
|
|
5
6
|
|
|
6
7
|
// Definitions
|
|
8
|
+
$defaultFontFamilies: if(vars.$defaultFontFamilies != null, vars.$defaultFontFamilies, defs.$defaultFontFamilies);
|
|
7
9
|
$useColors: if(vars.$useColors != null, vars.$useColors, settings.$useColors);
|
|
8
10
|
$useColorsLightMode: if(vars.$useColorsLightMode != null, vars.$useColorsLightMode, settings.$useColorsLightMode);
|
|
9
11
|
$useColorsDarkMode: if(vars.$useColorsDarkMode != null, vars.$useColorsDarkMode, settings.$useColorsDarkMode);
|
|
@@ -15,25 +17,79 @@ html {
|
|
|
15
17
|
|
|
16
18
|
body {
|
|
17
19
|
position: relative;
|
|
18
|
-
|
|
19
|
-
font-family: 'regular';
|
|
20
|
+
font-family: 'regular', $defaultFontFamilies;
|
|
20
21
|
overflow-x: hidden;
|
|
21
22
|
}
|
|
22
23
|
|
|
23
24
|
*,
|
|
24
25
|
::before,
|
|
25
26
|
::after {
|
|
27
|
+
font-family: 'regular', $defaultFontFamilies;
|
|
26
28
|
margin: 0;
|
|
27
29
|
padding: 0;
|
|
28
30
|
box-sizing: border-box;
|
|
29
31
|
}
|
|
30
32
|
|
|
33
|
+
input,
|
|
34
|
+
textarea,
|
|
35
|
+
select,
|
|
36
|
+
button,
|
|
37
|
+
kbd,
|
|
38
|
+
samp,
|
|
39
|
+
table,
|
|
40
|
+
table *,
|
|
41
|
+
h1,
|
|
42
|
+
h2,
|
|
43
|
+
h3,
|
|
44
|
+
h4,
|
|
45
|
+
h5,
|
|
46
|
+
h6 {
|
|
47
|
+
font-family: inherit;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
table {
|
|
51
|
+
border-collapse: collapse;
|
|
52
|
+
border-spacing: 0;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
button {
|
|
56
|
+
cursor: pointer;
|
|
57
|
+
background: transparent;
|
|
58
|
+
border: none;
|
|
59
|
+
}
|
|
60
|
+
|
|
31
61
|
:focus,
|
|
32
62
|
button:focus {
|
|
33
63
|
outline: unset;
|
|
34
64
|
box-shadow: unset;
|
|
35
65
|
}
|
|
36
66
|
|
|
67
|
+
fieldset {
|
|
68
|
+
border: 0;
|
|
69
|
+
margin: 0;
|
|
70
|
+
padding: 0;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
legend {
|
|
74
|
+
padding: 0;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
details {
|
|
78
|
+
display: block;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
summary {
|
|
82
|
+
display: list-item;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
img,
|
|
86
|
+
video,
|
|
87
|
+
svg {
|
|
88
|
+
max-width: 100%;
|
|
89
|
+
height: auto;
|
|
90
|
+
display: block;
|
|
91
|
+
}
|
|
92
|
+
|
|
37
93
|
ul {
|
|
38
94
|
margin: unset;
|
|
39
95
|
list-style: none;
|
|
@@ -44,6 +100,20 @@ ul {
|
|
|
44
100
|
}
|
|
45
101
|
}
|
|
46
102
|
|
|
103
|
+
hr {
|
|
104
|
+
border: 0;
|
|
105
|
+
height: 1px;
|
|
106
|
+
background: currentColor;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
p,
|
|
110
|
+
figure,
|
|
111
|
+
blockquote,
|
|
112
|
+
dl,
|
|
113
|
+
dd {
|
|
114
|
+
margin: 0;
|
|
115
|
+
}
|
|
116
|
+
|
|
47
117
|
a {
|
|
48
118
|
text-decoration: unset;
|
|
49
119
|
}
|
|
@@ -51,14 +121,14 @@ a {
|
|
|
51
121
|
@if $useColors {
|
|
52
122
|
@if $useColorsLightMode {
|
|
53
123
|
.light::selection {
|
|
54
|
-
background-color: colors.useColorWithMap('
|
|
55
|
-
color: colors.useColorWithMap('
|
|
124
|
+
background-color: colors.useColorWithMap('third');
|
|
125
|
+
color: colors.useColorWithMap('black');
|
|
56
126
|
}
|
|
57
127
|
}
|
|
58
128
|
@if $useColorsDarkMode {
|
|
59
129
|
.dark::selection {
|
|
60
|
-
background-color: colors.useColorWithMap('
|
|
61
|
-
color: colors.useColorWithMap('
|
|
130
|
+
background-color: colors.useColorWithMap('third', 'dark');
|
|
131
|
+
color: colors.useColorWithMap('white');
|
|
62
132
|
}
|
|
63
133
|
}
|
|
64
134
|
}
|
package/scss/style/_shaping.scss
CHANGED
|
@@ -72,7 +72,7 @@ $radiuses: if(vars.$radiuses != null, vars.$radiuses, defs.$radiuses);
|
|
|
72
72
|
$checkedSpread: val.number($spread, 'Shadows.spread');
|
|
73
73
|
$checkedOpacity: val.opacity($opacity, 'Shadows.opacity');
|
|
74
74
|
|
|
75
|
-
$mainClass: if($size, '#{$size}#{$divider}
|
|
75
|
+
$mainClass: if($size, '#{$size}#{$divider}shadow\:#{$class}', 'shadow\:#{$class}');
|
|
76
76
|
|
|
77
77
|
.#{$mainClass} {
|
|
78
78
|
box-shadow: func.shadowValue($x)
|
|
@@ -112,7 +112,7 @@ $textTruncate: if(vars.$textTruncate != (), vars.$textTruncate, defs.$textTrunca
|
|
|
112
112
|
$checkedUnicode: val.string($unicode, 'Typographic.fontFace.unicode');
|
|
113
113
|
}
|
|
114
114
|
|
|
115
|
-
@include typo.font($title, $weight, $format, $style, $fI, $unicode, $isLocal, $externalUrl);
|
|
115
|
+
@include typo.font($fontKey, $title, $weight, $format, $style, $fI, $unicode, $isLocal, $externalUrl);
|
|
116
116
|
}
|
|
117
117
|
}
|
|
118
118
|
}
|
|
@@ -122,7 +122,7 @@ $textTruncate: if(vars.$textTruncate != (), vars.$textTruncate, defs.$textTrunca
|
|
|
122
122
|
@each $style in $styles {
|
|
123
123
|
// Font weights
|
|
124
124
|
// Validate parameters
|
|
125
|
-
$styleClass: if($fI == 0, $weight, '#{$
|
|
125
|
+
$styleClass: if($fI == 0, $weight, '#{$fontKey}\:#{$weight}');
|
|
126
126
|
$weightValue: map.get(configs.$fontWeightsValues, $weight);
|
|
127
127
|
|
|
128
128
|
$mainClass: if($size, #{$size}#{$divider}#{$styleClass}, $styleClass);
|
|
@@ -132,6 +132,7 @@ $textTruncate: if(vars.$textTruncate != (), vars.$textTruncate, defs.$textTrunca
|
|
|
132
132
|
'#{$styleClass}',
|
|
133
133
|
$defaultFontFamilies if($size, !important, null);
|
|
134
134
|
font-weight: if($size, $weightValue !important, $weightValue);
|
|
135
|
+
|
|
135
136
|
@if meta.type-of($styles) == 'list' and list.length($styles) > 0 {
|
|
136
137
|
&.#{$style} {
|
|
137
138
|
font-style: $style;
|