Преглед на файлове

Defined icon size variable. Imported dropdown icon size definition from ckeditor5-ui.

Aleksander Nowodzinski преди 7 години
родител
ревизия
42cca205b7

+ 5 - 0
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/dropdown/dropdown.css

@@ -7,12 +7,17 @@
 @import "../../../mixins/_disabled.css";
 @import "../../../mixins/_shadow.css";
 
+:root {
+	--ck-dropdown-icon-size: calc(0.5 * var(--ck-icon-size));
+}
+
 .ck-dropdown {
 	/* Enable font size inheritance, which allows fluid UI scaling. */
 	font-size: inherit;
 
 	& .ck-dropdown__arrow {
 		right: var(--ck-spacing-standard);
+		width: var(--ck-dropdown-icon-size);
 	}
 
 	&.ck-disabled .ck-dropdown__arrow {

+ 6 - 2
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/icon/icon.css

@@ -3,7 +3,11 @@
  * For licensing, see LICENSE.md.
  */
 
+:root {
+	--ck-icon-size: calc(var(--ck-line-height-base) * var(--ck-font-size-normal));
+}
+
 svg.ck-icon {
-	width: calc(var(--ck-line-height-base) * var(--ck-font-size-normal));
-	height: calc(var(--ck-line-height-base) * var(--ck-font-size-normal));
+	width: var(--ck-icon-size);
+	height: var(--ck-icon-size);
 }