Template:Infobox NaviCust part/grid/styles.css

.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 {
	position: relative;
	background-color: #202020;
	color: transparent;
	text-align: center;
}

.navicust-grid__cell--filled {
	background: var(--part-fill);
}

.navicust-grid--plus .navicust-grid__cell--filled::before {
	position: absolute;
	width: 100%;
    background-color: var(--part-stroke);
}

.navicust-grid--plus .navicust-grid__cell--filled::after {
	position: absolute;
	width: 100%;
    background-color: var(--part-stroke);
}