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

View File

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