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

Basic styles for dropdown component.

Aleksander Nowodzinski 9 лет назад
Родитель
Сommit
9361a1a65e

+ 34 - 0
packages/ckeditor5-theme-lark/theme/components/dropdown.scss

@@ -0,0 +1,34 @@
+// Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
+// For licensing, see LICENSE.md or http://ckeditor.com/license
+
+.ck-dropdown {
+	display: inline-block;
+}
+
+.ck-dropdown__button {
+	&:after {
+		content: '';
+		width: 0;
+		height: 0;
+		border-style: solid;
+		border-width: .5em .5em 0 .5em;
+		border-color: ck-color( 'text' ) transparent;
+		position: relative;
+		top: .9em;
+		margin-left: ck-spacing( 'small' );
+	}
+}
+
+.ck-dropdown__panel {
+	border: 1px solid ck-border-color( 'foreground' );
+	display: none;
+	padding: ck-spacing( 'small' );
+	position: absolute;
+
+	// Compensate double border from button and from box when positioned below the button.
+	margin-top: -1px;
+
+	&-active {
+		display: inline-block;
+	}
+}

+ 1 - 0
packages/ckeditor5-theme-lark/theme/theme.scss

@@ -12,4 +12,5 @@
 @import 'components/icon';
 @import 'components/button';
 @import 'components/toolbar';
+@import 'components/dropdown';
 @import 'components/editor';