Skip to content

Instantly share code, notes, and snippets.

@Netcelal

Netcelal/mixins.scss

Forked from jpmckinney/mixins.scss
Created July 25, 2012 20:44
Show Gist options
  • Save Netcelal/3178562 to your computer and use it in GitHub Desktop.
Save Netcelal/3178562 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. James McKinney revised this gist Jan 2, 2012. 1 changed file with 6 additions and 0 deletions.
    6 changes: 6 additions & 0 deletions mixins.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -2,6 +2,12 @@

    // Mixins ----------------------------------------------------------------------
    // http://css3please.com/
    @mixin background-rgba($red, $green, $blue, $opacity, $rgba) {
    background-color: transparent;
    background-color: rgba($red, $green, $blue, $opacity);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$rgba}',endColorstr='#{$rgba}');
    zoom: 1;
    }
    @mixin border-radius($radius) {
    -webkit-border-radius: $radius;
    -moz-border-radius: $radius;
  2. James McKinney revised this gist Dec 31, 2011. 1 changed file with 2 additions and 0 deletions.
    2 changes: 2 additions & 0 deletions mixins.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -1,3 +1,5 @@
    // blog post: http://blog.slashpoundbang.com/post/15096433153/css3-scss-mixins

    // Mixins ----------------------------------------------------------------------
    // http://css3please.com/
    @mixin border-radius($radius) {
  3. @invalid-email-address Anonymous created this gist Dec 31, 2011.
    41 changes: 41 additions & 0 deletions mixins.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,41 @@
    // Mixins ----------------------------------------------------------------------
    // http://css3please.com/
    @mixin border-radius($radius) {
    -webkit-border-radius: $radius;
    -moz-border-radius: $radius;
    border-radius: $radius;
    }
    @mixin border-direction-radius($direction, $radius) {
    -webkit-border-#{$direction}-radius: $radius;
    -moz-border-#{$direction}-radius: $radius;
    border-#{$direction}-radius: $radius;
    }
    @mixin box-shadow($value) {
    -webkit-box-shadow: $value;
    -moz-box-shadow: $value;
    box-shadow: $value;
    }
    @mixin transition($value) {
    -webkit-transition: $value;
    -moz-transition: $value;
    -ms-transition: $value;
    -o-transition: $value;
    transition: $value;
    }
    @mixin opacity($opacity) {
    filter: alpha(opacity=$opacity * 100);
    -khtml-opacity: $opacity;
    -moz-opacity: $opacity;
    opacity: $opacity;
    }
    @mixin gradient($from, $to) {
    background-color: $to;
    background-repeat: repeat-x;
    background-image: -webkit-gradient(linear, left top, left bottom, from($from), to($to));
    background-image: -webkit-linear-gradient(top, $from, $to);
    background-image: -moz-linear-gradient(top, $from, $to);
    background-image: -ms-linear-gradient(top, $from, $to);
    background-image: -o-linear-gradient(top, $from, $to);
    background-image: linear-gradient(top, $from, $to);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$from}', endColorstr='#{$to}');
    }