| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 |
- /*
- * 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";
- :root {
- --ck-symbol-grid-tile-size: 24px;
- }
- .ck.ck-symbol-grid {
- grid-gap: 5px;
- padding: 8px;
- max-height: calc(var(--ck-symbol-grid-tile-size) * 4);
- overflow-y: scroll;
- overflow-x: hidden;
- }
- .ck.ck-symbol-grid__tile {
- width: var(--ck-symbol-grid-tile-size);
- height: var(--ck-symbol-grid-tile-size);
- min-width: var(--ck-symbol-grid-tile-size);
- min-height: var(--ck-symbol-grid-tile-size);
- padding: 0;
- transition: .2s ease box-shadow;
- border: 0;
- &.ck-disabled {
- cursor: unset;
- transition: unset;
- }
- &.ck-on {
- box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-base-text);
- & .ck.ck-icon {
- display: block;
- }
- }
- &.ck-on,
- &:focus:not( .ck-disabled ),
- &:hover:not( .ck-disabled ) {
- /* Disable the default .ck-button's border ring. */
- border: 0;
- }
- &:focus:not( .ck-disabled ),
- &:hover:not( .ck-disabled ) {
- box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
- }
- }
- .ck.ck-symbol-grid__label {
- padding: 0 var(--ck-spacing-standard);
- }
|