mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-18 02:35:49 +00:00
Refactor grid row classes using SCSS @for loop
This commit is contained in:
File diff suppressed because one or more lines are too long
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user