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

Introducing custom properties to make responsiveness easier

Browse Source
This commit is contained in:
Derek Chen
2023-07-26 19:44:19 -05:00
parent 232f14f4b1
commit 1cf69f943b
2 changed files with 94 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/index.html
View File

@@ -52,7 +52,7 @@
<input type="text" id="courseField" name="fname" required><br><br>
<label for="courseNum">Course Number (Ex: "307"):</label>
<input type="text" id="courseNum" name="fname" required><br><br>
<label for="courseName">Course Name (Optional, useful for same-number classes Ex: UGS 303):</label>
<label for="courseName">Course Name (Optional, for same-number classes Ex: UGS 303):</label>
<input type="text" id="courseName" name="fname"><br><br>
<!-- <label for="sectionNum">Section Number (Optional, Experimental)</label>
<input type="text" id="sectionNum" name="fname" required><br><br> -->

16
docs/main.css
View File

@@ -1,3 +1,11 @@
:root {
--bg-form-padding: 3px;
--form-padding: 3px;
--p-size: 10px;
--label-size: 10px;
--h1-size: 15px;
}
body {
font-family: 'Helvetica Neue', sans-serif;
background: #1b1a2a;
@@ -78,22 +86,24 @@ footer {
}
p {
font-size: 10px;
font-size: var(--p-size);
line-height: 1.5;
margin: 0 0 1rem 0
}
label {
font-size: 10px;
font-size: var(--label-size);
}
h1 {
font-size: 15px;
font-size: var(--h1-size);
margin: 0 0 1rem 0
}
/* Tablet */
@media (min-width:600px) {
:root {}
.bg-form {
padding: 15px;
}