diff options
author | tdro <tdro@noreply.example.com> | 2023-09-09 19:12:32 -0400 |
---|---|---|
committer | tdro <tdro@noreply.example.com> | 2023-09-09 19:12:32 -0400 |
commit | 14fca032762fc1c92c3e6798aa1c628b1151d443 (patch) | |
tree | 8a0c52b33d5087d035cb777f6fe234a8cc276a5c /assets | |
parent | a625a207790a7d95357f8f16bb936e82464674d6 (diff) | |
download | canory-14fca032762fc1c92c3e6798aa1c628b1151d443.tar.gz canory-14fca032762fc1c92c3e6798aa1c628b1151d443.tar.bz2 canory-14fca032762fc1c92c3e6798aa1c628b1151d443.zip |
themes/default/layouts/_default/baseof: More granularity with header
Diffstat (limited to 'assets')
-rw-r--r-- | assets/css/default.css | 55 |
1 files changed, 24 insertions, 31 deletions
diff --git a/assets/css/default.css b/assets/css/default.css index f523fb2..c657a2a 100644 --- a/assets/css/default.css +++ b/assets/css/default.css @@ -528,10 +528,6 @@ ol[start] li:before { content: counter(list-item); } -main { - min-height: 100%; -} - main, details, summary, @@ -1076,7 +1072,6 @@ micro-thumbnail figure object { } micro-summary > article { - min-height: 100%; margin-left: 4.25rem; } @@ -1461,7 +1456,7 @@ tab-bar nav a:hover { text-decoration: underline; } -column-base[position="middle"] main > nav { +column-base[position="middle"] > nav { align-items: center; background-color: #fefefe; background-color: var(--background); @@ -1477,24 +1472,28 @@ column-base[position="middle"] main > nav { height: 4rem; } -column-base[position="middle"] main > nav section h2, -column-base[position="middle"] main > nav section small { +column-base[position="middle"] > nav section h2, +column-base[position="middle"] > nav section small { margin: 0; } micro-author micro-header > *, -column-base[position="middle"] main > nav section h2, -column-base[position="middle"] main > nav section small { +column-base[position="middle"] > nav section h2, +column-base[position="middle"] > nav section small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } -column-base[position="middle"] main > nav section { +column-base[position="middle"] > nav section { line-height: 1.25; padding: 0 0.5rem; } +column-base[position="middle"] > footer { + margin: 1rem 0.25rem; +} + column-base[position="middle"] main > footer { margin: 1rem 0; } @@ -2267,15 +2266,15 @@ link-card article a { @media screen and (max-width: 1080px) { column-base[position="left"], search-entry, - column-base[position="middle"] main > nav section { + column-base[position="middle"] > nav section { display: none; } - column-base[position="middle"] main > nav { + column-base[position="middle"] > nav { justify-content: space-between; overflow-x: auto; overflow-y: hidden; } - column-base[position="middle"] main > nav icon-navigator[hidden] { + column-base[position="middle"] > nav icon-navigator[hidden] { display: inline; } tag-deck { @@ -2284,6 +2283,9 @@ link-card article a { } @media screen and (max-width: 920px) { + nav + main { + margin-top: 4rem; + } column-base[position="right"] { display: none; } @@ -2291,7 +2293,7 @@ link-card article a { display: block; max-width: 100%; } - column-base[position="middle"] main > nav { + column-base[position="middle"] > nav { position: fixed; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2); } @@ -2317,14 +2319,6 @@ link-card article a { flex: auto; margin: 0 0 0.75rem 0; } - navigation-separator hr[hidden] { - border-color: transparent; - display: flex; - height: 0; - margin: 0; - padding-top: 4rem; - border: none; - } html { margin: 0; } @@ -2337,11 +2331,11 @@ link-card article a { tab-bar:focus, tab-bar:focus-within, tab-bar:focus-visible, - column-base[position="middle"] main > nav:active, - column-base[position="middle"] main > nav:hover, - column-base[position="middle"] main > nav:focus, - column-base[position="middle"] main > nav:focus-within, - column-base[position="middle"] main > nav:focus-visible { + column-base[position="middle"] > nav:active, + column-base[position="middle"] > nav:hover, + column-base[position="middle"] > nav:focus, + column-base[position="middle"] > nav:focus-within, + column-base[position="middle"] > nav:focus-visible { box-shadow: 1rem -0.2rem 1rem -1rem inset, -1rem -0.2rem 1rem -1rem inset; } } @@ -2373,9 +2367,8 @@ link-card article a { :target::before { display: none; } - main > footer, - column-base[position="middle"] main > nav, - navigation-separator hr[hidden] { + column-base[position="middle"] > footer, + column-base[position="middle"] > nav { display: none; } } |