ofco/chaffe-theme
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP

Browse Source
This commit is contained in:
Kurtis Holsapple
2025-06-02 16:41:15 -07:00
parent e37a776b18
commit 65114abf29
3 changed files with 9 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
dist/app.css vendored
View File

@@ -12538,8 +12538,9 @@ section.services-blocks .blocks {
} }
@media (min-width: 992px) { @media (min-width: 992px) {
section.services-blocks .blocks { section.services-blocks .blocks {
flex-direction: row; display: grid;
flex-wrap: wrap; grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto auto;
} }
} }
section.services-blocks .block { section.services-blocks .block {
@@ -12569,13 +12570,7 @@ section.services-blocks .block:first-of-type {
} }
@media (min-width: 992px) { @media (min-width: 992px) {
section.services-blocks .block:first-of-type { section.services-blocks .block:first-of-type {
flex: 1 1 30%; grid-row: span 2;
min-height: 100%;
}
}
@media (min-width: 992px) {
section.services-blocks .block {
flex: 1 1 calc(35% - 0.75rem);
} }
} }
section.services-blocks .large-arrow { section.services-blocks .large-arrow {

2
dist/mix-manifest.json vendored
View File

@@ -1,4 +1,4 @@
{ {
"/app.js": "/app.js?id=ac271f1d4ead304b5ae143995cb9455e", "/app.js": "/app.js?id=ac271f1d4ead304b5ae143995cb9455e",
"/app.css": "/app.css?id=3dd58c8a3e88b569e991bde2ea3f7916" "/app.css": "/app.css?id=8a50b8cdb89f246be53178cfe2b28e65"
} }

12
src/scss/flex-services-blocks.scss
View File

@@ -14,8 +14,9 @@ section.services-blocks {
gap: 1.5rem; gap: 1.5rem;
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
flex-direction: row; display: grid;
flex-wrap: wrap; grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto auto;
} }
} }
@@ -50,14 +51,9 @@ section.services-blocks {
background-color: $c-tan; background-color: $c-tan;
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
flex: 1 1 30%; grid-row: span 2;
min-height: 100%;
} }
} }
@include media-breakpoint-up(lg) {
flex: 1 1 calc(35% - 0.75rem);
}
} }
.large-arrow { .large-arrow {