| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- /*
- * 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/_unselectable.css";
- .ck.ck-toolbar {
- @mixin ck-unselectable;
- display: flex;
- flex-flow: row nowrap;
- align-items: center;
- & > .ck-toolbar__items {
- display: flex;
- flex-flow: row wrap;
- align-items: center;
- flex-grow: 1;
- }
- & .ck.ck-toolbar__separator {
- display: inline-block;
- /*
- * A leading or trailing separator makes no sense (separates nothing from one side).
- * Better hide it for better look.
- */
- &:first-child,
- &:last-child {
- display: none;
- }
- }
- &.ck-toolbar_grouping > .ck-toolbar__items {
- flex-wrap: nowrap;
- }
- &.ck-toolbar_vertical > .ck-toolbar__items {
- flex-direction: column;
- }
- &.ck-toolbar_floating > .ck-toolbar__items {
- flex-wrap: nowrap;
- }
- & > .ck.ck-toolbar__grouped-dropdown {
- /*
- * Dropdown button has asymmetric padding to fit the arrow.
- * This button has no arrow so let's revert that padding back to normal.
- */
- & > .ck.ck-button.ck-dropdown__button {
- padding-left: var(--ck-spacing-tiny);
- }
- & > .ck-dropdown__button .ck-dropdown__arrow {
- display: none;
- }
- }
- }
|