@itwin/itwinui-css 0.39.1 → 0.40.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/all.css +343 -262
- package/css/breadcrumbs.css +26 -15
- package/css/button.css +192 -137
- package/css/code.css +2 -0
- package/css/header.css +34 -16
- package/css/inputs.css +14 -28
- package/css/side-navigation.css +27 -24
- package/css/table.css +2 -2
- package/css/tile.css +46 -40
- package/package.json +1 -1
- package/scss/breadcrumbs/breadcrumbs.scss +1 -1
- package/scss/button/borderless.scss +30 -39
- package/scss/button/button-group.scss +3 -3
- package/scss/button/button-icon.scss +12 -0
- package/scss/button/button.scss +27 -32
- package/scss/button/classes.scss +25 -3
- package/scss/button/cta.scss +22 -19
- package/scss/button/default.scss +29 -41
- package/scss/button/disabled.scss +3 -14
- package/scss/button/high-visibility.scss +22 -19
- package/scss/button/index.scss +1 -0
- package/scss/button/split-menu.scss +5 -0
- package/scss/code/codeblock.scss +4 -0
- package/scss/header/header.scss +22 -10
- package/scss/inputs/checkbox-radio.scss +1 -3
- package/scss/inputs/checkbox.scss +5 -2
- package/scss/side-navigation/side-navigation.scss +27 -22
- package/scss/table/table.scss +2 -2
- package/scss/tile/tile.scss +4 -2
package/scss/tile/tile.scss
CHANGED
|
@@ -35,6 +35,7 @@
|
|
|
35
35
|
> .iui-type-indicator,
|
|
36
36
|
> .iui-quick-action {
|
|
37
37
|
@include iui-button-borderless;
|
|
38
|
+
@include iui-button-size(small, borderless);
|
|
38
39
|
position: absolute;
|
|
39
40
|
border-radius: 50%;
|
|
40
41
|
top: round($iui-baseline * 0.5);
|
|
@@ -107,7 +108,7 @@
|
|
|
107
108
|
> .iui-picture + .iui-button + .iui-button {
|
|
108
109
|
@include iui-blur($opacity: 5);
|
|
109
110
|
|
|
110
|
-
&:enabled > .iui-icon {
|
|
111
|
+
&:enabled > .iui-button-icon {
|
|
111
112
|
@include themed() {
|
|
112
113
|
fill: t(iui-color-foreground-accessory);
|
|
113
114
|
filter: drop-shadow(0 2px 1px rgba(0, 0, 0, t(iui-opacity-5)));
|
|
@@ -122,7 +123,7 @@
|
|
|
122
123
|
background-color: rgba(0, 0, 0, t(iui-opacity-4));
|
|
123
124
|
}
|
|
124
125
|
|
|
125
|
-
|
|
126
|
+
.iui-button-icon {
|
|
126
127
|
@include themed() {
|
|
127
128
|
fill: t(iui-color-foreground-accessory);
|
|
128
129
|
}
|
|
@@ -206,6 +207,7 @@
|
|
|
206
207
|
}
|
|
207
208
|
|
|
208
209
|
> .iui-more-options {
|
|
210
|
+
@include iui-button-size(small, borderless);
|
|
209
211
|
position: absolute;
|
|
210
212
|
bottom: $iui-baseline * 0.5;
|
|
211
213
|
right: $iui-s;
|