mirror/ioccc
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve IOCCC CSS

Browse Source 
Added Left - class for placing things on the left side
Added Right - class for placing things on the left side
Added Disabled - class for making something as if the feature has been disabled

Improved Responsive Web Design, adjusted font sizes and scaling.
Now Default: screen is > 968 pixels wide (> 984 w/padding)
Adapts when screen is > 761 pixels (> 777 w/padding) AND <= 968 pixels wide (<= 984 w/padding)
Adapts when screen is > 500 pixels (> 515 w/padding) AND <= 761 pixels wide (<= 777 w/padding)
Adapts when screen is <= 500 pixels wide: (<= 515 w/padding)

Changed tmp/test,html to help test this new part of the CSS.
This commit is contained in:
Landon Curt Noll committed 2024-01-02 23:18:53 -08:00
1 parent 3dea694560
commit 36f2e202cc
2 files changed
+93 -29
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

tmp/test.html
+4 -3
View File
@@ -30,9 +30,10 @@
</div>
<div class="topnav">
<a href="#">&larr; endoh3</a>
<a href="#">&uarr; 2020 &uarr;</a>
<a href="#">ferguson2 &rarr;</a>
<a class="Left Disabled" href="#">&larr; endoh3</a>
<a class="Left" href="#">&uarr; 2020 &uarr;</a>
<a class="Left" href="#">ferguson2 &rarr;</a>
<a class="Right" href="#">Inventory</a>
</div>
<div class="row">