change the icon, the button style and text on the donation page
[people/shoehn/ipfire.org.git] / static / scss / _icons.scss
CommitLineData
d325ca78
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);
3c77f292
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;
0c707f0b
SH
70}
71
72.i_secure {
73 fill: $blue_grey_300;
d325ca78 74}