0 ratings0% found this document useful (0 votes) 33 views2 pagesReact Css Styles
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content,
claim it here.
Available Formats
Download as PDF or read online on Scribd
react-thapa\src\[Link]
1) /# 2 This File contains global CSS styles that apply to the entire application. It
allows you to define styles that should be applied globally, affecting all components
within the app */
2
3 /* base rule #/
ale
5) margin: 0;
6 padding: 0;
7 box-sizing: border-box;
8 font-family: "Urbanist", sans-serif;
9)}
11) btm {
12, font-size: 62.5%;
13}
15) hd,
16, h2,
17) b3,
18) ha,
19, hS,
20 h6 {
21, color: var(-—-heading-color);
22, font-family: "Poppins", sans-serif;
23, font-weight: 900;
26}
26 hd {
27/ font-size: 3.2rem;
34 font-size: 1.8rem;
35, letter-spacing: 0.1rem;
36 color: var(--para-color);
37, Line-height: 1.
38 font-weight: 40
39 }
a1 uit
42, list-style: none;
43}
45 af
46 text-decoration: none;
47}
49) /* theme +/
50 :root {
nain-color: Ml #0062FF;
supporting-color: |] #ebf3fe; 53
54
55
56
57
58
59.
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
7
78
79
80
81
82
83
84
+
font-color: Ml #424242;
bg-color: _] #fFfffr;
heading-color: Ml #000419;
h-color: Ml #02043c;
white-color: [1 #ffffff;
test: Ml 2070101;
para-color: Ml #504e4d;
bnt-hover-bg-color: Ml #003b99;
btn-box-shadow: rgba(100, 100, 111, 0.2) @px 7px 29px Opx;
/* layout +/
-container {
max-width: 142rem;
margin: @ auto;
padding: 9.6rem 2.4rem;
sgrid {
sri
display: grid;
gap: 9.6rem;
‘two-cols {
grid-template-colurns: repeat(2, ifr);
wgrid-three--cols {
+
grid-template-columns: repeat(3, 1fr);
