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

44 lines
941 B
SCSS
Raw Normal View History

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