@skyux/theme 12.2.0 → 12.3.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 +4 -4
- package/css/themes/modern/styles.css +1 -0
- package/package.json +1 -1
- package/scss/_compat/_mixins.scss +3 -2
package/css/sky.css
CHANGED
|
@@ -666,12 +666,12 @@ a.sky-btn:hover {
|
|
|
666
666
|
}
|
|
667
667
|
|
|
668
668
|
.sky-btn-borderless, .sky-btn-borderless-inline {
|
|
669
|
-
color: #
|
|
669
|
+
color: #686c73;
|
|
670
670
|
cursor: pointer;
|
|
671
671
|
border: none;
|
|
672
672
|
}
|
|
673
673
|
.sky-btn-borderless:hover, .sky-btn-borderless-inline:hover {
|
|
674
|
-
color: rgb(
|
|
674
|
+
color: rgb(55.5616438356, 57.698630137, 61.4383561644);
|
|
675
675
|
transition: color 150ms;
|
|
676
676
|
}
|
|
677
677
|
|
|
@@ -691,7 +691,7 @@ a.sky-btn:hover {
|
|
|
691
691
|
}
|
|
692
692
|
|
|
693
693
|
.sky-btn-icon-borderless {
|
|
694
|
-
color: #
|
|
694
|
+
color: #686c73;
|
|
695
695
|
cursor: pointer;
|
|
696
696
|
height: 26px;
|
|
697
697
|
width: 26px;
|
|
@@ -699,7 +699,7 @@ a.sky-btn:hover {
|
|
|
699
699
|
padding: 0;
|
|
700
700
|
}
|
|
701
701
|
.sky-btn-icon-borderless:hover {
|
|
702
|
-
color: rgb(
|
|
702
|
+
color: rgb(55.5616438356, 57.698630137, 61.4383561644);
|
|
703
703
|
transition: color 150ms;
|
|
704
704
|
}
|
|
705
705
|
|
|
@@ -1750,6 +1750,7 @@
|
|
|
1750
1750
|
padding: var(--sky-override-button-icon-borderless-padding, var(--sky-space-inset-balanced-xs));
|
|
1751
1751
|
height: var(--sky-override-borderless-icon-size, "");
|
|
1752
1752
|
width: var(--sky-override-borderless-icon-size, "");
|
|
1753
|
+
line-height: 1;
|
|
1753
1754
|
}
|
|
1754
1755
|
.sky-theme-modern .sky-btn-link,
|
|
1755
1756
|
.sky-theme-modern .sky-btn-borderless,
|
package/package.json
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
@use '../variables' as vars;
|
|
2
2
|
@use 'variables' as compatVars;
|
|
3
|
+
@use 'sass:color';
|
|
3
4
|
|
|
4
5
|
@mixin sky-deemphasized {
|
|
5
6
|
font-family: compatVars.$sky-font-family;
|
|
@@ -133,11 +134,11 @@
|
|
|
133
134
|
}
|
|
134
135
|
|
|
135
136
|
@mixin sky-icon-button-borderless {
|
|
136
|
-
color: vars.$sky-text-color-
|
|
137
|
+
color: vars.$sky-text-color-deemphasized;
|
|
137
138
|
cursor: pointer;
|
|
138
139
|
|
|
139
140
|
&:hover {
|
|
140
|
-
color:
|
|
141
|
+
color: color.adjust(vars.$sky-text-color-deemphasized, $lightness: -20%);
|
|
141
142
|
transition: color compatVars.$sky-transition-time-short;
|
|
142
143
|
}
|
|
143
144
|
}
|