summaryrefslogtreecommitdiff
path: root/assets/css/content.css
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/content.css')
-rw-r--r--assets/css/content.css73
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;