8
0
Просмотр исходного кода

Renamed ck-button-icon mixin to ck-button__icon.

Aleksander Nowodzinski 8 лет назад
Родитель
Сommit
6ac1edbf0e

+ 4 - 4
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/button/button.css

@@ -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