From 55169497dbc90653051e8e10d48437c57acda897 Mon Sep 17 00:00:00 2001 From: Kurtis Holsapple Date: Tue, 17 Jun 2025 14:00:42 -0700 Subject: [PATCH] responsive stuff --- dist/app.css | 9 +++++++-- dist/mix-manifest.json | 2 +- src/scss/header.scss | 2 +- src/scss/locations.scss | 6 +++++- 4 files changed, 14 insertions(+), 5 deletions(-) diff --git a/dist/app.css b/dist/app.css index dd2ee70..048a33f 100644 --- a/dist/app.css +++ b/dist/app.css @@ -12450,7 +12450,7 @@ input, label, textarea { list-style-type: none; padding: 0; background-color: #fff; - padding: 5px; + padding: 10px 15px; transform: translate(-5px, -5px); } } @@ -13136,10 +13136,15 @@ div.product-tile a.learn-more, div.page-tile a.learn-more { margin: 0 auto; } .post-type-archive-location .location-tile { - width: calc(50% - 2.5rem); + width: 100%; margin-bottom: 3rem; color: #505050; } +@media (min-width: 992px) { + .post-type-archive-location .location-tile { + width: calc(50% - 2.5rem); + } +} .post-type-archive-location .location-tile:first-of-type { width: 100%; } diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json index fb54402..2728c5f 100644 --- a/dist/mix-manifest.json +++ b/dist/mix-manifest.json @@ -1,4 +1,4 @@ { "/app.js": "/app.js?id=8af0c9c0d989b79afe124f8138dc1a63", - "/app.css": "/app.css?id=541d72261b355bad0466f6334166b758" + "/app.css": "/app.css?id=ed9f8d6e0947e25068c124487480e3b9" } diff --git a/src/scss/header.scss b/src/scss/header.scss index d700038..16a4c4d 100644 --- a/src/scss/header.scss +++ b/src/scss/header.scss @@ -149,7 +149,7 @@ list-style-type: none; padding: 0; background-color: $c-white; - padding: 5px; + padding: 10px 15px; transform: translate(-5px, -5px); } } diff --git a/src/scss/locations.scss b/src/scss/locations.scss index 907969d..5e5d3cb 100644 --- a/src/scss/locations.scss +++ b/src/scss/locations.scss @@ -16,10 +16,14 @@ } .location-tile { - width: calc(50% - 2.5rem); + width: 100%; margin-bottom: 3rem; color: $c-textAlt; + @include media-breakpoint-up(lg) { + width: calc(50% - 2.5rem); + } + &:first-of-type { width: 100%; .leaflet-map {