datamad2017/_sass/partials/_sprites.scss

63 lines
No EOL
1,002 B
SCSS

.logo {
background-image: url($logos-sprite);
background-repeat: no-repeat;
&.logo-dark {
background-position: 0 -1px;
}
&.logo-gray {
background-position: 0 -63px;
}
&.logo-light {
background-position: 0 -127px;
}
}
.icon {
display: inline-block;
width: 16px;
height: 16px;
cursor: pointer;
fill: $icon-fill-color;
transition: all .5s;
}
.icon-vk:hover {
fill: #4c75a3;
}
.icon-rss:hover {
fill: #f99638;
}
.icon-site:hover {
fill: #ba620b;
}
.icon-email:hover {
fill: #e34c41;
}
.icon-skype:hover {
fill: #01aef2;
}
.icon-github:hover {
fill: #464646;
}
.icon-twitter:hover {
fill: #1bb2e9;
}
.icon-youtube:hover {
fill: #cc181e;
}
.icon-facebook:hover {
fill: #3c599b;
}
.icon-pinterest:hover {
fill: #ed0103;
}
.icon-linkedin:hover {
fill: #017eb4;
}
.icon-direction:hover {
fill: #3a84df;
}
.icon-google-plus:hover {
fill: #ce352c;
}
.icon-stack-overflow:hover {
fill: #ef7c02;
}