@solid/lit-prism-theme-winter-sun/staticGrid.css

.prism-grid {
  display: grid;
  row-gap: 16px;
  column-gap: 16px;
  grid-template-columns: 1fr;
}
.prism-grid--1-columns {
  grid-template-columns: repeat(1, 1fr);
}
.prism-grid__item--span-1-columns {
  grid-column: span 1;
}
.prism-grid__item--span-1-rows {
  grid-row: span 1;
}
.prism-grid--2-columns {
  grid-template-columns: repeat(2, 1fr);
}
.prism-grid__item--span-2-columns {
  grid-column: span 2;
}
.prism-grid__item--span-2-rows {
  grid-row: span 2;
}
.prism-grid--3-columns {
  grid-template-columns: repeat(3, 1fr);
}
.prism-grid__item--span-3-columns {
  grid-column: span 3;
}
.prism-grid__item--span-3-rows {
  grid-row: span 3;
}
.prism-grid--4-columns {
  grid-template-columns: repeat(4, 1fr);
}
.prism-grid__item--span-4-columns {
  grid-column: span 4;
}
.prism-grid__item--span-4-rows {
  grid-row: span 4;
}
.prism-grid--5-columns {
  grid-template-columns: repeat(5, 1fr);
}
.prism-grid__item--span-5-columns {
  grid-column: span 5;
}
.prism-grid__item--span-5-rows {
  grid-row: span 5;
}
.prism-grid--6-columns {
  grid-template-columns: repeat(6, 1fr);
}
.prism-grid__item--span-6-columns {
  grid-column: span 6;
}
.prism-grid__item--span-6-rows {
  grid-row: span 6;
}
.prism-grid--7-columns {
  grid-template-columns: repeat(7, 1fr);
}
.prism-grid__item--span-7-columns {
  grid-column: span 7;
}
.prism-grid__item--span-7-rows {
  grid-row: span 7;
}
.prism-grid--8-columns {
  grid-template-columns: repeat(8, 1fr);
}
.prism-grid__item--span-8-columns {
  grid-column: span 8;
}
.prism-grid__item--span-8-rows {
  grid-row: span 8;
}
.prism-grid--9-columns {
  grid-template-columns: repeat(9, 1fr);
}
.prism-grid__item--span-9-columns {
  grid-column: span 9;
}
.prism-grid__item--span-9-rows {
  grid-row: span 9;
}
.prism-grid--10-columns {
  grid-template-columns: repeat(10, 1fr);
}
.prism-grid__item--span-10-columns {
  grid-column: span 10;
}
.prism-grid__item--span-10-rows {
  grid-row: span 10;
}
.prism-grid--11-columns {
  grid-template-columns: repeat(11, 1fr);
}
.prism-grid__item--span-11-columns {
  grid-column: span 11;
}
.prism-grid__item--span-11-rows {
  grid-row: span 11;
}
.prism-grid--12-columns {
  grid-template-columns: repeat(12, 1fr);
}
.prism-grid__item--span-12-columns {
  grid-column: span 12;
}
.prism-grid__item--span-12-rows {
  grid-row: span 12;
}
.prism-grid--13-columns {
  grid-template-columns: repeat(13, 1fr);
}
.prism-grid__item--span-13-columns {
  grid-column: span 13;
}
.prism-grid__item--span-13-rows {
  grid-row: span 13;
}
.prism-grid--14-columns {
  grid-template-columns: repeat(14, 1fr);
}
.prism-grid__item--span-14-columns {
  grid-column: span 14;
}
.prism-grid__item--span-14-rows {
  grid-row: span 14;
}
.prism-grid--15-columns {
  grid-template-columns: repeat(15, 1fr);
}
.prism-grid__item--span-15-columns {
  grid-column: span 15;
}
.prism-grid__item--span-15-rows {
  grid-row: span 15;
}
.prism-grid--16-columns {
  grid-template-columns: repeat(16, 1fr);
}
.prism-grid__item--span-16-columns {
  grid-column: span 16;
}
.prism-grid__item--span-16-rows {
  grid-row: span 16;
}