// 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; position: relative; // A triangle displayed to indicate this is actually a dropdown. &::after { content: ''; width: 0; height: 0; pointer-events: none; z-index: ck-z(); position: absolute; top: 50%; transform: translate( 0, -50% ); } } .ck-dropdown__panel { // This is to get rid of flickering when the tooltip is shown under the panel, // which looks like the panel moves vertically a pixel down and up. -webkit-backface-visibility: hidden; display: none; z-index: ck-z( 'modal' ); position: absolute; left: 0px; transform: translateY( 100% ); &-visible { display: inline-block; } }