Commit 22614814 authored by Terion's avatar Terion

add some mixins

parent 774e518b
......@@ -51,3 +51,21 @@
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3) */
+transition(color 0.3s)
@content
=cover($img)
background: url($img) center no-repeat
background-size: cover
=proportional($proportion)
@extend .embed-responsive
padding-bottom: 100% / $proportion
=filter-gray
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale") /* Firefox 10+, Firefox on Android */
filter: gray /* IE6-9 */
filter: grayscale(100%)
transition: filter 0.3s, -webkit-filter 0.3s
=filter-ungray
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale")
filter: grayscale(0%)
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment