devol.it/_assets/sass/components/_icon.scss

50 lines
877 B
SCSS

///
/// Forty by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Icon */
.icon {
@include icon;
border-bottom: none;
position: relative;
> .label {
display: none;
}
&.alt {
&:before {
background-color: _palette(fg-bold);
border-radius: 100%;
color: _palette(bg);
display: inline-block;
height: 2em;
line-height: 2em;
text-align: center;
width: 2em;
}
}
}
a.icon {
&.alt {
&:before {
@include vendor('transition', 'background-color #{_duration(transition)} ease-in-out');
}
&:hover {
&:before {
background-color: _palette(accent1);
}
}
&:active {
&:before {
background-color: desaturate(darken(_palette(accent1), 15), 5);
}
}
}
}