Skip to content

Instantly share code, notes, and snippets.

@tadywankenobi
Created March 6, 2015 13:27
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 tadywankenobi/9d5cb89d00172e8d2b02 to your computer and use it in GitHub Desktop.
Save tadywankenobi/9d5cb89d00172e8d2b02 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
.socialmedia {
$sdim : 36px;
$smargin : ($logo-height + $logo-margin - $sdim)/2;
$list : (fb #3162a2 '\f09a'), (tw #2eb1eb '\f099'), (gp #d44132 '\f0d5'), (lin #3498b9 '\f0e1');
padding:0;
margin: {
top: $smargin;
bottom:$smargin;
right: 30px;
};
float:left;
list-style:none;
li {
margin-left: 20px;
height:$sdim;
width:$sdim;
float:left;
display:inline-block;
border-radius: $sdim/2;
a {
text-indent:-9999em;
background-color: #888;
display:block;
border-radius: $sdim/2;
height:$sdim;
width:$sdim;
}
}
@each ($brand, $col, $glyph) in $list {
li.#{$brand} {
a:before {
background-color: $col;
content: "$glyph";
}
}
}
header & {
float:right;
}
}
Invalid CSS after " @each ": expected "$", was "($brand, $col, ..."
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment