Commit 79c8a34a authored by Rene Saarsoo's avatar Rene Saarsoo
Browse files

Use compass builtin mixins for CSS3 properties.

parent 685a5696

template/resources/sass/_hover_menu.scss

+1 −1
Original line number Diff line number Diff line
@@ -20,7 +20,7 @@ 
  border: 1px solid #e4e4e4;

  border-top: 1px solid #eaeaea;

  left: -16px;

  @include border-radius-bottom(5px);

  @include border-bottom-radius(5px);

  table {

    width: 100%; }

  td {

template/resources/sass/_mixins.scss

+1 −28
Original line number Diff line number Diff line 
@import "variables";

@import "compass/css3";



@mixin box-shadow($x, $y, $radius, $color) {

  -webkit-box-shadow: $x $y $radius $color;

  -moz-box-shadow: $x $y $radius $color; }



@mixin border-radius($size) {

  border-radius: $size;

  -moz-border-radius: $size; }



@mixin border-radius-bottom($size) {

  border-bottom-left-radius: $size;

  border-bottom-right-radius: $size; }



@mixin border-top-left-radius($size) {

  border-top-left-radius: $size;

  -moz-border-radius-topleft: $size; }



@mixin border-top-right-radius($size) {

  border-top-right-radius: $size;

  -moz-border-radius-topright: $size; }



@mixin border-bottom-left-radius($size) {

  -webkit-border-bottom-left-radius: $size;

  -moz-border-radius-bottomleft: $size; }



@mixin border-bottom-right-radius($size) {

  border-bottom-right-radius: $size;

  -moz-border-radius-bottomright: $size; }



@mixin vertical-gradient($fromCol, $toCol) {

  background: $fromCol;

  background: -webkit-gradient(linear, left top, left bottom, from($fromCol), to($toCol));
@@ -38,10 +15,6 @@ 
  background: -webkit-gradient(linear, left top, right top, from($fromCol), to($toCol));

  background: -moz-linear-gradient(left, $fromCol, $toCol); }



@mixin opacity($opacity) {

  opacity: $opacity;

  filter: alpha(opacity=$opacity*100); }



@mixin transition($property, $duration, $timingFunction) {

  -webkit-transition: $property $duration $timingFunction;

  -moz-transition: $property $duration $timingFunction;