/* * Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ @import "../../../mixins/_rounded.css"; .ck.ck-toolbar { @mixin ck-rounded-corners; background: var(--ck-color-toolbar-background); padding: 0 var(--ck-spacing-small); border: 1px solid var(--ck-color-toolbar-border); & > * { /* (#11) Separate toolbar items. */ margin-right: var(--ck-spacing-small); /* Make sure items wrapped to the next line have v-spacing */ margin-top: var(--ck-spacing-small); margin-bottom: var(--ck-spacing-small); } &.ck-toolbar_vertical { /* Items in a vertical toolbar span the entire width. */ padding: 0; /* Specificity matters here. See https://github.com/ckeditor/ckeditor5-theme-lark/issues/168. */ & > .ck { /* Items in a vertical toolbar should span the horizontal space. */ width: 100%; /* Items in a vertical toolbar should have no margin. */ margin: 0; /* Items in a vertical toolbar span the entire width so rounded corners are pointless. */ border-radius: 0; /* Items in a vertical toolbar span the entire width so any border is pointless. */ border: 0; } } & > *:last-child { margin-right: 0; } @nest .ck-toolbar-container & { border: 0; } } .ck.ck-toolbar__separator { align-self: stretch; width: 1px; margin-top: 0; margin-bottom: 0; background: var(--ck-color-toolbar-border); } .ck.ck-toolbar__newline { margin: 0; }