@castlabs/ui 7.0.10 → 7.1.0
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/dist/castlabs-ui-editor.css +1 -1
- package/dist/castlabs-ui-editor.umd.js +1 -1
- package/dist/castlabs-ui.common.js +3 -3
- package/dist/castlabs-ui.common.js.map +1 -1
- package/dist/castlabs-ui.css +2 -2
- package/dist/castlabs-ui.umd.js +5 -5
- package/dist/castlabs-ui.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/components/ClAlert/style.scss +1 -1
- package/src/components/ClBadge/style.variables.scss +6 -4
- package/src/components/ClButton/style.scss +2 -3
- package/src/components/ClCard/style.scss +1 -1
- package/src/components/ClCard/style.variables.scss +2 -3
- package/src/components/ClDropdown/style.scss +2 -2
- package/src/components/ClList/style.scss +4 -0
- package/src/components/ClList/style.variables.scss +20 -0
- package/src/components/ClPagination/style.scss +5 -1
- package/src/components/ClTabs/style.scss +2 -1
- package/src/components/ClToggle/style.scss +1 -1
- package/src/components/form/ClFieldCheck/style.scss +3 -1
- package/src/components/form/ClFieldFile/style.scss +3 -3
- package/src/components/form/ClFieldGroup/style.scss +3 -3
- package/src/components/form/ClFieldInput/style.scss +1 -1
- package/src/components/navigation/ClNavSide/ClNavDrawer/style.scss +2 -2
- package/src/components/navigation/ClNavTop/style.scss +2 -2
- package/src/fonts/FontAwesome5/FontAwesome5.scss +2 -2
- package/src/styles/_global.scss +0 -13
- package/src/styles/abstracts/color.scss +17 -19
- package/src/styles/abstracts/spacing.scss +0 -1
- package/src/styles/abstracts/tools.scss +7 -0
- package/src/styles/components/button.variables.scss +7 -9
- package/src/styles/components/form.variables.scss +8 -8
- package/src/styles/layout/color.scss +2 -0
- package/src/styles/layout/scrollbar.scss +11 -0
- package/src/styles/layout/spacing.scss +1 -1
- package/src/styles/layout/typography.scss +3 -4
- package/src/styles/layout/typography.variables.scss +21 -11
- package/src/styles/ui.scss +2 -1
|
@@ -37,19 +37,11 @@ $typography-monospace-line-height: 1.375;
|
|
|
37
37
|
|
|
38
38
|
// --- helpers -----------------------------------------------------------------
|
|
39
39
|
|
|
40
|
-
@function typography-sans-baselineshift($value, $base) {
|
|
41
|
-
@return $value;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
@function typography-sans-baselineunshift($value, $base) {
|
|
45
|
-
@return $value;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
40
|
@mixin typography-font(
|
|
49
41
|
$font-family: $typography-sans-font-list,
|
|
50
42
|
$font-weight: 400,
|
|
51
43
|
$font-size: 1em,
|
|
52
|
-
$line-height: 1.
|
|
44
|
+
$line-height: 1.5,
|
|
53
45
|
$letter-spacing: 0,
|
|
54
46
|
$font-stretch: 100%,
|
|
55
47
|
$word-spacing: 0,
|
|
@@ -117,7 +109,7 @@ $typography-monospace-line-height: 1.375;
|
|
|
117
109
|
text-decoration: underline;
|
|
118
110
|
vertical-align: inherit;
|
|
119
111
|
|
|
120
|
-
&:focus {
|
|
112
|
+
&:focus-visible {
|
|
121
113
|
color: var(--cl-color-link);
|
|
122
114
|
}
|
|
123
115
|
|
|
@@ -125,6 +117,11 @@ $typography-monospace-line-height: 1.375;
|
|
|
125
117
|
color: var(--cl-color-hover);
|
|
126
118
|
opacity: inherit;
|
|
127
119
|
}
|
|
120
|
+
|
|
121
|
+
&:active {
|
|
122
|
+
background-color: transparent;
|
|
123
|
+
color: var(--cl-color-hover);
|
|
124
|
+
}
|
|
128
125
|
}
|
|
129
126
|
|
|
130
127
|
%cl-a {
|
|
@@ -154,7 +151,7 @@ $typography-monospace-line-height: 1.375;
|
|
|
154
151
|
font-size: 14px;
|
|
155
152
|
font-weight: 500;
|
|
156
153
|
letter-spacing: 0.025em;
|
|
157
|
-
line-height: 1.
|
|
154
|
+
line-height: 1.5; // for underline spacing
|
|
158
155
|
margin-top: 0;
|
|
159
156
|
padding-left: 0;
|
|
160
157
|
padding-right: 0;
|
|
@@ -452,6 +449,19 @@ $typography-responsive-scale: 0.8;
|
|
|
452
449
|
line-height: $typography-monospace-line-height;
|
|
453
450
|
}
|
|
454
451
|
|
|
452
|
+
%cl-p-pre-box {
|
|
453
|
+
@extend %cl-p-pre;
|
|
454
|
+
|
|
455
|
+
border: $brand-line-width solid var(--cl-color-text);
|
|
456
|
+
border-radius: $brand-border-radius;
|
|
457
|
+
clip-path: inset(0 round 19px);
|
|
458
|
+
font-size: px(16);
|
|
459
|
+
line-height: 1.4;
|
|
460
|
+
margin-top: $spacing-small;
|
|
461
|
+
padding: $spacing-small;
|
|
462
|
+
padding-bottom: 1.01rem; // fix for overlapping scrollbar
|
|
463
|
+
}
|
|
464
|
+
|
|
455
465
|
%cl-p-tag {
|
|
456
466
|
@extend %cl-p-label;
|
|
457
467
|
|
package/src/styles/ui.scss
CHANGED
|
@@ -17,11 +17,12 @@ $castlabs-ui-asset-prefix: '..' !default;
|
|
|
17
17
|
@import 'assets/fontawesome';
|
|
18
18
|
@import 'global';
|
|
19
19
|
|
|
20
|
-
@import 'layout/app';
|
|
21
20
|
@import 'layout/animation';
|
|
21
|
+
@import 'layout/app';
|
|
22
22
|
@import 'layout/color';
|
|
23
23
|
@import 'layout/grid';
|
|
24
24
|
@import 'layout/helper';
|
|
25
|
+
@import 'layout/scrollbar';
|
|
25
26
|
@import 'layout/section';
|
|
26
27
|
@import 'layout/spacing';
|
|
27
28
|
@import 'layout/typography';
|