ckeditor/ckeditor5-theme-lark

/*
 * Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */

:root {
    --ck-insert-table-dropdown-padding: 10px;
    --ck-insert-table-dropdown-box-height: 11px;
    --ck-insert-table-dropdown-box-width: 12px;
    --ck-insert-table-dropdown-box-margin: 1px;
}

.ck .ck-insert-table-dropdown__grid {
    /* The width of a container should match 10 items in a row so there will be a 10x10 grid. */
    width: calc(var(--ck-insert-table-dropdown-box-width) * 10 + var(--ck-insert-table-dropdown-box-margin) * 20 + var(--ck-insert-table-dropdown-padding) * 2);
    padding: var(--ck-insert-table-dropdown-padding) var(--ck-insert-table-dropdown-padding) 0;
}

.ck .ck-insert-table-dropdown__label {
    text-align: center;
}

.ck .ck-insert-table-dropdown-grid-box {
    width: var(--ck-insert-table-dropdown-box-width);
    height: var(--ck-insert-table-dropdown-box-height);
    margin: var(--ck-insert-table-dropdown-box-margin);
    border: 1px solid var(--ck-color-base-border);
    border-radius: 1px;

    &.ck-on {
        border-color: var(--ck-color-focus-border);
        background: var(--ck-color-focus-outer-shadow);
    }
}