|
|
@@ -37,7 +37,7 @@ a.ck-button {
|
|
|
|
|
|
/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/70 */
|
|
|
&.ck-disabled {
|
|
|
- @mixin ck-button-icon {
|
|
|
+ @mixin ck-button__icon {
|
|
|
@mixin ck-disabled;
|
|
|
}
|
|
|
|
|
|
@@ -50,7 +50,7 @@ a.ck-button {
|
|
|
&.ck-button_with-text {
|
|
|
padding: var(--ck-spacing-tiny) var(--ck-spacing-standard);
|
|
|
|
|
|
- @mixin ck-button-icon {
|
|
|
+ @mixin ck-button__icon {
|
|
|
margin-left: calc(-1 * var(--ck-spacing-small));
|
|
|
margin-right: var(--ck-spacing-small);
|
|
|
}
|
|
|
@@ -61,7 +61,7 @@ a.ck-button {
|
|
|
@mixin ck-button-colors --ck-color-button-on;
|
|
|
}
|
|
|
|
|
|
- @mixin ck-button-icon {
|
|
|
+ @mixin ck-button__icon {
|
|
|
use,
|
|
|
use * {
|
|
|
color: inherit;
|
|
|
@@ -69,7 +69,7 @@ a.ck-button {
|
|
|
}
|
|
|
|
|
|
&:not(.ck-button_with-text) {
|
|
|
- @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 small. It's a really tricky topic, when browsers render svg as an inline
|