Source

jqui / sass / _mixins.sass

Full commit

=square($size)
  width: $size
  height: $size

=full-size
  +square(100%)

=full-width
  width: 100%

=full-height
  height: 100%


=box-shadow($a, $b, $c, $col)
  -moz-box-shadow: $a $b $c $col
  -webkit-box-shadow: $a $b $c $col
  box-shadow: $a $b $c $col

=opacity($percent)
  opacity: $percent/100
  filter: Alpha(Opacity=$percent)

// Helpers for rounded borders


=border-radius($radius, $a, $b)
  border-#{$a}-#{$b}-radius: $radius
  -moz-border-radius-#{$a}#{$b}: $radius
  -webkit-border-#{$a}-#{$b}-radius: $radius
  -khtml-border-#{$a}-#{$b}-radius: $radius

=rounded-border-top($radius)
  +border-radius($radius, top, left)
  +border-radius($radius, top, right)

=rounded-border-bottom($radius)
  +border-radius($radius, bottom, left)
  +border-radius(radius, bottom, right)

=rounded-border-left($radius)
  +border-radius(radius, bottom, left)
  +border-radius(radius, top, left)

=rounded-border-right($radius)
  +border-radius(radius, top, right)
  +border-radius($radius, bottom, right)

=rounded-border($radius)
  border-radius: $radius
  -moz-border-radius: $radius
  -webkit-border-radius: $radius
  -khtml-border-radius: $radius


// Image related

=bg-x($image)
  background: url(unquote("#{$image}")) repeat-x

=bg-y($image)
  background: url(unquote("#{$image}")) repeat-y