hscc

Soure code of <https://hugo.soucy.cc>.
git clone git://soucy.cc/hscc.git
Log | Files | Refs

commit 6aaae9c8d2276934430bbb02af3d2d97c309ea2f
parent d783a2cf28fa80687f5ab4ac4a47f56b1c2f352a
Author: Hugo Soucy <hugo@soucy.cc>
Date:   Sun, 24 Apr 2022 20:56:36 -0400

Update style sheets

Diffstat:
Msrc/css/global/base.css | 18+++++++++++-------
Msrc/css/global/tokens/grid.css | 8+++++++-
Msrc/css/global/tokens/typography.css | 2+-
Msrc/css/modules/hcard.css | 6++++++
Msrc/css/modules/hentry.css | 13+++++++++----
Msrc/css/modules/xfn.css | 2+-
6 files changed, 35 insertions(+), 14 deletions(-)

diff --git a/src/css/global/base.css b/src/css/global/base.css @@ -4,12 +4,6 @@ font-size: var(--base-font-size); } -@media screen and (min-width: 20rem) { - :root { - font-size: calc(var(--base-font-size) + 2px); - } -} - @media screen and (min-width: 48rem) { :root { font-size: calc(var(--base-font-size) + 4px); @@ -18,7 +12,7 @@ @media screen and (min-width: 120rem) { :root { - font-size: calc(var(--base-font-size) + 12px); + font-size: calc(var(--base-font-size) + 8px); } } @@ -136,12 +130,22 @@ ul { padding-left: 1rem; } +li + li { + margin-bottom: 0; + margin-top: 0.25rem; +} + nav ol, nav ul { list-style-type: none; padding: 0; } +nav li + li { + margin-bottom: 0; + margin-top: 0; +} + svg:not(:root) { overflow: hidden; } diff --git a/src/css/global/tokens/grid.css b/src/css/global/tokens/grid.css @@ -9,5 +9,11 @@ --grid-xxl: 90rem;/*1440px/16px*/ --grid-xxl: 120rem;/*1920px/16px*/ - --grid-max-width: var(--grid-md); + --grid-max-width: 768px; +} + +@media screen and (min-width: 136rem) { + :root { + --grid-max-width: var(--grid-md); + } } diff --git a/src/css/global/tokens/typography.css b/src/css/global/tokens/typography.css @@ -1,6 +1,6 @@ /* @tokens typography */ :root { - --base-val: 14; + --base-val: 16; --base-font-family: "Ubuntu mono", monospace; --base-font-size: calc(var(--base-val) * 1px); --base-line-height: 1.6; diff --git a/src/css/modules/hcard.css b/src/css/modules/hcard.css @@ -1,5 +1,11 @@ /* @module hcard */ +#hs.hcard > * + *, +#hs.hcard .p-note > * + * { + margin-bottom: 0; + margin-top: 1.5em; +} + #hs.hcard h1 { font-family: var(--base-font-family); font-size: 1rem; diff --git a/src/css/modules/hentry.css b/src/css/modules/hentry.css @@ -1,8 +1,9 @@ /* @module hentry */ -.hentry > * + * { +.hentry > * + *:not(h1.p-name):not(h2.p-name), +.hentry .p-content > * + *:not(h1.p-name):not(h2.p-name) { margin-bottom: 0; - margin-top: calc(var(--base-space) * 6); + margin-top: 1.5em; } .hentry .p-content :last-child { @@ -13,10 +14,15 @@ word-break: break-all; } +.hentry h1.p-name .u-bookmark-of, .hentry h2.p-name .u-url { all: inherit; } +.hentry h1.p-name .u-bookmark-of:after { + display: none; +} + /* hentry in feed */ .hfeed .hentry { border-top: 1px solid var(--base-br); @@ -73,8 +79,7 @@ .hentry__categories li { display: inline-block; - margin-bottom: calc(var(--base-space) * 2); - margin-right: calc(var(--base-space) * 2); + margin: 0 calc(var(--base-space) * 2) calc(var(--base-space) * 2) 0; } .hentry__categories .p-category { diff --git a/src/css/modules/xfn.css b/src/css/modules/xfn.css @@ -1,6 +1,6 @@ /* @module xfn */ -@media screen and (min-width: 48rem) { +@media screen and (min-width: 40rem) { .xfn { columns: 2 auto; }