|
|
@@ -63,6 +63,10 @@ a.ck.ck-button {
|
|
|
& .ck-button__label {
|
|
|
@mixin ck-disabled;
|
|
|
}
|
|
|
+
|
|
|
+ & .ck-button__keystroke {
|
|
|
+ opacity: .3;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
&.ck-button_with-text {
|
|
|
@@ -81,6 +85,27 @@ a.ck.ck-button {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+ &.ck-button_with-keystroke {
|
|
|
+ & .ck-button__label {
|
|
|
+ flex-grow: 1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ & .ck-button__keystroke {
|
|
|
+ color: inherit;
|
|
|
+
|
|
|
+ @mixin ck-dir ltr {
|
|
|
+ margin-left: var(--ck-spacing-large);
|
|
|
+ }
|
|
|
+
|
|
|
+ @mixin ck-dir rtl {
|
|
|
+ margin-right: var(--ck-spacing-large);
|
|
|
+ }
|
|
|
+
|
|
|
+ font-weight: bold;
|
|
|
+ opacity: .7;
|
|
|
+ }
|
|
|
+
|
|
|
/* A style of the button which is currently on, e.g. its feature is active. */
|
|
|
&.ck-on {
|
|
|
@mixin ck-button-colors --ck-color-button-on;
|