?@import "sprites/_webservers.png";
@import "sprites/_webservers16.png";
.ssa-icon {
position: relative;
display: inline-block;
}
.ssa-icon-grayscale {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.ssa-icon-apache24 {
@include sprite-apache24();
}
.ssa-icon-nginx24 {
@include sprite-nginx24();
}
.ssa-icon-apache16 {
@include sprite-apache16();
}
.ssa-icon-nginx16 {
@include sprite-nginx16();
}
|