No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
.navicust-grid { | .navicust-grid { | ||
display: grid; | display: grid; | ||
grid-template-columns: repeat(7, | grid-template-columns: repeat(7, 56px); | ||
grid-template-rows: repeat(7, | grid-template-rows: repeat(7, 56px); | ||
grid-column-gap: | grid-column-gap: 6px; | ||
grid-row-gap: | grid-row-gap: 6px; | ||
margin: 1rem auto; | margin: 1rem auto; | ||
background: | background: #000; | ||
border: | border: 6px solid #000; | ||
} | } | ||
.navicust-grid__cell { | .navicust-grid__cell { | ||
background-color: | background-color: #202020; | ||
color: transparent; | color: transparent; | ||
text-align: center; | text-align: center; |
Revision as of 03:07, 19 October 2022
.navicust-grid {
display: grid;
grid-template-columns: repeat(7, 56px);
grid-template-rows: repeat(7, 56px);
grid-column-gap: 6px;
grid-row-gap: 6px;
margin: 1rem auto;
background: #000;
border: 6px solid #000;
}
.navicust-grid__cell {
background-color: #202020;
color: transparent;
text-align: center;
}
.navicust-grid__cell-filled {
background-color: var(--part-color);
}