1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-12 08:05:18 +01:00
blog/_src/_assets/styl/scaffolding.styl

72 lines
1.2 KiB
Stylus
Raw Normal View History

2014-07-12 02:00:18 +02:00
//
// kremalicious3
// --------------
// Scaffolding
//
// Body reset
/////////////////////////////////////
html
font-size: 62.5%
2015-08-09 18:11:26 +02:00
-webkit-tap-highlight-color: alpha($link-color, .2)
2014-07-12 02:00:18 +02:00
body
background: $body-bg
2014-07-13 00:42:57 +02:00
// Reset fonts for relevant elements
/////////////////////////////////////
input,
button,
select,
textarea
font-family: inherit
font-size: inherit
line-height: inherit
2014-07-12 21:22:47 +02:00
// topbar and footer as fixed
2014-07-12 02:00:18 +02:00
// site background
/////////////////////////////////////
.document
background-color: $page-bg
2015-06-15 01:41:53 +02:00
border-top: 1px solid rgba(255,255,255,.7)
border-bottom: 1px solid rgba(255,255,255,.7)
2015-08-09 18:11:26 +02:00
box-shadow: 0 1px 4px alpha($brand-dark, .1), 0 -1px 4px alpha($brand-dark, .2)
2014-07-12 02:00:18 +02:00
@media only screen and (min-width: 40.625em) and (min-height: 650px)
body
position: relative
2014-07-12 21:22:47 +02:00
2014-07-12 02:00:18 +02:00
.document
2015-06-14 20:26:25 +02:00
@extend .transition
2014-07-12 21:22:47 +02:00
position: relative
2014-07-12 02:00:18 +02:00
z-index: 2
2015-08-09 21:50:06 +02:00
margin-top: 80px
margin-bottom: 500px
2014-07-12 21:22:47 +02:00
.menu-open &
2015-06-14 20:26:25 +02:00
margin-top: 220px
2014-07-12 02:00:18 +02:00
.topbar,
.footer
position: fixed
border: none
.topbar
z-index: 1
top: 0
border: none
2014-07-12 21:22:47 +02:00
2014-07-12 02:00:18 +02:00
.footer
z-index: 0
bottom: 0
box-shadow: none
2014-07-12 21:22:47 +02:00
2014-07-12 02:00:18 +02:00
.menu-open &
2014-07-12 21:22:47 +02:00
hide()