diff --git a/assets/sass/_theme/sections/locations.sass b/assets/sass/_theme/sections/locations.sass index 8cd29ad82caefdb95f0258901553cd9d182c8d4d..4fa6586dbbbc87eb19145d6dc3e9bf7b9da42437 100644 --- a/assets/sass/_theme/sections/locations.sass +++ b/assets/sass/_theme/sections/locations.sass @@ -1,22 +1,25 @@ -.locations__taxonomy - .locations +.locations--list + .location + .location + margin-top: $spacing-4 + @include media-breakpoint-up(desktop) .location - @include media-breakpoint-up(desktop) - .media - width: col(4) - &-content - width: col(6) + .media + width: columns(4) + &-content + width: columns(6) .location display: flex - gap: $grid-gutter + gap: var(--grid-gutter) .media order: -1 &-title @include icon(arrow-right, after) + &-description + margin-top: $spacing-3 @include media-breakpoint-down(desktop) flex-direction: column .media // TODO : REMOVE HALF - margin-left: half(-$grid-gutter) - margin-right: half(-$grid-gutter) \ No newline at end of file + margin-left: var(--grid-gutter-negative) + margin-right: var(--grid-gutter-negative) \ No newline at end of file diff --git a/layouts/partials/locations/location.html b/layouts/partials/locations/location.html index 23ffb50b17fa313d063b3de4943edd205c77e884..efe0508868ddeb240cfefeac81a040d0cd8daf18 100644 --- a/layouts/partials/locations/location.html +++ b/layouts/partials/locations/location.html @@ -19,6 +19,7 @@ </div> {{- end -}} </div> + <div class="media"> {{- if .Params.image -}} {{- partial "commons/image.html" diff --git a/layouts/partials/locations/locations.html b/layouts/partials/locations/locations.html index 1ad976ad7df24796932262203ddad70583b2ff51..19c5c02363f35547cbd66692360e1fb417f7675d 100644 --- a/layouts/partials/locations/locations.html +++ b/layouts/partials/locations/locations.html @@ -1,5 +1,4 @@ - -<div class="locations"> +<div class="locations locations--list"> {{ range .Paginator.Pages }} {{ partial "locations/location.html" . }} {{ end }}