diff options
Diffstat (limited to 'assets/css/default.css')
-rw-r--r-- | assets/css/default.css | 34 |
1 files changed, 27 insertions, 7 deletions
diff --git a/assets/css/default.css b/assets/css/default.css index d2b73e3..f00a2d4 100644 --- a/assets/css/default.css +++ b/assets/css/default.css @@ -904,10 +904,15 @@ micro-summary { border-color: #eee; border-color: var(--border-lighter); display: flex; + flex-direction: column; padding: 1rem; position: relative; } +micro-author micro-summary { + flex-direction: row; +} + micro-summary:hover { background-color: #f5f9ff; background-color: var(--hover-background-alternate); @@ -964,7 +969,7 @@ micro-thumbnail figure img { } micro-content { - min-width: 0; + margin-left: 4.25rem; } micro-content ul { @@ -1025,7 +1030,7 @@ micro-metadata { color: var(--fade); display: flex; line-height: 1.4; - margin-bottom: 0.5rem; + align-items: flex-start; } micro-metadata h2 { @@ -1035,12 +1040,17 @@ micro-metadata h2 { micro-metadata header { word-break: break-all; word-break: break-word; + margin-bottom: 0.5rem; } micro-metadata header a { color: inherit; } +micro-metadata micro-thumbnail > figure { + height: 0; +} + micro-metadata header > *:not(:last-child) { margin-right: 0.5rem; } @@ -1986,6 +1996,14 @@ link-card article a { padding-left: 2rem; } +[xml-data] micro-summary { + flex-direction: row; +} + +[xml-data] micro-content { + margin-left: 0; +} + [xml-data] micro-thumbnail { display: block; } @@ -2108,12 +2126,14 @@ link-card article a { } @media screen and (max-width: 460px) { - micro-card micro-summary > micro-thumbnail { - display: none; + micro-content { + margin-left: 0; } - micro-metadata micro-thumbnail[hidden], - micro-author micro-card micro-summary > micro-thumbnail { - display: block; + micro-metadata { + align-items: center; + } + micro-metadata micro-thumbnail > figure { + height: inherit; } } |