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.
@@ -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
- /* stylelint-disable font-family-no-missing-generic-family-keyword */
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('custom-2');
55
- color: colors.useColorWithMap('white');
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('custom-2', 'dark');
61
- color: colors.useColorWithMap('black');
130
+ background-color: colors.useColorWithMap('third', 'dark');
131
+ color: colors.useColorWithMap('white');
62
132
  }
63
133
  }
64
134
  }
@@ -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}divider-#{$class}', 'divider-#{$class}');
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, '#{$weight}-#{$fI}');
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;