/* * Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md. */ :root { --grid-size: 25px; --grid-columns-max: 5; } .ck-color-table div.ck-color-table__grid-container { display: grid; grid-template-columns: repeat( var(--grid-columns-max), 1fr); grid-gap: 5px; padding: 10px; } .ck-color-table__grid-container span.ck-color-table__color-tile { width: var(--grid-size); height: var(--grid-size); border-radius: 3px; cursor: pointer; transition: 300ms ease all; } .ck-color-table__grid-container span.ck-color-table__color-tile.ck-color-table__color-tile_bordered { box-shadow: 0 0 1px hsl( 0,0%,60%); } .ck-color-table__grid-container span.ck-color-table__color-tile:hover { box-shadow: 0 0 0 2px hsl(184, 80%, 50%); } .ck-color-table button.ck-color-table__remove-color svg { width: 24px; margin-right: 10px; } .ck-color-table button.ck-color-table__remove-color { display: flex; align-items: center; text-align: left; font-size: 16px; border: 0; width: 100%; border-bottom: 1px solid hsl(0, 0%, 87%); padding: 10px; cursor: pointer; }