mirror of
https://github.com/moparisthebest/kaiwa
synced 2024-11-26 11:12:16 -05:00
105 lines
2.5 KiB
Stylus
105 lines
2.5 KiB
Stylus
@import _variables
|
|
|
|
gotham()
|
|
font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif
|
|
font-style: normal
|
|
|
|
roundall($round)
|
|
-moz-border-radius: $round
|
|
-webkit-border-radius: $round
|
|
-khtml-border-radius: $round
|
|
-o-border-radius: $round
|
|
-border-radius: $round
|
|
border-radius: $round
|
|
|
|
calc()
|
|
if current-property
|
|
add-property(current-property[0], s('-webkit-calc(%s)', unquote(arguments)))
|
|
add-property(current-property[0], s('-moz-calc(%s)', unquote(arguments)))
|
|
add-property(current-property[0], s('-ms-calc(%s)', unquote(arguments)))
|
|
add-property(current-property[0], s('-o-calc(%s)', unquote(arguments)))
|
|
s('calc(%s)', unquote(arguments))
|
|
else
|
|
error('calc() must be used within a property')
|
|
|
|
noselect()
|
|
-webkit-touch-callout: none
|
|
-webkit-user-select: none
|
|
-khtml-user-select: none
|
|
-moz-user-select: none
|
|
-ms-user-select: none
|
|
user-select: none
|
|
|
|
turn($deg)
|
|
-moz-transform: rotate($deg)
|
|
-webkit-transform: rotate($deg)
|
|
-o-transform: rotate($deg)
|
|
transform: rotate($deg)
|
|
|
|
transform($param)
|
|
-webkit-transform: $param
|
|
-moz-transform: $param
|
|
-ms-transform: $param
|
|
transform: $param
|
|
|
|
transition($attr, $dur, $timing, $delay)
|
|
-webkit-transition: $attr $dur $timing $delay
|
|
-o-transition: $attr $dur $timing $delay
|
|
transition: $attr $dur $timing $delay
|
|
-moz-transition: $attr $dur $timing $delay
|
|
|
|
flip-horizontal()
|
|
-moz-transform: scaleX(-1)
|
|
-webkit-transform: scaleX(-1)
|
|
-o-transform: scaleX(-1)
|
|
transform: scaleX(-1)
|
|
-ms-filter: fliph
|
|
filter: fliph
|
|
|
|
flip-vertical()
|
|
-moz-transform: scaleY(-1)
|
|
-webkit-transform: scaleY(-1)
|
|
-o-transform: scaleY(-1)
|
|
transform: scaleY(-1)
|
|
-ms-filter: flipv
|
|
filter: flipv
|
|
|
|
colorDot($color)
|
|
display: block
|
|
height: 10px
|
|
width: 10px
|
|
gradient: $color + #777 $color + #000
|
|
border-radius: 25px
|
|
border-bottom: 1px solid rgba(0,0,0,1)
|
|
border-top: 1px solid rgba(255,255,255,.9)
|
|
|
|
imagesprite($width, $height, $sx, $x, $y)
|
|
background-repeat: none
|
|
width: ($width)px
|
|
height: ($height)px
|
|
background-image: url("/images/sprite.png")
|
|
background-position: ($sx * $x * -1)px ($sx * $y * -1)px
|
|
|
|
borderbox()
|
|
-moz-box-sizing: border-box
|
|
-webkit-box-sizing: border-box
|
|
box-sizing: border-box
|
|
|
|
// avatars
|
|
|
|
avatarLarge()
|
|
width: 30px
|
|
height: 30px
|
|
roundall(50px)
|
|
|
|
avatarSmall()
|
|
width: 20px
|
|
height: 20px
|
|
roundall(30px)
|
|
|
|
|
|
// this if for the content flash and hardware acceleration bugs in webkit
|
|
webkit-transition-fix()
|
|
-webkit-backface-visibility: hidden
|
|
//-webkit-transform: translateZ(0)
|