crosswords/css/main.less

@cell-size: 60px;
@border-color: darkblue;
@disabled-color: #030405;

.crossword-line {
    display: block;
    height: @cell-size;

    .cell {
        display: inline-block;
        width: @cell-size;
        height: 100%;
        border-left: 1px solid @border-color;
        border-top: 1px solid @border-color;

        &:last-child {
            border-right: 1px solid @border-color;
        }

        &.cell-disabled {
            background: @disabled-color;
            border-color: @disabled-color;
        }
    }

    &:last-child .cell {
        border-bottom: 1px solid @border-color;
    }
}