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

Remove article margins on small screens.

Browse source
This commit is contained in:
voussoir 2021-11-14 17:09:12 -08:00
parent e5b415e3b8
commit b06185ce4e
No known key found for this signature in database
GPG key ID: 5F7554F8C26DACCB
1 changed files with 24 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -35,7 +35,6 @@ body
article article
{ {
width: 90%;
min-width: 10em; min-width: 10em;
max-width: 70em; max-width: 70em;
margin-left: auto; margin-left: auto;
@ -47,6 +46,30 @@ article
background-color: var(--color_bodybg); background-color: var(--color_bodybg);
} }
@media screen and (min-width: 600px)
{
article
{
width: 90%;
}
}
@media screen and (max-width: 600px)
{
article
{
width: 100%;
}
body > article:first-of-type
{
margin-top: 0;
}
body > article:last-of-type
{
margin-bottom: 0;
}
}
h1, h2, h3, h4, h5 h1, h2, h3, h4, h5
{ {
padding: 8px; padding: 8px;