Skip to content

Instantly share code, notes, and snippets.

@raank
Created October 30, 2014 13:19
Show Gist options
  • Save raank/11ea08fbe36808053ddf to your computer and use it in GitHub Desktop.
Save raank/11ea08fbe36808053ddf to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----
// _variables.scss
$cor1: #FFF;
$cor2: #000;
$cor3: blue;
// _mixins.scss
@mixin clearfix() {
&:before,
&:after {
content: " "; /* 1 */
display: table; /* 2 */
}
&:after {
clear: both;
}
}
@mixin opacity($value){
$IEValue: $value*100;
opacity: $value;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+$IEValue+")";
filter: alpha(opacity=$IEValue);
}
// _extends.scss
%bloco-azul {
background: $cor3;
@include border-radius( 4px );
text-align: center;
font-size: 12px;
color: $cor1;
&:hover {
background: $cor2;
}
}
// _home.scss
.minha-classe-demo {
width: 50%;
float: left;
@include clearfix(); // Clearfix mixin
@include opacity( 0.95 ); // Opacity mixin
@include %bloco-azul; // Extend da classe bloco-azul
}
Undefined mixin 'border-radius'.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment