Przeglądaj źródła

Removed border from `.ck-button`.

Damian Konopka 8 lat temu
rodzic
commit
ac8b9ca546

+ 0 - 4
packages/ckeditor5-theme-lark/theme/ckeditor5-image/textalternativeform.css

@@ -6,10 +6,6 @@
 .ck-text-alternative-form {
 	padding: var(--ck-spacing-standard);
 
-	& .ck-button {
-		border-width: 0;
-	}
-
 	&:focus {
 		/* https://github.com/ckeditor/ckeditor5-link/issues/90 */
 		outline: none;

+ 0 - 5
packages/ckeditor5-theme-lark/theme/ckeditor5-link/linkactions.css

@@ -11,10 +11,6 @@
 .ck-link-actions {
 	padding: var(--ck-spacing-standard);
 
-	& .ck-button {
-		border: 0;
-	}
-
 	& .ck-button.ck-link-actions__preview {
 		padding-left: 0;
 		padding-right: 0;
@@ -24,7 +20,6 @@
 		&:focus,
 		&:active {
 			background: none;
-			border: 0;
 		}
 
 		&:active {

+ 0 - 4
packages/ckeditor5-theme-lark/theme/ckeditor5-link/linkform.css

@@ -6,10 +6,6 @@
 .ck-link-form {
 	padding: var(--ck-spacing-standard);
 
-	& .ck-button {
-		border-width: 0;
-	}
-
 	&:focus {
 		/* https://github.com/ckeditor/ckeditor5-link/issues/90 */
 		outline: none;

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

@@ -14,8 +14,6 @@ a.ck-button {
 	@mixin ck-button-colors --ck-color-button-default;
 	@mixin ck-rounded-corners;
 
-	border-width: 1px;
-	border-style: solid;
 	white-space: nowrap;
 	cursor: default;
 	vertical-align: middle;

+ 0 - 12
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/globals/_colors.css

@@ -24,34 +24,22 @@
 	/* -- Buttons ------------------------------------------------------------------------------- */
 
 	--ck-color-button-default-background: 						transparent;
-	--ck-color-button-default-border: 							transparent;
 	--ck-color-button-default-focus-background: 				hsl(0, 0%, 90%);
-	--ck-color-button-default-focus-border: 					transparent;
 	--ck-color-button-default-active-background: 				hsl(0, 0%, 85%);
-	--ck-color-button-default-active-border: 					transparent;
 	--ck-color-button-default-active-shadow: 					hsl(0, 0%, 75%);
 	--ck-color-button-default-disabled-background: 				transparent;
-	--ck-color-button-default-disabled-border: 					transparent;
 
 	--ck-color-button-on-background: 							hsl(0, 0%, 87%);
-	--ck-color-button-on-border: 								transparent;
 	--ck-color-button-on-focus-background: 						hsl(0, 0%, 77%);
-	--ck-color-button-on-focus-border: 							transparent;
 	--ck-color-button-on-active-background: 					hsl(0, 0%, 73%);
-	--ck-color-button-on-active-border: 						transparent;
 	--ck-color-button-on-active-shadow: 						hsl(0, 0%, 63%);
 	--ck-color-button-on-disabled-background: 					hsl(0, 0%, 87%);
-	--ck-color-button-on-disabled-border: 						transparent;
 
 	--ck-color-button-action-background: 						var(--ck-color-base-action);
-	--ck-color-button-action-border: 							transparent;
 	--ck-color-button-action-focus-background: 					hsl(104, 44%, 43%);
-	--ck-color-button-action-focus-border: 						transparent;
 	--ck-color-button-action-active-background: 				hsl(104, 44%, 41%);
-	--ck-color-button-action-active-border: 					transparent;
 	--ck-color-button-action-active-shadow: 					hsl(104, 44%, 36%);
 	--ck-color-button-action-disabled-background: 				hsl(104, 44%, 58%);
-	--ck-color-button-action-disabled-border: 					transparent;
 	--ck-color-button-action-text: 								var(--ck-color-base-background);
 
 	/* -- Dropdown ------------------------------------------------------------------------------ */

+ 0 - 4
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/mixins/_button.css

@@ -11,18 +11,15 @@
  */
 @define-mixin ck-button-colors $prefix {
 	background: var($(prefix)-background);
-	border-color: var($(prefix)-border);
 
 	&:not(.ck-disabled) {
 		&:hover,
 		&:focus {
 			background: var($(prefix)-focus-background);
-			border-color: var($(prefix)-focus-border);
 		}
 
 		&:active {
 			background: var($(prefix)-active-background);
-			border-color: var($(prefix)-active-border);
 			box-shadow: inset 0 2px 2px var($(prefix)-active-shadow);
 		}
 	}
@@ -30,6 +27,5 @@
 	/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */
 	&.ck-disabled {
 		background: var($(prefix)-disabled-background);
-		border-color: var($(prefix)-disabled-border);
 	}
 }