| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263 |
- /*
- * 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;
- }
|