@skyux/theme 10.6.2 → 10.8.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/css/sky.css +10 -7
- package/css/themes/modern/styles.css +2 -9
- package/documentation.json +100 -100
- package/esm2022/lib/icons/icon-manifest.service.mjs +3 -3
- package/esm2022/lib/style-loader.mjs +3 -3
- package/esm2022/lib/theme.module.mjs +4 -4
- package/esm2022/lib/theming/theme-class.directive.mjs +3 -3
- package/esm2022/lib/theming/theme-if.directive.mjs +3 -3
- package/esm2022/lib/theming/theme.directive.mjs +3 -3
- package/esm2022/lib/theming/theme.service.mjs +3 -3
- package/esm2022/lib/viewport/viewport.service.mjs +3 -3
- package/fesm2022/skyux-theme.mjs +25 -25
- package/package.json +4 -4
package/css/sky.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
|
|
2
|
-
@import url("https://sky.blackbaudcdn.net/static/skyux-icons/7.
|
|
2
|
+
@import url("https://sky.blackbaudcdn.net/static/skyux-icons/7.1.0/assets/css/skyux-icons.min.css");
|
|
3
3
|
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
|
|
4
4
|
/* Document
|
|
5
5
|
========================================================================== */
|
|
@@ -485,6 +485,9 @@ textarea {
|
|
|
485
485
|
/* headings */
|
|
486
486
|
--sky-theme-modern-font-heading-4-weight: 600;
|
|
487
487
|
--sky-theme-modern-font-heading-5-weight: 600;
|
|
488
|
+
/* switch */
|
|
489
|
+
--sky-switch-size: 22px;
|
|
490
|
+
--sky-switch-margin: 5px;
|
|
488
491
|
}
|
|
489
492
|
|
|
490
493
|
.sky-border-bottom-dark {
|
|
@@ -1474,11 +1477,11 @@ select::-ms-expand {
|
|
|
1474
1477
|
}
|
|
1475
1478
|
|
|
1476
1479
|
.sky-switch-control {
|
|
1477
|
-
width:
|
|
1478
|
-
max-width:
|
|
1479
|
-
height:
|
|
1480
|
-
flex: 1 0
|
|
1481
|
-
margin: 0
|
|
1480
|
+
width: var(--sky-switch-size);
|
|
1481
|
+
max-width: var(--sky-switch-size);
|
|
1482
|
+
height: var(--sky-switch-size);
|
|
1483
|
+
flex: 1 0 var(--sky-switch-size);
|
|
1484
|
+
margin: 0 var(--sky-switch-margin) auto auto;
|
|
1482
1485
|
display: inline-flex;
|
|
1483
1486
|
position: relative;
|
|
1484
1487
|
border: 1px solid #cdcfd2;
|
|
@@ -1501,7 +1504,7 @@ select::-ms-expand {
|
|
|
1501
1504
|
}
|
|
1502
1505
|
|
|
1503
1506
|
.sky-switch-label {
|
|
1504
|
-
line-height:
|
|
1507
|
+
line-height: var(--sky-switch-size);
|
|
1505
1508
|
flex: 1 1 auto;
|
|
1506
1509
|
width: 100%;
|
|
1507
1510
|
margin-right: 10px;
|
|
@@ -31,6 +31,8 @@
|
|
|
31
31
|
/* component colors */
|
|
32
32
|
--sky-background-color-input-selected: #ebfbff;
|
|
33
33
|
--sky-background-color-item-selected: #ebfbff;
|
|
34
|
+
/* switch */
|
|
35
|
+
--sky-switch-size: 26px;
|
|
34
36
|
}
|
|
35
37
|
.sky-theme-modern.sky-theme-mode-dark {
|
|
36
38
|
/* color */
|
|
@@ -580,15 +582,6 @@
|
|
|
580
582
|
transition: box-shadow 150ms;
|
|
581
583
|
border: 1px solid var(--sky-border-color-neutral-medium-dark);
|
|
582
584
|
}
|
|
583
|
-
.sky-theme-modern .sky-switch-control:not(.sky-switch-control-icon) {
|
|
584
|
-
width: 26px;
|
|
585
|
-
max-width: 26px;
|
|
586
|
-
height: 26px;
|
|
587
|
-
flex: 1 0 26px;
|
|
588
|
-
}
|
|
589
|
-
.sky-theme-modern .sky-switch-label {
|
|
590
|
-
line-height: 26px;
|
|
591
|
-
}
|
|
592
585
|
.sky-theme-modern .sky-switch-input:disabled + .sky-switch-control {
|
|
593
586
|
background-color: #ededee;
|
|
594
587
|
}
|