DerexXD/ut-grade-distribution-viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Looks like it worked!

Browse Source
This commit is contained in:
Derek Chen
2023-07-26 19:47:51 -05:00
parent 1cf69f943b
commit 5166f4a1ad
1 changed files with 17 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
docs/main.css
View File

@@ -1,6 +1,7 @@
:root { :root {
/* Mobile */
--bg-form-padding: 3px; --bg-form-padding: 3px;
--form-padding: 3px; --about-text-padding: 3px;
--p-size: 10px; --p-size: 10px;
--label-size: 10px; --label-size: 10px;
--h1-size: 15px; --h1-size: 15px;
@@ -55,6 +56,7 @@ footer {
width: 70%; width: 70%;
margin: 0 auto; margin: 0 auto;
border-radius: 10px; border-radius: 10px;
padding: var(--about-text-padding);
} }
.bg-form { .bg-form {
@@ -67,6 +69,7 @@ footer {
height: auto; height: auto;
margin: 0 auto; margin: 0 auto;
border-radius: 10px; border-radius: 10px;
padding: var(--bg-form-padding);
} }
.chart-container { .chart-container {
@@ -76,15 +79,6 @@ footer {
width: 80vw; width: 80vw;
} }
/* Mobile */
.bg-form {
padding: 3px;
}
.about-text {
padding: 3px;
}
p { p {
font-size: var(--p-size); font-size: var(--p-size);
line-height: 1.5; line-height: 1.5;
@@ -102,49 +96,26 @@ h1 {
/* Tablet */ /* Tablet */
@media (min-width:600px) { @media (min-width:600px) {
:root {} :root {
--bg-form-padding: 15px;
.bg-form { --about-text-padding: 10px;
padding: 15px; --p-size: 14px;
} --label-size: 14px;
--h1-size: 18px;
.about-text {
padding: 10px;
}
p {
font-size: 14px;
}
label {
font-size: 14px;
}
h1 {
font-size: 18px;
} }
} }
/* Desktop */ /* Desktop */
@media (min-width:900px) { @media (min-width:900px) {
.bg-form { :root {
padding: 24px; --bg-form-padding: 24px;
} --about-text-padding: 12px;
--p-size: 16px;
.about-text { --label-size: 18px;
padding: 12px; --h1-size: 30px;
}
p {
font-size: 16px;
}
label {
font-size: 18px;
} }
h1 { h1 {
font-size: 30px;
margin: 0 0 1rem 0 margin: 0 0 1rem 0
} }
} }