| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283 |
- /*
- * 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";
- @import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.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);
- & > * {
- /* Make sure items wrapped to the next line have v-spacing */
- margin-top: var(--ck-spacing-small);
- margin-bottom: var(--ck-spacing-small);
- }
- @mixin ck-dir ltr {
- & > * {
- /* (#11) Separate toolbar items. */
- margin-right: var(--ck-spacing-small);
- }
- }
- @mixin ck-dir rtl {
- & > * {
- /* (#11) Separate toolbar items. */
- margin-left: 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;
- }
- }
- @mixin ck-dir ltr {
- & > *:last-child {
- margin-right: 0;
- }
- }
- @mixin ck-dir rtl {
- & > *:last-child {
- margin-left: 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;
- }
|