Merge pull request #160 from iam4x/feature/stroke-mixn

Mixin for text stroke
stylus · Mar 24, 2014 · db6a2b9 · db6a2b9
2 parents 2c7ad09 + 22aa2b0
commit db6a2b9
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 0 deletions.
diff --git a/lib/nib/text/index.styl b/lib/nib/text/index.styl
@@ -2,3 +2,4 @@
 @import './ellipsis'
 @import './hide-text'
 @import './replace-text'
+@import './shadow-stroke'
diff --git a/lib/nib/text/shadow-stroke.styl b/lib/nib/text/shadow-stroke.styl
@@ -0,0 +1,2 @@
+shadow-stroke(n)
+  text-shadow: -1px -1px 0 n, 1px -1px 0 n, -1px 1px 0 n, 1px 1px 0 n
diff --git a/test/cases/shadow-stroke.css b/test/cases/shadow-stroke.css
@@ -0,0 +1,9 @@
+button {
+  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
+}
+button {
+  text-shadow: -1px -1px 0 rgba(0,0,0,0.5), 1px -1px 0 rgba(0,0,0,0.5), -1px 1px 0 rgba(0,0,0,0.5), 1px 1px 0 rgba(0,0,0,0.5);
+}
+button {
+  text-shadow: -1px -1px 0 #f00, 1px -1px 0 #f00, -1px 1px 0 #f00, 1px 1px 0 #f00;
+}
diff --git a/test/cases/shadow-stroke.styl b/test/cases/shadow-stroke.styl
@@ -0,0 +1,10 @@
+@import 'nib/text/shadow-stroke'
+
+button
+  shadow-stroke(#000)
+
+button
+  shadow-stroke(rgba(0, 0, 0, 0.5))
+
+button
+  shadow-stroke(red)
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		shadow-stroke(n)
		text-shadow: -1px -1px 0 n, 1px -1px 0 n, -1px 1px 0 n, 1px 1px 0 n