mirror of
https://github.com/kremalicious/blog.git
synced 2024-09-24 10:08:50 +02:00
62 lines
1.1 KiB
Stylus
62 lines
1.1 KiB
Stylus
|
//
|
||
|
|
// kremalicious3
|
||
|
|
// --------------
|
||
|
|
// Layout
|
||
|
|
//
|
||
|
|
|
||
|
|
.site__content,
|
||
|
|
.header__content
|
||
|
|
.footer__content
|
||
|
|
padding: 0 7%
|
||
|
|
width: 100%
|
||
|
|
|
||
|
|
@media $breakpoint2
|
||
|
|
padding: 0 15%
|
||
|
|
|
||
|
|
.container
|
||
|
|
max-width: 35em
|
||
|
|
margin: 0 auto
|
||
|
|
|
||
|
|
|
||
|
|
// topbar and footer as fixed
|
||
|
|
// site background
|
||
|
|
/////////////////////////////////////
|
||
|
|
|
||
|
|
.site__document
|
||
|
|
background-color: $page-bg
|
||
|
|
border-top: 1px solid rgba(255,255,255,.7)
|
||
|
|
border-bottom: 1px solid rgba(255,255,255,.7)
|
||
|
|
box-shadow: 0 1px 4px alpha($brand-dark, .1), 0 -1px 4px alpha($brand-dark, .2)
|
||
|
|
|
||
|
|
@media only screen and (min-width: 40.625em) and (min-height: 650px)
|
||
|
|
body
|
||
|
|
position: relative
|
||
|
|
|
||
|
|
.site__document
|
||
|
|
@extend .transition
|
||
|
|
position: relative
|
||
|
|
z-index: 2
|
||
|
|
margin-top: 80px
|
||
|
|
margin-bottom: 500px
|
||
|
|
|
||
|
|
.menu-open &
|
||
|
|
margin-top: 220px
|
||
|
|
|
||
|
|
.header,
|
||
|
|
.footer
|
||
|
|
position: fixed
|
||
|
|
border: none
|
||
|
|
|
||
|
|
.header
|
||
|
|
z-index: 1
|
||
|
|
top: 0
|
||
|
|
border: none
|
||
|
|
|
||
|
|
.footer
|
||
|
|
z-index: 0
|
||
|
|
bottom: 0
|
||
|
|
box-shadow: none
|
||
|
|
|
||
|
|
.menu-open &
|
||
|
|
hide()
|