/* * Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ @import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css"; .ck.ck-link-form { display: flex; & .ck-label { display: none; } @mixin ck-media-phone { flex-wrap: wrap; & .ck-labeled-field-view { flex-basis: 100%; } & .ck-button { flex-grow: 1; } & .ck-toolbar__separator { align-self: stretch; width: 1px; min-width: 1px; background: var(--ck-color-toolbar-border); /* * These margins make the separators look better in balloon toolbars (when aligned with the "tip"). * See https://github.com/ckeditor/ckeditor5/issues/7493. */ margin-top: calc(var(--ck-spacing-large) + var(--ck-spacing-extra-tiny)); margin-bottom: var(--ck-spacing-small); /* * To fill empty space between top border created by adjacent buttons */ &::before { content: "."; display: inline-block; position: relative; top: -5px; width: 1px; height: 1px; color: var(--ck-color-base-background); background-color: var(--ck-color-toolbar-border); } } } } /* * Style link form differently when manual decorators are available. * See: https://github.com/ckeditor/ckeditor5-link/issues/186. */ .ck.ck-link-form_layout-vertical { display: block; }