kickstrap
Version:
Framework for advanced Bootstrap web development
108 lines (88 loc) • 1.63 kB
text/stylus
@import "../themes/kickstrap.css"
@import "_auth-buttons"
$brown = rgba(242, 239, 235, 0.9)
$footerHeight = 50px
body
padding-top: 70px // For fixed navbar
.ks-beforeload
display: block
&_visibility
visibility: visible
.ks-afterload
display: none
&_visibility
visibility: hidden
&.loaded
.ks-beforeload
display: none
&_visibility
visibility: hidden
.ks-afterload
display: block
&_visibility
visibility: visible
// A little UX sugar
.pointer
cursor: pointer
// Sticky Footer
html
, body
height: 100%
#sf-wrap
min-height: 100%
height: auto
height: 100%
margin 0 auto (-1 * $footerHeight)
padding: 0 0 $footerHeight
#sf-footer
height: $footerHeight
margin-bottom: 0
#sf-push
padding-top: $footerHeight
display: block
// NG-Progress
#ngProgress
margin: 0
padding: 0
z-index: 99998
background-color: green
color: green
box-shadow: 0 0 10px 0
height: 2px
opacity: 0
transition(all 0.5s ease-in-out)
#ngProgress-container
position: fixed
margin: 0
padding: 0
top: 0
left: 0
right: 0
z-index: 99999
// Readability
$readableSize = 18px
readableParagraph()
font-size: $readableSize
line-height: 29px
margin-bottom: 20px
color: #3D444B
readableLead()
font-size: ( $readableSize + 7px )
line-height: 34px
readableHeading()
// margin-bottom: 15px
p, label, tr, td, div, ol li, ul li
&.readable
readableParagraph()
h1, h2, h3, h4, h5, h6
&.readable
readableHeading()
.lead.readable
readableLead()
.readable
p, label, tr, td, div, ol li, ul li
readableParagraph()
.lead
readableLead()
h1, h2, h3, h4, h5, h6
readableHeading()