From 4733f27fb0556362a034a00f759d83c152c3cd3a Mon Sep 17 00:00:00 2001 From: Brett Gilio Date: Wed, 21 Oct 2020 14:37:32 -0500 Subject: [PATCH] More support for webkit CSS. --- assets/org-webring.css | 44 ++++++++++++++++++++++++------------------ 1 file changed, 25 insertions(+), 19 deletions(-) diff --git a/assets/org-webring.css b/assets/org-webring.css index c1930a0..c3bfa5d 100644 --- a/assets/org-webring.css +++ b/assets/org-webring.css @@ -12,6 +12,7 @@ This file is released to the public domain. } .org-webring .org-webring-article { flex: 1 1 auto; + flex-basis: 100%; display: flex; flex-direction: column; margin: 0 0.5rem; @@ -28,6 +29,7 @@ This file is released to the public domain. .org-webring .org-webring-article-pinned { position: relative; flex: 1 1 auto; + flex-basis: 100%; display: flex; flex-direction: column; margin: 0 0.5rem; @@ -69,33 +71,35 @@ This file is released to the public domain. } @media screen and (max-width: 600px) { .org-webring .org-webring-articles { - display: flex; - flex-direction: column; + display: flex; + flex-direction: column; } } @media screen and (max-width: 600px) { .org-webring .org-webring-article { flex: 1 1 auto; - display: flex; - flex-direction: column; - margin: 0 0.5rem; - margin-bottom: 0.5rem; - padding: 0.5rem; - border: 0.1rem black solid; - border-color: black; + flex-basis: 100%; + display: flex; + flex-direction: column; + margin: 0 0.5rem; + margin-bottom: 0.5rem; + padding: 0.5rem; + border: 0.1rem black solid; + border-color: black; } .org-webring .org-webring-article-pinned { position: relative; - flex: 1 1 auto; - display: flex; - flex-direction: column; - margin: 0 0.5rem; - margin-bottom: 0.5rem; - padding: 0.5rem; - border: 0.15rem black solid; - border-color: black; - transition: 0.3s; - opacity: 1; + flex: 1 1 auto; + flex-basis: 100%; + display: flex; + flex-direction: column; + margin: 0 0.5rem; + margin-bottom: 0.5rem; + padding: 0.5rem; + border: 0.15rem black solid; + border-color: black; + transition: 0.3s; + opacity: 1; } } @@ -109,6 +113,7 @@ This file is released to the public domain. } .org-webring-planet .org-webring-article { flex: 1 1 auto; + flex-basis: 100%; display: flex; flex-direction: column; margin: 0 0.5rem; @@ -158,6 +163,7 @@ This file is released to the public domain. } .org-webring-planet .column-right { width: 100%; + margin-left: 2rem; padding-bottom: 10px; float: none; } -- 2.45.2