2015-08-10 00:48:31 +02:00
|
|
|
//
|
|
|
|
|
// kremalicious3
|
|
|
|
|
// --------------
|
|
|
|
|
// Layout
|
|
|
|
|
//
|
|
|
|
|
|
|
|
|
|
.site__content,
|
|
|
|
|
.header__content
|
|
|
|
|
.footer__content
|
2016-04-17 00:17:17 +02:00
|
|
|
padding: 0 $spacer
|
2015-08-10 00:48:31 +02:00
|
|
|
width: 100%
|
|
|
|
|
|
|
|
|
|
@media $breakpoint2
|
2016-04-17 00:17:17 +02:00
|
|
|
padding: 0 ($spacer * 2)
|
2015-08-10 00:48:31 +02:00
|
|
|
|
|
|
|
|
.container
|
|
|
|
|
max-width: 35em
|
|
|
|
|
margin: 0 auto
|
|
|
|
|
|
2015-08-20 20:06:14 +02:00
|
|
|
.site__document
|
2016-04-16 19:32:58 +02:00
|
|
|
padding-top: ($spacer*2)
|
2015-08-20 20:06:14 +02:00
|
|
|
|
|
|
|
|
@media $breakpoint2
|
2016-04-16 19:32:58 +02:00
|
|
|
padding-top: ($spacer*4)
|
2015-08-20 20:06:14 +02:00
|
|
|
|
2015-08-10 00:48:31 +02:00
|
|
|
|
|
|
|
|
// 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)
|
|
|
|
|
|
2016-04-17 00:17:17 +02:00
|
|
|
transform: translate3d(0,-($spacer*7),0)
|
2015-11-20 22:35:41 +01:00
|
|
|
|
|
|
|
|
@media $breakpoint2
|
2016-04-16 19:32:58 +02:00
|
|
|
transform: translate3d(0,-($spacer*5),0)
|
2015-08-20 20:06:14 +02:00
|
|
|
|
2015-11-28 01:19:31 +01:00
|
|
|
.has-menu-open &
|
2015-08-19 01:31:58 +02:00
|
|
|
transform: translate3d(0,0,0)
|
|
|
|
|
|
2015-12-05 15:22:22 +01:00
|
|
|
.site__footer
|
2016-04-16 19:32:58 +02:00
|
|
|
margin-top: -200px
|
2015-12-05 15:22:22 +01:00
|
|
|
|
|
|
|
|
@media $breakpoint2
|
2016-04-16 19:32:58 +02:00
|
|
|
margin-top: -160px
|
2015-12-05 15:22:22 +01:00
|
|
|
|
|
|
|
|
.has-menu-open &
|
|
|
|
|
margin-top: 0
|
|
|
|
|
|
2016-04-16 19:32:58 +02:00
|
|
|
@media $breakpoint2 and (min-height: 650px)
|
2015-08-18 20:55:30 +02:00
|
|
|
.site
|
2015-08-10 00:48:31 +02:00
|
|
|
position: relative
|
|
|
|
|
|
|
|
|
|
.site__document
|
|
|
|
|
@extend .transition
|
|
|
|
|
position: relative
|
|
|
|
|
z-index: 2
|
2015-08-18 22:45:30 +02:00
|
|
|
margin-bottom: 420px
|
2016-04-16 19:32:58 +02:00
|
|
|
transform: translate3d(0,($spacer*3),0)
|
2015-08-10 00:48:31 +02:00
|
|
|
|
2015-11-28 01:19:31 +01:00
|
|
|
.has-menu-open &
|
2016-04-16 19:32:58 +02:00
|
|
|
transform: translate3d(0,($spacer*8),0)
|
2015-08-10 00:48:31 +02:00
|
|
|
|
2015-08-18 20:55:30 +02:00
|
|
|
.site__header,
|
|
|
|
|
.site__footer
|
2015-08-10 00:48:31 +02:00
|
|
|
position: fixed
|
|
|
|
|
border: none
|
2015-08-18 22:45:30 +02:00
|
|
|
width: 100%
|
2015-08-10 00:48:31 +02:00
|
|
|
|
2015-08-18 20:55:30 +02:00
|
|
|
.site__header
|
2015-08-10 00:48:31 +02:00
|
|
|
z-index: 1
|
|
|
|
|
top: 0
|
|
|
|
|
border: none
|
|
|
|
|
|
2015-08-18 20:55:30 +02:00
|
|
|
.site__footer
|
2015-08-10 00:48:31 +02:00
|
|
|
z-index: 0
|
|
|
|
|
bottom: 0
|
|
|
|
|
box-shadow: none
|
|
|
|
|
|
2015-11-28 01:19:31 +01:00
|
|
|
.has-menu-open &
|
2015-08-10 00:48:31 +02:00
|
|
|
hide()
|
