Refactor grid row classes using SCSS @for loop

This commit is contained in:
AKCodez
2025-02-26 16:03:32 -08:00
parent 0fd62f761c
commit 962c2e3c7f
2 changed files with 5 additions and 21 deletions

File diff suppressed because one or more lines are too long

View File

@@ -150,26 +150,10 @@ a.card:hover h3 {
.light .circled-logo { .light .circled-logo {
border: none; border: none;
} }
.cols-of-1{ @for $i from 1 through 10 {
grid-template-rows:repeat(1, min-content) .cols-of-#{$i} {
} grid-template-rows: repeat(#{$i}, min-content);
.cols-of-2{ }
grid-template-rows:repeat(2, min-content)
}
.cols-of-3{
grid-template-rows:repeat(3, min-content)
}
.cols-of-4{
grid-template-rows:repeat(4, min-content)
}
.cols-of-5{
grid-template-rows:repeat(5, min-content)
}
.cols-of-6{
grid-template-rows:repeat(6, min-content)
}
.cols-of-7{
grid-template-rows:repeat(7, min-content)
} }
.card-deck { .card-deck {
margin-top: 2.5rem; margin-top: 2.5rem;