diff --git a/assets/sass/_theme/_utils.sass b/assets/sass/_theme/_utils.sass index a4c2e6bfb0bc89d29c3ddd4809f43b7ea429ab0b..5e4c10645bea4330f267bc76688896b47b6b78a8 100644 --- a/assets/sass/_theme/_utils.sass +++ b/assets/sass/_theme/_utils.sass @@ -51,6 +51,10 @@ text-decoration-color: rgba($color, 1) text-decoration-thickness: 1px +@mixin link-hovered-underline-only + &:not(:hover) + text-decoration: transparent + @mixin hover-translate-icon($pseudo: after, $distance: 10) &::#{$pseudo} transition: transform 0.55s $arrow-ease-transition diff --git a/assets/sass/_theme/sections/persons.sass b/assets/sass/_theme/sections/persons.sass index e4a0451b17c020c9da9ed1b011692c7f92b4e8b7..562ddb1110727b29c9d742d0e75b64b696ff7ce3 100644 --- a/assets/sass/_theme/sections/persons.sass +++ b/assets/sass/_theme/sections/persons.sass @@ -33,13 +33,6 @@ div.persons @include grid(4, xl) @include grid(5, xxl) -.persons__section - @include in-page-without-sidebar - .lead - padding-top: $spacing2 - @include media-breakpoint-up(md) - width: col(7) - ol.persons @include list-reset > li @@ -51,7 +44,7 @@ ol.persons margin-bottom: 0 a @include stretched-link - + @include link-hovered-underline-only @include media-breakpoint-up(md) align-items: baseline display: flex @@ -84,25 +77,31 @@ ol.persons object-fit: cover /* TODO revoir ce nom */ -.taxonomies +.taxonomies-persons @include list-reset - margin-bottom: $spacing3 - @include media-breakpoint-down(md) - flex-direction: column - @include media-breakpoint-up(md) - text-align: right li @include media-breakpoint-down(md) - &:not(last-child) - margin-bottom: $spacing1 + margin-bottom: $spacing1 + a + display: block @include media-breakpoint-up(md) display: inline-block - &:not(:last-child) - margin-right: $spacing1 + margin-right: $spacing2 a - @extend .link-more + @include link + @include link-hovered-underline-only + @include meta + @include icon(arrow, after) + margin-left: $spacing1 + + +.lead + .taxonomies-persons + margin-top: $spacing-section-y + +.persons__section + * + .persons + margin-top: $spacing-section-y -/* HERO *///R .persons__page .hero @include media-breakpoint-down(md) diff --git a/layouts/partials/persons/taxonomies.html b/layouts/partials/persons/taxonomies.html index 3311521d1ca9e9136160a3300486ce18883c0468..dcbc5a477d0af51872fb1f1cdb478aa71f6c66ff 100644 --- a/layouts/partials/persons/taxonomies.html +++ b/layouts/partials/persons/taxonomies.html @@ -1,5 +1,5 @@ {{- if .Site.Taxonomies -}} - <ul class="taxonomies"> + <ul class="taxonomies taxonomies-persons"> {{- range $name, $t := .Site.Taxonomies }} {{- if and (ne $name "categories") (ne $name "diplomas") }} {{- with $.Site.GetPage "taxonomyTerm" $name}}