@media (min-width: 992px) {
:root {
@for $i from 1 through 1481 {
--#{$i}: calc(0.0675219446 * #{$i} * 1cqw);
}
}
}
@media (max-width: 991px) {
:root {
@for $i from 1 through 1481 {
--#{$i}: #{$i}px;
}
}
}@for $i from 2 through 96 {
.spacer-#{$i} {
padding: 0;
padding-top: var(--#{$i});
}
}
@media only screen and (max-width: 768px) {
@for $i from 2 through 96 {
.spacer-#{$i} {
padding: 0;
padding-top: calc(var(--#{$i}) * 0.75); /* Adjusted padding for tablets */
}
}
}
@media (min-width: 992px) {
:root {
@for $i from 1 through 1481 {
--#{$i}: calc(0.0675219446 * #{$i} * 1cqw);
}
}
}
@media (max-width: 991px) {
:root {
@for $i from 1 through 1481 {
--#{$i}: #{$i}px;
}
}
}@for $i from 2 through 96 {
.spacer-#{$i} {
padding: 0;
padding-top: var(--#{$i});
}
}
@media only screen and (max-width: 768px) {
@for $i from 2 through 96 {
.spacer-#{$i} {
padding: 0;
padding-top: calc(var(--#{$i}) * 0.75); /* Adjusted padding for tablets */
}
}
}