diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass index 9e0776d0baa371d8de99003e992cd7f727ca937f..3e427494219b092b4a65161d729640954d16eeb9 100644 --- a/assets/sass/_theme/_configuration.sass +++ b/assets/sass/_theme/_configuration.sass @@ -4,6 +4,7 @@ $main-color: black !default // Text color $main-background-color: white !default // Background color $main-border-color: lightgray !default // Border color +// TODO : faut-il mettre les largeur de border dans le config ? overkill ? $body-color: $main-color !default $body-background-color: $main-background-color !default diff --git a/assets/sass/_theme/_utils.sass b/assets/sass/_theme/_utils.sass index ace5c7f9157c3e437d1c94bf1f7567c6f3c8c2fb..8f341fb108958a47626899a0a5088e7239569194 100644 --- a/assets/sass/_theme/_utils.sass +++ b/assets/sass/_theme/_utils.sass @@ -117,6 +117,17 @@ right: 0 top: 0 +@mixin visually-hidden + clip: rect(0,0,0,0) !important + border: 0 !important + height: 1px !important + margin: -1px !important + overflow: hidden !important + padding: 0 !important + position: absolute !important + white-space: nowrap !important + width: 1px !important + @mixin button-reset appearance: none background: transparent diff --git a/assets/sass/_theme/design-system/nav.sass b/assets/sass/_theme/design-system/nav.sass index 430c64d3427c9cbe297cf9bbb3f495caea0e1bd3..896077d2c53de4b664d03ef48d8bcaf58d5addf2 100644 --- a/assets/sass/_theme/design-system/nav.sass +++ b/assets/sass/_theme/design-system/nav.sass @@ -55,3 +55,47 @@ a, span font-size: px2rem(14) + + +.share + display: flex + list-style: none + margin: 0 + padding: 0 + + li:not(:last-child) + margin-right: 1rem + + a + font-size: px2rem(13) + text-decoration: none + padding: 0.75rem + &:hover + opacity: 0.7 + &::after + content: none + &:last-child + margin-right: -0.75rem + + span + display: none + vertical-align: middle + +// .dropdown-share +// @extend .dropdown +// > button +// @extend .btn +// @extend .btn-lg +// @extend .btn-outline-light +// &::after +// @include icon +// content: map-get($icons, "social") +// margin-left: px2rem(10) +// .dropdown-menu +// padding: 0 +// .share +// li +// margin: 0 +// a +// @extend .dropdown-item +// color: $body-color diff --git a/assets/sass/_theme/design-system/typography.sass b/assets/sass/_theme/design-system/typography.sass index e62b0e1dee879aff859e5ec9d23865f29baf9426..a49713026c76da0a14f8b43c3793d263abad57aa 100644 --- a/assets/sass/_theme/design-system/typography.sass +++ b/assets/sass/_theme/design-system/typography.sass @@ -60,7 +60,7 @@ a, .link @include link overflow-wrap: break-word - &[target="_blank"] + &[target="_blank"]:not(.icon) @include icon("link-blank", "after") &::after font-size: px2rem(10) @@ -97,10 +97,7 @@ a, *:focus-visible transition: outline-offset .3s ease - - // ICONS - @font-face font-display: block font-family: 'Icon' @@ -108,9 +105,9 @@ a, font-weight: 400 src: url('../fonts/icons/icomoon.woff') format("woff") -@each $name in $icons +@each $name, $glyph in $icons .icon-#{$name} - @include icon($name) + @include icon($name, before) .btn-#{$name} @include icon($name) &::before diff --git a/assets/sass/_theme/sections/posts.sass b/assets/sass/_theme/sections/posts.sass index 71469b1dd46e4a6ffbf290485c870a04564cd699..455e0691aaec8fa8485371adc70f6d344d4aeeb3 100644 --- a/assets/sass/_theme/sections/posts.sass +++ b/assets/sass/_theme/sections/posts.sass @@ -42,3 +42,25 @@ &:last-child &::after content: none + +.table-infos + border-top: 1px solid $main-border-color + font-size: px2rem(14) + margin-bottom: 0 + ul + @include list-reset + caption + @include visually-hidden + position: relative !important // Fix safari iOS border issue + th + // color: $gray-600 + font-weight: 400 + padding-left: 0 + white-space: nowrap + tr + border-color: $main-border-color + td:last-of-type + padding-right: 0 + text-align: right + .share + justify-content: flex-end diff --git a/assets/sass/_theme/sections/programs.sass b/assets/sass/_theme/sections/programs.sass index 57cfc2cce321ea97dd3effafedf0e3284a405aaa..eebfc3fc9db6cd296915b3d4d6b8bf701a5cf795 100644 --- a/assets/sass/_theme/sections/programs.sass +++ b/assets/sass/_theme/sections/programs.sass @@ -78,6 +78,9 @@ > * grid-column: 6/13 h2 - @include sticky(calc($header-height + $spacing4)) + $sticky-top-offset: 90px + @include sticky(#{$header-height + $sticky-top-offset}) + top: $sticky-top-offset align-self: start grid-column: 1/5 + margin-bottom: 0