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