|
@@ -58,17 +58,21 @@ a.ck-button {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@mixin ck-button-icon {
|
|
@mixin ck-button-icon {
|
|
|
- /* This margin is neccessary for icons in label-less buttons to stretch
|
|
|
|
|
- the button properly. When there's no text in the button, browsers render
|
|
|
|
|
- them too narrow. */
|
|
|
|
|
- margin: .2em;
|
|
|
|
|
-
|
|
|
|
|
use,
|
|
use,
|
|
|
use * {
|
|
use * {
|
|
|
color: inherit;
|
|
color: inherit;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+ &:not(.ck-button_with-text) {
|
|
|
|
|
+ @mixin ck-button-icon {
|
|
|
|
|
+ /* This margin is neccessary for icons in label-less buttons to stretch
|
|
|
|
|
+ the button properly. When there's no text in the button, browsers render
|
|
|
|
|
+ them too narrow. */
|
|
|
|
|
+ margin: .2em;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
& .ck-button__label {
|
|
& .ck-button__label {
|
|
|
/* Enable font size inheritance, which allows fluid UI scaling. */
|
|
/* Enable font size inheritance, which allows fluid UI scaling. */
|
|
|
font-size: inherit;
|
|
font-size: inherit;
|