Skip to content

Instantly share code, notes, and snippets.

@andreaseriksson
Last active December 17, 2015 11:39
Show Gist options
  • Save andreaseriksson/5604140 to your computer and use it in GitHub Desktop.
Save andreaseriksson/5604140 to your computer and use it in GitHub Desktop.
Borboun mixins
/*Linear-gradient*/
@include linear-gradient(#1e5799, #2989d8);
/*Radial-gradient*/
@include radial-gradient(#1e5799, #3dc3d1);
/*Tint & Shade*/
background: tint(red, 40%);
background: shade(blue, 60%);
/*Clearfix*/
div {
@include clearfix;
}
/*Fontface*/
font-family: $helvetica;
font-family: $georgia;
font-family: $lucida-grande;
font-family: $monospace;
font-family: $verdana;
/*HTML5 Input Types*/
#{$all-text-inputs} {
border: 1px solid green;
}
#{$all-text-inputs-hover} { // Target the :hover pseudo-class
background: yellow;
}
#{$all-text-inputs-focus} { // Target the :focus pseudo-class
background: white;
}
/*Transition*/
@include transition (all 2.0s ease-in-out);
@include transition (opacity 1.0s ease-in 0s, width 2.0s ease-in 2s);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment