diff options
Diffstat (limited to 'assets/css/content.css')
| -rw-r--r-- | assets/css/content.css | 73 |
1 files changed, 20 insertions, 53 deletions
diff --git a/assets/css/content.css b/assets/css/content.css index b622a3f..5092bf9 100644 --- a/assets/css/content.css +++ b/assets/css/content.css @@ -151,62 +151,29 @@ aside::after { height: 0; } -/* @media (max-width: 130ch) { */ - aside { - position: relative; - margin-bottom: var(--padding-big); - margin-top: calc(var(--padding-big) + var(--arrow-size) / 2); - } - - aside::before, - aside::after { - border-right: var(--arrow-size) solid transparent; - border-left: var(--arrow-size) solid transparent; - left: 50%; - transform: translateX(-50%); - } +aside { + position: relative; + margin-bottom: var(--padding-big); + margin-top: calc(var(--padding-big) + var(--arrow-size) / 2); +} - aside::before { - border-bottom: var(--arrow-size) solid var(--border); - top: calc(var(--arrow-size) * -1); - } +aside::before, +aside::after { + border-right: var(--arrow-size) solid transparent; + border-left: var(--arrow-size) solid transparent; + left: 50%; + transform: translateX(-50%); +} - aside::after { - border-bottom: var(--arrow-size) solid var(--yellow); - top: calc(var(--arrow-size) * -1 + var(--border-width)); - } -/* } */ +aside::before { + border-bottom: var(--arrow-size) solid var(--border); + top: calc(var(--arrow-size) * -1); +} -/* @media (min-width: 130ch) { */ -/* aside { */ -/* position: absolute; */ -/* left: calc(100% + var(--padding-big)); */ -/* max-width: calc(20vw - var(--padding-big)); */ -/* transform: translateY(calc(-50% - 1lh)); */ -/* } */ -/**/ -/* aside::before, */ -/* aside::after { */ -/* content: ""; */ -/* border-top: var(--arrow-size) solid transparent; */ -/* border-bottom: var(--arrow-size) solid transparent; */ -/* position: absolute; */ -/* width: 0; */ -/* height: 0; */ -/* top: 50%; */ -/* transform: translateY(-50%); */ -/* } */ -/**/ -/* aside::before { */ -/* border-right: var(--arrow-size) solid var(--border); */ -/* left: calc(var(--arrow-size) * -1); */ -/* } */ -/**/ -/* aside::after { */ -/* border-right: var(--arrow-size) solid var(--yellow); */ -/* left: calc(var(--arrow-size) * -1 + var(--border-width)); */ -/* } */ -/* } */ +aside::after { + border-bottom: var(--arrow-size) solid var(--yellow); + top: calc(var(--arrow-size) * -1 + var(--border-width)); +} .wavy > div > span { display: inline-block; |
