datat.fi/_sass/basically-basic/_icons.scss

42 lines
747 B
SCSS
Raw Normal View History

2017-03-07 23:12:17 +02:00
//
// Icons
//
.icon {
position: relative;
top: -0.05em; // fine-tune alignment
display: inline-block;
fill: currentColor;
width: 1em;
height: 1em;
line-height: 1;
vertical-align: middle;
$icons:
(bitbucket, #205081),
(codepen, #000000),
(dribbble, #ea4c89),
(email, #000000),
(facebook, #3b5998),
(flickr, #0063dc),
(github, #181717),
(gitlab, #e24329),
(googleplus, #dc4e41),
(instagram, #e4405f),
(lastfm, #d51007),
(linkedin, #0077b5),
(pinterest, #bd081c),
(rss, #ffa500),
(soundcloud, #ff3300),
(stackoverflow, #fe7a16),
(tumblr, #36465d),
(twitter, #1da1f2),
(xing, #005a5f),
(youtube, #cd201f);
@each $icon, $color in $icons {
&--#{$icon} {
fill: $color;
}
}
}