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