diff --git a/assets/styles/content.sass b/assets/styles/content.sass index 461e8f1..8c7dd9a 100644 --- a/assets/styles/content.sass +++ b/assets/styles/content.sass @@ -1,2 +1,4 @@ .container padding: 1rem +main + padding-bottom: 2*$space \ No newline at end of file diff --git a/assets/styles/html.sass b/assets/styles/html.sass index 67f92a5..ae6a203 100644 --- a/assets/styles/html.sass +++ b/assets/styles/html.sass @@ -1,9 +1,13 @@ +/* Box sizing rules */ +*,*::before,*::after + box-sizing: border-box + html /*-webkit-font-smoothing: antialiased*/ /*--moz-osx-font-smoothing: grayscale*/ scroll-behavior: smooth /* 18px */ - font-size: 112.5% + font-size: $font-size body font-weight: 400 diff --git a/assets/styles/main.sass b/assets/styles/main.sass index 1940868..027c3ea 100644 --- a/assets/styles/main.sass +++ b/assets/styles/main.sass @@ -11,15 +11,14 @@ body .layout background-color: white - min-height: 100vh + min-height: 105vh position: relative padding: 1rem - h1 text-align: center @media screen and (min-width: 60rem) .layout - width: 800px + width: $content-width margin: 0 auto box-shadow: 8px 0 6px #ddd diff --git a/assets/styles/menu.sass b/assets/styles/menu.sass index 38be455..0ae44e5 100644 --- a/assets/styles/menu.sass +++ b/assets/styles/menu.sass @@ -1,12 +1,17 @@ nav position: absolute - top: 10rem - left: -15rem + top: 4*$space + right: 50% + margin-right: $content-width/2 + width: 6*$space + font-family: $font-family-monospace ul list-style: none li border-left: 1px solid $color-primary padding-left: 15px + text-transform: capitalize + font-size: 0.8*$font-size &.active font-weight: $active a @@ -40,9 +45,11 @@ nav right: 0 width: 100% li - line-height: 1.8*$space - font-size: 0.7*$space + line-height: 1.5*$space + font-size: 1.2*$font-size text-align: right + border-left: 0 + padding: 0 a text-decoration: none color: $color-primary @@ -62,7 +69,6 @@ nav background: transparent !important &:before content: 'menu' - padding: 0 2em text-transform: uppercase background: $color-secondary position: fixed @@ -70,9 +76,10 @@ nav width: 100% height: 2*$space bottom: 0 - padding: 0.5*$space 3*$space 0.5*$space 0 - line-height: $space + padding: 0.9*$space 2*$space 0.6*$space 0 + line-height: 0.5*$space text-align: right + font-size: 0.8*$font-size &.is-active:before content: '' & > * @@ -81,8 +88,8 @@ nav flex-direction: column justify-content: space-between align-items: stretch - height: 2.6rem - width: 3.6rem + height: 0.4*$space + width: 0.6*$space background-image: linear-gradient(#333,#333) background-position: 50% background-repeat: no-repeat diff --git a/assets/styles/variables.sass b/assets/styles/variables.sass index cedb777..2c163b5 100644 --- a/assets/styles/variables.sass +++ b/assets/styles/variables.sass @@ -1,4 +1,7 @@ $color-primary: black $color-secondary: white $space: 2.75rem +$font-size: 112.5% +$font-family-monospace: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace +$content-width: 800px $active: 600 diff --git a/content/outils-ressources.md b/content/outils-ressources.md index e0eca85..18d3d2e 100644 --- a/content/outils-ressources.md +++ b/content/outils-ressources.md @@ -2,7 +2,7 @@ title: Outils et ressources menu: main: - name: 🛠 Outils et ressources + name: 🛠 Outils & ressources weight: 30 ---