kocandaci/sass/_grid.scss

14 lines
304 B
SCSS

.grid {
display: grid;
grid-template-columns: 1fr;
gap: 1em;
}
.grid-2 { grid-template-columns: 1fr 1fr }
.grid-3 { grid-template-columns: 1fr 1fr 1fr }
.grid-4 { grid-template-columns: 1fr 1fr 1fr 1fr }
.grid-5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr }
.gap-2 { gap: 2em }
.gap-3 { gap: 3em }