added box-shadow mixin. Added shadow to the gravatar in homepage.
[theme-danix.xyz.git] / assets / sass / components / _icon.scss
CommitLineData
748286b5 1///\r
2/// Forty by HTML5 UP\r
3/// html5up.net | @ajlkn\r
4/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
5///\r
6\r
7/* Icon */\r
8\r
9 .icon {\r
10 @include icon;\r
11 border-bottom: none;\r
12 position: relative;\r
13\r
14 > .label {\r
15 display: none;\r
16 }\r
17\r
18 &:before {\r
19 line-height: inherit;\r
20 }\r
21\r
22 &.solid {\r
23 &:before {\r
24 font-weight: 900;\r
25 }\r
26 }\r
27\r
28 &.brands {\r
29 &:before {\r
30 font-family: 'Font Awesome 5 Brands';\r
31 }\r
32 }\r
33\r
34 &.alt {\r
35 &:before {\r
36 background-color: _palette(fg-bold);\r
37 border-radius: 100%;\r
38 color: _palette(bg);\r
39 display: inline-block;\r
40 height: 2em;\r
41 line-height: 2em;\r
42 text-align: center;\r
43 width: 2em;\r
44 }\r
45 }\r
46 }\r
47\r
48 a.icon {\r
49 &.alt {\r
50 &:before {\r
51 @include vendor('transition', 'background-color #{_duration(transition)} ease-in-out');\r
52 }\r
53\r
54 &:hover {\r
55 &:before {\r
56 background-color: _palette(accent1);\r
57 }\r
58 }\r
59\r
60 &:active {\r
61 &:before {\r
62 background-color: desaturate(darken(_palette(accent1), 15), 5);\r
63 }\r
64 }\r
65 }\r
66 }