// Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved. // For licensing, see LICENSE.md or http://ckeditor.com/license .ck-dropdown { // Enable font size inheritance, which allows fluid UI scaling. font-size: inherit; // A triangle displayed to indicate this is actually a dropdown. &::after { border-style: solid; border-width: .4em .4em 0 .4em; border-color: ck-color( 'dropdown-symbol' ) transparent; right: ck-spacing(); } .ck-button.ck-dropdown__button { // A space to accommodate the triangle. padding-right: 2 * ck-spacing(); // https://github.com/ckeditor/ckeditor5-theme-lark/issues/70 &.ck-disabled .ck-button__label { @include ck-disabled; } // #23 .ck-button__label { width: 7em; overflow: hidden; text-overflow: ellipsis; } } } .ck-dropdown__panel { background: ck-color( 'dropdown-panel-background' ); border: 1px solid ck-color( 'dropdown-panel-border' ); // Compensate double border from button and from box when positioned below the button. bottom: 1px; @include ck-rounded-corners(); @include ck-drop-shadow(); }