mirror of
https://gitlab.com/greenleebt/business-website.git
synced 2026-08-17 16:26:16 +00:00
init
This commit is contained in:
commit
59d5238af5
89 changed files with 6040 additions and 0 deletions
50
_sass/components/_icon.scss
Normal file
50
_sass/components/_icon.scss
Normal file
|
|
@ -0,0 +1,50 @@
|
|||
///
|
||||
/// 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);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue