Skip to content

Instantly share code, notes, and snippets.

@g12n
Created December 11, 2014 08:37
Show Gist options
  • Save g12n/84c9b77c1cd86d5b0af8 to your computer and use it in GitHub Desktop.
Save g12n/84c9b77c1cd86d5b0af8 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
<p>
test
<a> test 2</a>
</p>
// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----
//koennen wir kommentare schreiben, die nicht im CSS Landen
@import "compass";
//Variablen:
$farbe: #0af;
$farbe2:#fff;
//Mixins
@mixin linkcolors($linkcolor:$farbe){
color: $linkcolor;
&:hover{
/* im Mixin*/
color: tint($linkcolor,30%);
}
}
//Funktionen
@function tint($color1,$weight){
@return mix($color1, #fff, $weight);
}
p {
color: $farbe;
}
.test{
/*tint-funktion:*/
color: tint(#f00,50%);
@include border-radius(3px);
a {
@include linkcolors($farbe2);
}
}
.link{
@include linkcolors($farbe);
}
Invalid CSS after "...border-radius()": expected "}", was "a {"
<p>
test
<a> test 2</a>
</p>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment