application.sass

gistfile1.txt

//imports
@import "reset.sass"

//variables
$textShadow: 0 1px 1px rgba(0,0,0,.3)

//mixins
@mixin globalWidth
	margin: 0 auto
	width: 720px
	
@mixin fourRoundedCorners
	-webkit-border-radius: 5px
	-moz-border-radius: 5px
	
@mixin fourSmallRoundedCorners
	-webkit-border-radius: 2px
	-moz-border-radius: 2px
	
@mixin globalShadow
	-webkit-box-shadow: 0px 1px 2px #000
	-moz-box-shadow: 0px 1px 2px #000
	box-shadow: 0px 1px 2px #000
	
@mixin smallShadow
	-webkit-box-shadow: 0px 1px 1px #555
	-moz-box-shadow: 0px 1px 1px #555
	box-shadow: 0px 1px 1px #555
	
@mixin standardButton
	background: #014255 url(/images/bg_submit.png) repeat-x
	background-image: -moz-linear-gradient(100% 100% 90deg, #186e92, #2ba9de)
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e13934), to(#890400))
	padding: .38em 1em .55em
	border: 1px solid #890400
	color: #fff
	text-align: center
	text-decoration: none
	font-size: 14px
	font-weight: bold
	text-shadow: 0 1px 1px rgba(0,0,0,.3)
	display: inline-block
	outline: none
	cursor: pointer
	@include fourRoundedCorners
	@include globalShadow
	
//html elements
html, body
	min-height: 100%
	
body
	background-color: rgb(0,0,0)
	color: #ddd
	font: normal 16px "Helvetica Neue", helvetica, arial, sans-serif
	
//view scaffolding
.globalWrap
	background-image: none
.headerWrap
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e13934), to(#890400))
.contentWrap
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e13934), to(#890400))
.footerWrap
	background-image: none