diff --git a/assets/sass/_theme/design-system/button.sass b/assets/sass/_theme/design-system/button.sass index 2d94c886845b3866d257daace964ff15998b6856..ac00d2d7fc504230435c0bd816075213a6952531 100644 --- a/assets/sass/_theme/design-system/button.sass +++ b/assets/sass/_theme/design-system/button.sass @@ -5,8 +5,6 @@ cursor: pointer display: flex padding: 0 - @include media-breakpoint-up(desktop) - width: columns(2) &:first-child margin-bottom: $spacing-2 &::before diff --git a/assets/sass/_theme/design-system/top.sass b/assets/sass/_theme/design-system/top.sass index 6fd62c70bdbdeebdc0246267f15b5d9ad6f00a3a..82e22fa0fc77871dff4f4e042bc6bfa8bb0f382a 100644 --- a/assets/sass/_theme/design-system/top.sass +++ b/assets/sass/_theme/design-system/top.sass @@ -1,21 +1,8 @@ -/* TODO Ã renomer */ .top - // align-items: baseline - // display: flex - // flex-wrap: wrap - // justify-content: space-between margin-bottom: calc(#{$spacing-3} + #{$spacing-2}) position: relative h2, p margin-bottom: 0 - // h2 - // a - // @include stretched-link - // div - // margin-top: pxToRem(5) - // p - // @include media-breakpoint-up(lg) - // width: columns(8) .link @extend .link-more diff --git a/assets/sass/_theme/sections/papers.sass b/assets/sass/_theme/sections/papers.sass index 7706cc513fd4e96ca11d4f8bdfa5a27c27d849e2..25df1fdf9fdbe903089f98ac4a24f1d437ca363e 100644 --- a/assets/sass/_theme/sections/papers.sass +++ b/assets/sass/_theme/sections/papers.sass @@ -1,18 +1,24 @@ .paper + display: flex + gap: var(--grid-gutter) a text-decoration-color: transparent transition: color 0.3s ease - > div - &:first-of-type - grid-column: 1 / 7 - &.paper-actions - grid-column: 8 / 12 - align-items: start - display: flex - @include media-breakpoint-down(desktop) - flex-wrap: wrap - justify-content: space-between - margin-top: $spacing-3 + > div:first-of-type + width: columns(7) + .paper-actions + width: columns(5) + display: flex + align-items: start + gap: var(--grid-gutter) + button[data-open-modal] + width: columns(2) + figure + width: columns(3) + @include media-breakpoint-down(desktop) + flex-wrap: wrap + justify-content: space-between + margin-top: $spacing-3 h3 a:hover color: $color-accent @@ -29,17 +35,18 @@ span text-transform: uppercase +.top + .papers + margin-top: $spacing-3 + .papers @include list-reset - margin-block-start: half($spacing-5) + margin-top: $spacing-5 li + li margin-top: $spacing-4 @include media-breakpoint-up(desktop) margin-top: $spacing-5 article - @include media-breakpoint-up(desktop) - @include grid + article margin-top: $spacing-4 @include media-breakpoint-up(desktop)