fix: box-sizing border-box by default
This commit is contained in:
@@ -1,30 +1,35 @@
|
|||||||
/* You can add global styles to this file, and also import other style files */
|
/* You can add global styles to this file, and also import other style files */
|
||||||
:root {
|
:root {
|
||||||
--primary: #c2185b;
|
--primary: #c2185b;
|
||||||
--primaryDark: rgb(156, 10, 69);
|
--primaryDark: rgb(156, 10, 69);
|
||||||
--secondary: #ffc107;
|
--secondary: #ffc107;
|
||||||
--primaryFont: 'Arial', Helvetica, sans-serif;
|
--primaryFont: 'Arial', Helvetica, sans-serif;
|
||||||
--secondaryFont: 'Poppins', sans-serif;
|
--secondaryFont: 'Poppins', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
html,
|
||||||
|
* {
|
||||||
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: var(--primary);
|
background-color: var(--primary);
|
||||||
font-family: var(--primaryFont);
|
font-family: var(--primaryFont);
|
||||||
}
|
}
|
||||||
|
|
||||||
h1,
|
h1,
|
||||||
h2 {
|
h2 {
|
||||||
font-family: var(--secondaryFont);
|
font-family: var(--secondaryFont);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
color: var(--primary);
|
color: var(--primary);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user