Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Make Sass mixins out of draft CSS abstractions.

  • Loading branch information...
commit 0e7da8bfc11307f4573b7cdbb51154b3aec04069 1 parent 72c6d6d
@kangax authored
Showing with 60 additions and 17 deletions.
  1. +60 −0 css_abstractions.sass
  2. +0 −17 css_abstractions.txt
View
60 css_abstractions.sass
@@ -0,0 +1,60 @@
+/* Sass 3.x compatible */
+
+=min-height($height)
+ min-height : $height
+ height : auto !important
+ height : $height
+
+=min-width($width)
+ min-width : $width
+ width : auto !important
+ width : $width
+
+=opacity($value)
+ -ms-filter : "alpha(opacity=#{$value * 100})"
+ filter : "alpha(opacity=#{$value * 100})"
+ -moz-opacity : $value
+ -khtml-opacity : $value
+ opacity : $value
+
+=box-shadow($color, $offsetx, $offsety, $radius)
+ -moz-box-shadow : $color $offsetx $offsety $radius
+ -webkit-box-shadow : $color $offsetx $offsety $radius
+ -khtml-box-shadow : $color $offsetx $offsety $radius
+ box-shadow : $color $offsetx $offsety $radius
+
+=border-radius($radius)
+ -moz-border-radius : $radius
+ -webkit-border-radius : $radius
+ -khtml-border-radius : $radius
+ border-radius : $radius
+
+=border-top-left-radius($value)
+ -moz-border-radius-topleft : $value
+ -webkit-border-top-left-radius : $value
+ -khtml-border-top-left-radius : $value
+ border-top-left-radius : $value
+
+=border-top-right-radius($value)
+ -moz-border-radius-topright : $value
+ -webkit-border-top-right-radius : $value
+ -khtml-border-top-right-radius : $value
+ border-top-right-radius : $value
+
+=border-bottom-right-radius($value)
+ -moz-border-radius-bottomright : $value
+ -webkit-border-bottom-right-radius : $value
+ -khtml-border-bottom-right-radius : $value
+ border-bottom-right-radius : $value
+
+=border-bottom-left-radius($value)
+ -moz-border-radius-bottomleft : $value
+ -webkit-border-bottom-left-radius : $value
+ -khtml-border-bottom-left-radius : $value
+ border-bottom-left-radius : $value
+
+=user-select($value)
+ -moz-user-select : $value
+ -webkit-user-select : $value
+ -khtml-user-select : $value
+ user-select : $value
View
17 css_abstractions.txt
@@ -1,17 +0,0 @@
-// TODO: make a SaSS mixin out of this
-
-min-height: N; min-height: N; height: auto !important; height: N;
-min-width: N; min-width: N; width: auto !important; width: N;
-
-opacity: N; opacity: N; filter:alpha(opacity=N*100); -ms-filter: "alpha(opacity=N*100)"; -khtml-opacity: N; -moz-opacity: N;
-
-border-radius: N; border-radius: N; -moz-border-radius: N; -webkit-border-radius: N; -khtml-border-radius: N;
-
-border-top-left-radius: N; border-top-left-radius: N; -moz-border-radius-topleft: N; -webkit-border-top-left-radius: N; -khtml-border-top-left-radius: N;
-border-top-right-radius: N; border-top-right-radius: N; -moz-border-radius-topright: N; -webkit-border-top-right-radius: N; -khtml-border-top-right-radius: N;
-border-bottom-right-radius: N; border-bottom-right-radius: N; -moz-border-radius-bottomright: N; -webkit-border-bottom-right-radius: N; -khtml-border-bottom-right-radius: N;
-border-bottom-left-radius: N; border-bottom-left-radius: N; -moz-border-radius-bottomleft: N; -webkit-border-bottom-left-radius: N; -khtml-border-bottom-left-radius: N;
-
-box-shadow: N; box-shadow: N; -moz-box-shadow: N; -webkit-box-shadow: N; -khtml-box-shadow: N;
-
-user-select: N; user-select: N; -moz-user-select: N; -webkit-user-select: N; -khtml-user-select: N;
Please sign in to comment.
Something went wrong with that request. Please try again.