]>
Commit | Line | Data |
---|---|---|
3e16d3d3 SH |
1 | // Icons |
2 | .icon { | |
3 | width: 1.5rem; | |
4 | height: 1.5rem; | |
5 | fill: currentColor; | |
6 | vertical-align: -.15rem; | |
7 | overflow: hidden; | |
8 | margin-right: .5rem; | |
9 | } | |
10 | ||
11 | .i_arrow_down { | |
12 | margin: 0; | |
13 | position: absolute; | |
14 | left: .75rem; | |
15 | top: -.25rem; | |
16 | animation: scroll 1.5s ease-in-out infinite; | |
17 | @include media-breakpoint-down(xs) { | |
18 | width: 1.75rem !important; | |
19 | height: 1.75rem !important; | |
20 | left: .25rem; | |
21 | top: -.5rem; | |
22 | } | |
23 | } | |
24 | ||
25 | .i_lg { | |
26 | width: 2.5rem; | |
27 | height: 2.5rem; | |
28 | margin: 0; | |
29 | transform: translateY(-.35rem); | |
30 | fill: $red_900; | |
31 | } | |
32 | ||
33 | .i_white { | |
34 | fill: white; | |
35 | } | |
36 | ||
37 | .i_sm { | |
38 | vertical-align: top; | |
39 | transform: translateY(-.10rem); | |
346e30de SH |
40 | } |
41 | ||
42 | .i_features { | |
43 | width: 40px; | |
44 | height: 40px; | |
45 | margin: auto; | |
46 | } | |
47 | ||
48 | .outline_i { | |
49 | border: solid 4px; | |
50 | width: 80px; | |
51 | height: 80px; | |
52 | display: flex; | |
53 | align-items: center; | |
54 | } | |
55 | ||
56 | .i_verified { | |
57 | fill: $green-600; | |
58 | } | |
59 | ||
60 | .i_warning { | |
61 | fill: $red_900; | |
62 | } | |
63 | ||
64 | .i_wifi { | |
65 | fill: $blue-700; | |
66 | } | |
67 | ||
68 | .i_server { | |
69 | fill: $amber-800; | |
83985f52 SH |
70 | } |
71 | ||
72 | .i_secure { | |
73 | fill: $blue_grey_300; | |
be02b78f SH |
74 | } |
75 | ||
76 | .i_arrow_down_2 { | |
77 | fill: white; | |
78 | opacity: .75; | |
79 | transform: translateY(3px); | |
3e16d3d3 | 80 | } |