Skip to content

Instantly share code, notes, and snippets.

@miguelmota
Last active December 18, 2015 06:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save miguelmota/5737521 to your computer and use it in GitHub Desktop.
Save miguelmota/5737521 to your computer and use it in GitHub Desktop.
Some helper Sass mixins.
// Some helper Sass mixins
@mixin clear() {
&:before, &:after {
content: "";
display: block;
width: 100%;
height: 0;
overflow: hidden;
}
&:after {
clear: both;
}
}
@mixin hideText() {
font: 0/0 a;
text-decoration: none;
color: transparent;
text-shadow: none;
}
@mixin vendorize($property, $value) {
-webkit-#{$property}: $value;
-moz-#{$property}: $value;
-ms-#{$property}: $value;
-o-#{$property}: $value;
#{$property}: $value;
}
@mixin hoverActiveFocus($property, $value) {
&:hover, &:active, &:focus, &:visited {
#{$property}: $value;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment