claritas-web-framework 8.6.1 → 8.6.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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "claritas-web-framework",
3
- "version": "8.6.1",
3
+ "version": "8.6.2",
4
4
  "description": "The CSS framework built for Claritas front end.",
5
5
  "main": "index.js",
6
6
  "scripts": {
@@ -45,10 +45,6 @@
45
45
  --button-white-space: #{$button-white-space};
46
46
  --button-font-size: #{$button-font-size};
47
47
 
48
- // @include rfs($button-font-size, --button-font-size);
49
-
50
- // @include font-size(var(--button-font-size));
51
-
52
48
  // Variable references
53
49
  background: var(--button-background);
54
50
  border-radius: var(--button-border-radius);
@@ -56,6 +52,7 @@
56
52
  box-shadow: var(--button-box-shadow);
57
53
  color: var(--button-color);
58
54
  font-weight: var(--button-font-weight);
55
+ font-size: var(--button-font-size);
59
56
  line-height: var(--button-line-height);
60
57
  padding: var(--button-padding-y) var(--button-padding-x);
61
58
  text-decoration: var(--button-text-decoration);
@@ -81,10 +78,6 @@
81
78
 
82
79
  padding: var(--button-large-padding-y) var(--button-large-padding-x);
83
80
 
84
- // @include rfs($button-large-font-size, --button-font-size);
85
-
86
- // @include font-size(var(--button-font-size));
87
-
88
81
  &:not(.button--rounded) {
89
82
  border-radius: var(--button-large-border-radius);
90
83
  }
@@ -95,10 +88,6 @@
95
88
 
96
89
  padding: var(--button-small-padding-y) var(--button-small-padding-x);
97
90
 
98
- // @include rfs($button-small-font-size, --button-font-size);
99
-
100
- // @include font-size(var(--button-font-size));
101
-
102
91
  &:not(.button--rounded) {
103
92
  border-radius: var(--button-small-border-radius);
104
93
  }
@@ -74,6 +74,7 @@
74
74
  padding: var(--input-padding-y) var(--input-padding-x);
75
75
  border-radius: var(--input-border-radius);
76
76
  font-weight: var(--input-font-weight);
77
+ font-size: var(--input-font-size);
77
78
  line-height: var(--input-line-height);
78
79
  white-space: var(--input-white-space);
79
80
  width: var(--input-width);
@@ -83,10 +84,6 @@
83
84
  transition: $form-transition;
84
85
  position: relative;
85
86
 
86
- // @include rfs($input-font-size, --input-font-size);
87
-
88
- // @include font-size(var(--input-font-size));
89
-
90
87
  @include media-breakpoint-up("desktop") {
91
88
  height: var(--input-desktop-height);
92
89
  width: var(--input-desktop-width);
@@ -137,10 +134,6 @@
137
134
 
138
135
  padding: var(--input-small-padding-y) var(--input-small-padding-x);
139
136
 
140
- // @include rfs($input-small-font-size, --input-font-size);
141
-
142
- // @include font-size(var(--input-font-size));
143
-
144
137
  &:not(.input--rounded) {
145
138
  border-radius: var(--input-small-border-radius);
146
139
  }
@@ -151,10 +144,6 @@
151
144
 
152
145
  padding: var(--input-large-padding-y) var(--input-large-padding-x);
153
146
 
154
- // @include rfs($input-large-font-size, --input-font-size);
155
-
156
- // @include font-size(var(--input-font-size));
157
-
158
147
  &:not(.input--rounded) {
159
148
  border-radius: var(--input-large-border-radius);
160
149
  }
@@ -17,15 +17,12 @@
17
17
  --pill-font-weight: #{$pill-font-weight};
18
18
  --pill-font-size: #{$pill-font-size};
19
19
 
20
- // @include rfs($pill-font-size, --pill-font-size);
21
-
22
- // @include font-size(var(--pill-font-size));
23
-
24
20
  color: var(--pill-color);
25
21
  padding: var(--pill-padding-y) var(--pill-padding-x);
26
22
  border: var(--pill-border-width) var(--pill-border-style) var(--pill-border-color);
27
23
  background: var(--pill-background);
28
24
  font-weight: var(--pill-font-weight);
25
+ font-size: var(--pill-font-size);
29
26
  border-radius: var(--border-radius-round);
30
27
  min-width: var(--spacer);
31
28
  line-height: 1;
@@ -20,16 +20,13 @@
20
20
  --tag-font-weight: #{$tag-font-weight};
21
21
  --tag-font-size: #{$tag-font-size};
22
22
 
23
- // @include rfs($tag-font-size, --tag-font-size);
24
-
25
- // @include font-size(var(--tag-font-size));
26
-
27
23
  color: var(--tag-color);
28
24
  padding: var(--tag-padding-y) var(--tag-padding-x);
29
25
  border: var(--tag-border-width) var(--tag-border-style) var(--tag-border-color);
30
26
  border-radius: var(--tag-border-radius);
31
27
  background: var(--tag-background);
32
28
  font-weight: var(--tag-font-weight);
29
+ font-size: var(--tag-font-size);
33
30
  line-height: 1;
34
31
  text-decoration: none;
35
32
  white-space: nowrap;