1
0
Fork 1
impress/app/assets/stylesheets/partials/clean/_mixins.sass

119 lines
2.3 KiB
Sass
Raw Normal View History

@import "constants"
2010-11-05 15:45:05 -07:00
=clearfix
overflow: hidden
display: inline-block
&
display: block
=border-radius($r)
-moz-border-radius: $r
-webkit-border-radius: $r
=inline-block
display: -moz-inline-box
-moz-box-orient: vertical
display: inline-block
vertical-align: middle
*display: inline
*vertical-align: auto
=opacity($o)
-moz-opacity: $o
-webkit-opacity: $o
-o-opacity: $o
-khtml-opacity: $o
=header-text
font-family: $header-font
=awesome-button-color($c)
background: $c image-url("alert-overlay.png") repeat-x
2010-11-05 15:45:05 -07:00
&:hover
background-color: $c - #111111
=awesome-button
/* http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html
border-radius: 5px
2010-11-05 15:45:05 -07:00
+awesome-button-color(#006400)
border: 0
display: inline-block
padding: .5em .75em .45em
color: #fff
text-decoration: none
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5)
2010-11-05 15:45:05 -07:00
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25)
border-bottom: 1px solid rgba(0, 0, 0, 0.25)
position: relative
font-weight: bold
line-height: 1
&:hover:not(:disabled)
2010-11-05 15:45:05 -07:00
color: #fff
&:active:not(:disabled)
transform: translateY(1px)
&:disabled
background: #999999 image-url("alert-overlay.png") repeat-x
cursor: not-allowed
2010-11-05 15:45:05 -07:00
2010-11-08 17:40:03 -08:00
=reset-awesome-button
border-radius: 0
2010-11-08 17:40:03 -08:00
background: transparent
display: inline
padding: 0
color: inherit
-moz-box-shadow: none
-webkit-box-shadow: none
text-shadow: none
border-bottom: 0
position: static
font-weight: normal
line-height: inherit
&:hover
background: transparent
color: inherit
&:active
top: auto
2010-11-05 15:45:05 -07:00
=loud-awesome-button-color
+awesome-button-color(#ff5c00)
=loud-awesome-button
+loud-awesome-button-color
font-size: 125%
padding: 8px 14px 9px
=arrowed-awesome-button
&:after
content: " >>"
=module
background: $module-bg-color
border: 1px solid $module-border-color
padding: 1em
=notice
background: $notice-bg-color
border: 1px solid $notice-border-color
color: $notice-color
=error
background: $error-bg-color
border: 1px solid $error-border-color
color: $error-color
=warning
background: $warning-bg-color
border: 1px solid $warning-border-color
color: $warning-color
=subtle-banner
border:
color: $soft-border-color
style: solid
width: 1px 0
font-size: 85%
margin: 1em 0
padding: .5em 0
text-align: center