fmaury/seirdy.one
1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-10 00:12:09 +00:00
Code Issues Projects Releases Wiki Activity

remove <figure> margin, for narrow screens.

Browse source
This commit is contained in:
Rohan Kumar 2022-02-28 14:18:21 -08:00
parent d4266900c8
commit 4b79d96afe
No known key found for this signature in database
GPG key ID: 1E892DB2A5F84479
1 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
assets/css/main.css
View file

@ -18,7 +18,7 @@
* 8. dark.css changes a few colors if the browser wants dark mode.
* 9. Support unstyled lists: for webmentions, post lists, nav links.
* 10. Narrow screen optimization: less-indented blockquotes, overflow
* behavior for <pre>.
* behavior for <pre>, no figure margins.
* Everything else is browser defaults:
* default fonts, non-dark-mode colors, etc.
*/
@ -36,6 +36,10 @@ blockquote {
padding-left: 1em;
}
figure {
margin: 0;
}
/* nav links should be easy to tap with fat fingers */
nav li {
padding-right: 0.5em;
@ -43,6 +47,7 @@ nav li {
/* Lists without bullets; navlinks, posts lists, webmentions */
.unstyled-list {
margin: 0;
padding: 0;
}
@ -92,7 +97,9 @@ pre {
overflow-wrap: break-word;
}
li.u-comment.h-cite {
/* some webmentions contain full URLs, and these should be broken to fit
* the viewport on narrow screens */
.u-comment .h-cite {
overflow-wrap: break-word;
}