Selaa lähdekoodia

Code refactoring: Used spacings from _spacing.css in the color grid.

Aleksander Nowodzinski 6 vuotta sitten
vanhempi
commit
7f71da5b36
1 muutettua tiedostoa jossa 4 lisäystä ja 7 poistoa
  1. 4 7
      packages/ckeditor5-font/theme/fontcolor.css

+ 4 - 7
packages/ckeditor5-font/theme/fontcolor.css

@@ -6,16 +6,14 @@
 :root {
 	--ck-table-color-tile-size: 20px;
 	--ck-table-color-max-columns: 5;
-	--ck-table-color-padding: 10px;
-
 	--ck-color-table-color-tile-border: hsl(0, 0%, 90%);
 	--ck-color-table-color-tile-border-active: hsl(184, 80%, 50%);
 }
 
 .ck .ck-color-table__grid-container {
 	display: grid;
-	grid-gap: calc( var(--ck-table-color-padding) / 2 );
-	padding: var(--ck-table-color-padding);
+	grid-gap: calc( var(--ck-spacing-standard) / 2 );
+	padding: var(--ck-spacing-standard);
 }
 
 .ck .ck-color-table__color-tile {
@@ -46,10 +44,9 @@
 	align-items: center;
 	width: 100%;
 	border-bottom: 1px solid var(--ck-color-base-border);
-	padding: calc(var(--ck-table-color-padding) / 2 ) var(--ck-table-color-padding);
+	padding: calc(var(--ck-spacing-standard) / 2 ) var(--ck-spacing-standard);
 }
 
 .ck .ck-button.ck-button_with-text.ck-color-table__remove-color svg {
-	width: var(--ck-table-color-tile-size);
-	margin-right: var(--ck-spacing-large);
+	margin-right: var(--ck-spacing-standard);
 }