Skip to content

Instantly share code, notes, and snippets.

@atinypixel

atinypixel/mixins.sass

Created November 12, 2009 15:40
Download ZIP

Revisions

  1. atinypixel revised this gist Sep 17, 2010. 1 changed file with 13 additions and 15 deletions.
    28 changes: 13 additions & 15 deletions mixins.sass
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,3 @@
    /* A collection of mixins for the ruby sass interpreter.
    =cf
    display: inline-block
    &:after
    @@ -12,19 +10,19 @@
    height: 1px

    =support_hover
    :_azimuth expression(this.onmousedown = this.onmousedown || new Function("this.className += ' active'"), this.onmouseup = this.onmouseup || new Function("this.className = this.className.replace('active','')"), this.onmouseenter = this.onmouseenter || new Function("this.className += ' hover'"), this.onmouseleave = this.onmouseleave || new Function("this.className = this.className.replace('hover','')"), 'inherit')
    _azimuth: expression(this.onmousedown = this.onmousedown || new Function("this.className += ' active'"), this.onmouseup = this.onmouseup || new Function("this.className = this.className.replace('active','')"), this.onmouseenter = this.onmouseenter || new Function("this.className += ' hover'"), this.onmouseleave = this.onmouseleave || new Function("this.className = this.className.replace('hover','')"), 'inherit')


    =border-radius-all(!radius)
    :-moz-border-radius = !radius
    :-webkit-border-radius = !radius
    =border-radius($radius: "0")
    -moz-border-radius: $radius
    -webkit-border-radius: $radius

    =border-radius(!top_left="0", !top_right="0", !bottom_left="0", !bottom_right="0")
    :-moz-border-radius-topleft = !top_left
    :-moz-border-radius-topright = !top_right
    :-moz-border-radius-bottomleft = !bottom_left
    :-moz-border-radius-bottomright = !bottom_right
    :-webkit-border-top-left-radius = !top_left
    :-webkit-border-top-right-radius = !top_right
    :-webkit-border-bottom-left-radius = !bottom_left
    :-webkit-border-bottom-right-radius = !bottom_right
    =border-radius-custom($top_left: "0", $top_right: "0", $bottom_left: "0", $bottom_right: "0")
    -moz-border-radius-topleft: $top_left
    -moz-border-radius-topright: $top_right
    -moz-border-radius-bottomleft: $bottom_left
    -moz-border-radius-bottomright: $bottom_right
    -webkit-border-top-left-radius: $top_left
    -webkit-border-top-right-radius: $top_right
    -webkit-border-bottom-left-radius: $bottom_left
    -webkit-border-bottom-right-radius: $bottom_right
  2. atinypixel created this gist Nov 12, 2009.
    30 changes: 30 additions & 0 deletions mixins.sass
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,30 @@
    /* A collection of mixins for the ruby sass interpreter.
    =cf
    display: inline-block
    &:after
    content: "."
    display: block
    height: 0
    clear: both
    visibility: hidden
    * html &
    height: 1px

    =support_hover
    :_azimuth expression(this.onmousedown = this.onmousedown || new Function("this.className += ' active'"), this.onmouseup = this.onmouseup || new Function("this.className = this.className.replace('active','')"), this.onmouseenter = this.onmouseenter || new Function("this.className += ' hover'"), this.onmouseleave = this.onmouseleave || new Function("this.className = this.className.replace('hover','')"), 'inherit')


    =border-radius-all(!radius)
    :-moz-border-radius = !radius
    :-webkit-border-radius = !radius

    =border-radius(!top_left="0", !top_right="0", !bottom_left="0", !bottom_right="0")
    :-moz-border-radius-topleft = !top_left
    :-moz-border-radius-topright = !top_right
    :-moz-border-radius-bottomleft = !bottom_left
    :-moz-border-radius-bottomright = !bottom_right
    :-webkit-border-top-left-radius = !top_left
    :-webkit-border-top-right-radius = !top_right
    :-webkit-border-bottom-left-radius = !bottom_left
    :-webkit-border-bottom-right-radius = !bottom_right