rc/aircox
13
1
Fork 1
Code Issues 15 Pull Requests Projects Releases Wiki Activity

grid and mobile

Browse Source
This commit is contained in:
bkfox
2024-02-12 14:41:09 +01:00
parent df41885cca
commit bba4935791
4 changed files with 33 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
assets/src/assets/components.scss
View File

@ -465,18 +465,39 @@
grid-template-columns: 1fr 1fr;
grid-auto-flow: dense;
gap: v.$mp-4;
// .grid-wide { grid-column: 1 / 3; }
}
@media screen and (max-width: v.$screen-smaller) {
@mixin list-grid-1 {
.list-grid {
grid-template-columns: 1fr;
// .grid-wide { grid-column: 1; }
}
}
@mixin list-grid-2 {
.list-grid {
grid-template-columns: 1fr;
// .grid-wide { grid-column: 1; }
}
}
@mixin list-grid-3 {
.list-grid {
grid-template-columns: 1fr;
// .grid-wide { grid-column: 1; }
}
}
.mobile {
@include list-grid-1;
}
@media screen and (max-width: v.$screen-smaller) {
@include list-grid-1;
}
// ---- ---- Carousel
.a-carousel {