voussoir/voussoir.net
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Replace html padding with body margin, reduce min width.

Browse source 
This looks better on my phone which was starting off in a slightly
zoomed in state.
This commit is contained in:
Ethan Dalool 2020-03-25 23:29:25 -07:00
parent 994c3b650c
commit 0cb64d0ca3
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
voussoir.net/writing/css/dark.css
View file

@ -42,8 +42,6 @@ html
height: 100vh; height: 100vh;
box-sizing: border-box; box-sizing: border-box;
padding-top: 30px;
padding-bottom: 30px;
background-color: var(--color_htmlbg); background-color: var(--color_htmlbg);
color: var(--color_maintext); color: var(--color_maintext);
@ -64,12 +62,14 @@ a
body body
{ {
width: 80%; width: 90%;
min-width: 30em; min-width: 10em;
max-width: 70em; max-width: 70em;
margin: auto; margin-left: auto;
margin-right: auto;
margin-top: 64px;
margin-bottom: 64px;
padding: 16px; padding: 16px;
padding-bottom: 64px;
box-shadow: #000 0px 0px 40px -10px; box-shadow: #000 0px 0px 40px -10px;
background-color: var(--color_bodybg); background-color: var(--color_bodybg);
} }