42 lines
903 B
SCSS
42 lines
903 B
SCSS
/* ==========================================================================
|
|
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;
|
|
}
|
|
}
|
|
} |