1
- .landing-container {
2
- padding : 3rem 2rem 4rem 5rem ;
3
-
4
- .loader {
5
- display : flex ;
6
- justify-content : center ;
7
- align-items : center ;
8
- height : 100vh ;
9
- }
10
-
11
- .error-message {
12
- display : flex ;
13
- justify-content : center ;
14
- align-items : center ;
15
- height : 100vh ;
16
- color : $black-3 ;
17
- font-size : 1.8rem ;
18
- background-color : $primary-color-light ;
19
- border : 1px solid $primary-color-dark ;
20
- border-radius : 0.5rem ;
21
- padding : 2rem ;
22
- }
23
- .head {
24
- display : flex ;
25
- justify-content : space-between ;
26
- align-items : center ;
27
- h1 {
28
- font-size : 3.6rem ;
29
- }
30
- }
31
-
32
- .product-list {
33
- display : grid ;
34
- grid-template-columns : repeat (auto-fill , minmax (26rem , 1fr ));
35
- gap : 1.7rem ;
36
- }
37
- }
38
-
39
- .not-found {
40
- display : flex ;
41
- align-items : center ;
42
- flex-direction : column ;
43
-
44
- .not-found-img img {
45
- width : 40vw ;
46
- }
47
- .not-found-text {
48
- font-family : $text-family ;
49
- font-weight : 700 ;
50
- font-size : 1.2rem ;
51
- margin-top : 1rem ;
52
- margin-bottom : 2rem ;
53
- text-align : center ;
54
- line-height : 1.5 ;
55
- letter-spacing : 0.05em ;
56
- color : $text2-color ;
57
- text-decoration : none ;
58
- transition : all 0.3s ease-in-out ;
59
- }
60
- .btn-link {
61
- border : none ;
62
- background-color : $primary-color ;
63
- padding : 1rem 4rem ;
64
- text-decoration : none ;
65
- color : $white-color ;
66
- font-family : $text-family ;
67
- font-weight : 700 ;
68
- font-size : 1.2rem ;
69
- border-radius : 2rem ;
70
- cursor : pointer ;
71
- }
72
-
73
- .btn-link :hover {
74
- background-color : $white-color ;
75
- color : $primary-color ;
76
- border : 1px solid $border-color ;
77
- box-shadow : 2px 2px 10px rgba (0 ,0 ,0 ,0.5 );
78
- transition : all 0.3s ease-in-out ;
79
- }
1
+ .landing-container {
2
+ padding : 3rem 2rem 4rem 5rem ;
3
+
4
+ .loader {
5
+ display : flex ;
6
+ justify-content : center ;
7
+ align-items : center ;
8
+ height : 100vh ;
9
+ }
10
+
11
+ .error-message {
12
+ display : flex ;
13
+ justify-content : center ;
14
+ align-items : center ;
15
+ height : 100vh ;
16
+ color : $black-3 ;
17
+ font-size : 1.8rem ;
18
+ background-color : $primary-color-light ;
19
+ border : 1px solid $primary-color-dark ;
20
+ border-radius : 0.5rem ;
21
+ padding : 2rem ;
22
+ }
23
+ .head {
24
+ display : flex ;
25
+ justify-content : space-between ;
26
+ align-items : center ;
27
+ h1 {
28
+ font-size : 3.6rem ;
29
+ }
30
+ }
31
+
32
+ .product-list {
33
+ display : grid ;
34
+ grid-template-columns : repeat (auto-fill , minmax (26rem , 1fr ));
35
+ gap : 1.7rem ;
36
+ }
37
+ }
38
+
39
+ .not-found {
40
+ display : flex ;
41
+ align-items : center ;
42
+ flex-direction : column ;
43
+
44
+ .not-found-img img {
45
+ width : 40vw ;
46
+ }
47
+ .not-found-text {
48
+ font-family : $text-family ;
49
+ font-weight : 700 ;
50
+ font-size : 1.2rem ;
51
+ margin-top : 1rem ;
52
+ margin-bottom : 2rem ;
53
+ text-align : center ;
54
+ line-height : 1.5 ;
55
+ letter-spacing : 0.05em ;
56
+ color : $text2-color ;
57
+ text-decoration : none ;
58
+ transition : all 0.3s ease-in-out ;
59
+ }
60
+ .btn-link {
61
+ border : none ;
62
+ background-color : $primary-color ;
63
+ padding : 1rem 4rem ;
64
+ text-decoration : none ;
65
+ color : $white-color ;
66
+ font-family : $text-family ;
67
+ font-weight : 700 ;
68
+ font-size : 1.2rem ;
69
+ border-radius : 2rem ;
70
+ cursor : pointer ;
71
+ }
72
+
73
+ .btn-link :hover {
74
+ background-color : $white-color ;
75
+ color : $primary-color ;
76
+ border : 1px solid $border-color ;
77
+ box-shadow : 2px 2px 10px rgba (0 ,0 ,0 ,0.5 );
78
+ transition : all 0.3s ease-in-out ;
79
+ }
80
80
}
0 commit comments