|
|
| Line 1: |
Line 1: |
| .navicust-grid {
| |
| display: grid;
| |
| grid-template-columns: repeat(7, 28px);
| |
| grid-template-rows: repeat(7, 28px);
| |
| grid-column-gap: 3px;
| |
| grid-row-gap: 3px;
| |
| margin: 1rem auto;
| |
| background: #000;
| |
| border: 3px solid #000;
| |
| }
| |
|
| |
|
| .navicust-grid__cell {
| |
| background-color: #202020;
| |
| color: transparent;
| |
| text-align: center;
| |
| }
| |
|
| |
| .navicust-grid__cell--filled {
| |
| background-color: var(--part-fill);
| |
| }
| |
|
| |
| .navicust-grid--plus .navicust-grid__cell--filled {
| |
| background-color: var(--part-stroke);
| |
| }
| |
