fix icon classes

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

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

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

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

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

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