histoiredunpied/assets/css/main.sass

85 lines
1.3 KiB
Sass
Raw Normal View History

2020-02-11 09:02:51 +01:00
// $primary-color: #4CB58E
// $light-color: #34495E
// $dark-color: #fff
// $bg-color: #303742
// $base-font-family: "SF Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Courier, monospace
//@import "node_modules/spectre.css/src/spectre"
//@import "node_modules/spectre.css/src/spectre-exp"
//@import "node_modules/spectre.css/src/spectre-icons"
@mixin container
max-width: 940px
width: 90%
margin: 0 auto
body
margin: 0
a
color: black
.header
position: fixed
z-index: 1
left: 0
right: 0
height: 90px
overflow: hidden
background-color: white
.container
display: flex
height: 100%
border-bottom: 1px dotted black
.accueil
padding: 15px
margin: 5px 5px 5px -15px
.logo
height: 50px
.menu
margin: auto
margin-right: -20px
a
color: black
text-decoration-color: black
text-decoration-thickness: 3px
text-underline-offset: 10px
padding: 15px
margin: 5px
ul
list-style: none
margin: 0
padding: 0
li
display: inline
.bg
position: relative
height: 1000px
&.colored
background-color: green
#content
padding-top: 90px
.container
@include container
.ancre
text-align: center
position: absolute
top: -106px
@media (max-width: 768px)
.menu
visibility: hidden