Template:Infobox NaviCust part/grid/styles.css: Difference between revisions

Template page
No edit summary
No edit summary
Line 1: Line 1:
.navicust-grid {
.navicust-grid {
   display: grid;
   display: grid;
   grid-template-columns: repeat(7, 30px);
   grid-template-columns: repeat(7, 56px);
   grid-template-rows: repeat(7, 30px);
   grid-template-rows: repeat(7, 56px);
   grid-column-gap: 2px;
   grid-column-gap: 6px;
   grid-row-gap: 2px;
   grid-row-gap: 6px;
   margin: 1rem auto;
   margin: 1rem auto;
   background: black;
   background: #000;
   border: 2px solid black;
   border: 6px solid #000;
}
}


.navicust-grid__cell {
.navicust-grid__cell {
background-color: gray;
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);
}