Merge pull request 'Simon's fixes' (#8) from feature/quickfixes_17juin into master
Reviewed-on: #8
This commit is contained in:
commit
614e9669a7
|
@ -1,2 +1,4 @@
|
||||||
.container
|
.container
|
||||||
padding: 1rem
|
padding: 1rem
|
||||||
|
main
|
||||||
|
padding-bottom: 2*$space
|
|
@ -1,9 +1,13 @@
|
||||||
|
/* Box sizing rules */
|
||||||
|
*,*::before,*::after
|
||||||
|
box-sizing: border-box
|
||||||
|
|
||||||
html
|
html
|
||||||
/*-webkit-font-smoothing: antialiased*/
|
/*-webkit-font-smoothing: antialiased*/
|
||||||
/*--moz-osx-font-smoothing: grayscale*/
|
/*--moz-osx-font-smoothing: grayscale*/
|
||||||
scroll-behavior: smooth
|
scroll-behavior: smooth
|
||||||
/* 18px */
|
/* 18px */
|
||||||
font-size: 112.5%
|
font-size: $font-size
|
||||||
|
|
||||||
body
|
body
|
||||||
font-weight: 400
|
font-weight: 400
|
||||||
|
|
|
@ -14,12 +14,12 @@ body
|
||||||
min-height: 100vh
|
min-height: 100vh
|
||||||
position: relative
|
position: relative
|
||||||
padding: 1rem
|
padding: 1rem
|
||||||
|
|
||||||
h1
|
h1
|
||||||
text-align: center
|
text-align: center
|
||||||
|
font-size: 1rem
|
||||||
|
|
||||||
@media screen and (min-width: 60rem)
|
@media screen and (min-width: 60rem)
|
||||||
.layout
|
.layout
|
||||||
width: 800px
|
width: $content-width
|
||||||
margin: 0 auto
|
margin: 0 auto
|
||||||
box-shadow: 8px 0 6px #ddd
|
box-shadow: 8px 0 6px #ddd
|
||||||
|
|
|
@ -1,12 +1,16 @@
|
||||||
nav
|
nav
|
||||||
position: absolute
|
position: fixed
|
||||||
top: 10rem
|
top: 4*$space
|
||||||
left: -15rem
|
right: 50%
|
||||||
|
margin-right: $content-width/2
|
||||||
|
width: 6*$space
|
||||||
|
font-family: $font-family-monospace
|
||||||
ul
|
ul
|
||||||
list-style: none
|
list-style: none
|
||||||
li
|
li
|
||||||
border-left: 1px solid $color-primary
|
|
||||||
padding-left: 15px
|
padding-left: 15px
|
||||||
|
text-transform: capitalize
|
||||||
|
font-size: 0.8*$font-size
|
||||||
&.active
|
&.active
|
||||||
font-weight: $active
|
font-weight: $active
|
||||||
a
|
a
|
||||||
|
@ -23,7 +27,6 @@ nav
|
||||||
padding-bottom: 2*$space
|
padding-bottom: 2*$space
|
||||||
nav
|
nav
|
||||||
display: none
|
display: none
|
||||||
position: fixed
|
|
||||||
z-index: 10
|
z-index: 10
|
||||||
top: 0
|
top: 0
|
||||||
left: 0
|
left: 0
|
||||||
|
@ -40,9 +43,11 @@ nav
|
||||||
right: 0
|
right: 0
|
||||||
width: 100%
|
width: 100%
|
||||||
li
|
li
|
||||||
line-height: 1.8*$space
|
line-height: 1.5*$space
|
||||||
font-size: 0.7*$space
|
font-size: 1.2*$font-size
|
||||||
text-align: right
|
text-align: right
|
||||||
|
border-left: 0
|
||||||
|
padding: 0
|
||||||
a
|
a
|
||||||
text-decoration: none
|
text-decoration: none
|
||||||
color: $color-primary
|
color: $color-primary
|
||||||
|
@ -62,7 +67,6 @@ nav
|
||||||
background: transparent !important
|
background: transparent !important
|
||||||
&:before
|
&:before
|
||||||
content: 'menu'
|
content: 'menu'
|
||||||
padding: 0 2em
|
|
||||||
text-transform: uppercase
|
text-transform: uppercase
|
||||||
background: $color-secondary
|
background: $color-secondary
|
||||||
position: fixed
|
position: fixed
|
||||||
|
@ -70,9 +74,10 @@ nav
|
||||||
width: 100%
|
width: 100%
|
||||||
height: 2*$space
|
height: 2*$space
|
||||||
bottom: 0
|
bottom: 0
|
||||||
padding: 0.5*$space 3*$space 0.5*$space 0
|
padding: 0.9*$space 2*$space 0.6*$space 0
|
||||||
line-height: $space
|
line-height: 0.5*$space
|
||||||
text-align: right
|
text-align: right
|
||||||
|
font-size: 0.8*$font-size
|
||||||
&.is-active:before
|
&.is-active:before
|
||||||
content: ''
|
content: ''
|
||||||
& > *
|
& > *
|
||||||
|
@ -81,8 +86,8 @@ nav
|
||||||
flex-direction: column
|
flex-direction: column
|
||||||
justify-content: space-between
|
justify-content: space-between
|
||||||
align-items: stretch
|
align-items: stretch
|
||||||
height: 2.6rem
|
height: 0.4*$space
|
||||||
width: 3.6rem
|
width: 0.6*$space
|
||||||
background-image: linear-gradient(#333,#333)
|
background-image: linear-gradient(#333,#333)
|
||||||
background-position: 50%
|
background-position: 50%
|
||||||
background-repeat: no-repeat
|
background-repeat: no-repeat
|
||||||
|
|
|
@ -1,4 +1,7 @@
|
||||||
$color-primary: black
|
$color-primary: black
|
||||||
$color-secondary: white
|
$color-secondary: white
|
||||||
$space: 2.75rem
|
$space: 2.75rem
|
||||||
|
$font-size: 112.5%
|
||||||
|
$font-family-monospace: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace
|
||||||
|
$content-width: 800px
|
||||||
$active: 600
|
$active: 600
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
title: Outils et ressources
|
title: Outils et ressources
|
||||||
menu:
|
menu:
|
||||||
main:
|
main:
|
||||||
name: 🛠 Outils et ressources
|
name: 🛠 Outils & ressources
|
||||||
weight: 30
|
weight: 30
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue