diff options
author | tdro <tdro@noreply.example.com> | 2023-09-10 09:15:05 -0400 |
---|---|---|
committer | tdro <tdro@noreply.example.com> | 2023-09-10 09:15:05 -0400 |
commit | 8934a7738eba3836c34c1b9369c28a42afc1c66d (patch) | |
tree | bc1606b20dcf74db814f6e44e97d9f5e7ce768e2 | |
parent | 4386b685505b0142b46a29b097dd5340b5bcfb8c (diff) | |
download | canory-8934a7738eba3836c34c1b9369c28a42afc1c66d.tar.gz canory-8934a7738eba3836c34c1b9369c28a42afc1c66d.tar.bz2 canory-8934a7738eba3836c34c1b9369c28a42afc1c66d.zip |
themes/default/layouts/partials/profile: Namespace to profile-box
-rw-r--r-- | assets/css/default.css | 35 | ||||
-rw-r--r-- | themes/default/layouts/partials/profile.html | 4 |
2 files changed, 21 insertions, 18 deletions
diff --git a/assets/css/default.css b/assets/css/default.css index 38585b1..9a29167 100644 --- a/assets/css/default.css +++ b/assets/css/default.css @@ -978,7 +978,7 @@ column-base[position="middle"] { micro-card, micro-tags, -nav + micro-header { +profile-box { display: block; } @@ -1043,6 +1043,10 @@ micro-author micro-header h2 { line-height: 1.25rem; } +micro-author micro-header h3 { + font-weight: 400; +} + micro-author micro-summary p:not(:last-child) { flex: 1.75; color: #444; @@ -1171,7 +1175,7 @@ micro-metadata-draft em { font-variant: all-small-caps; } -micro-header footer svg, +profile-box footer svg, micro-metadata header svg { height: 1rem; width: 1rem; @@ -1271,7 +1275,7 @@ anchored-liked svg { fill: #cd5c5c; } -micro-header picture[data-type="banner"] img { +profile-box picture[data-type="banner"] img { background-color: transparent; border-radius: 0.125rem; height: 10rem; @@ -1279,7 +1283,7 @@ micro-header picture[data-type="banner"] img { border: none; } -micro-header picture[data-type="profile"] img { +profile-box picture[data-type="profile"] img { border-radius: 100%; height: 8rem; margin: -4rem 2rem 0 2rem; @@ -1288,43 +1292,43 @@ micro-header picture[data-type="profile"] img { padding: 0.25rem; } -micro-header section { +profile-box section { margin: 1rem 2rem 0 2rem; line-height: 1; display: flex; align-items: baseline; } -micro-header section aside { +profile-box section aside { flex: 1; line-height: 1.25; margin-right: 1rem; display: inline; } -micro-header section p { +profile-box section p { flex: 6; } -micro-header h3 { +profile-box h3 { font-weight: 400; color: #444; color: var(--fade); } -micro-header footer, -micro-header footer code { +profile-box footer, +profile-box footer code { color: #444; color: var(--fade); } -micro-header footer { +profile-box footer { margin: 1.25rem 2rem 0.25rem 2rem; text-align: center; font-size: 95%; } -micro-header footer p { +profile-box footer p { margin: 0.75rem 0.5rem 0.25em 0; display: inline; } @@ -2305,9 +2309,8 @@ nav[hidden] { @media screen and (max-width: 920px) { nav + main, - nav + micro-header { + profile-box { margin-top: 4rem; - display: block; } column-base[position="right"] { display: none; @@ -2327,7 +2330,7 @@ nav[hidden] { micro-metadata { line-height: inherit; } - micro-header section { + profile-box section { display: block; } micro-author micro-summary { @@ -2509,7 +2512,7 @@ main > * { } tab-bar, -nav + micro-header { +profile-box { animation: paint ease-in 0.25s; } diff --git a/themes/default/layouts/partials/profile.html b/themes/default/layouts/partials/profile.html index 5d431e0..560a50f 100644 --- a/themes/default/layouts/partials/profile.html +++ b/themes/default/layouts/partials/profile.html @@ -1,6 +1,6 @@ {{- $author := partial "function-authors-data.html" . -}} -<micro-header> +<profile-box> <picture data-type="banner"> {{ partial "author-header.html" . }} </picture> @@ -37,6 +37,6 @@ <span><b>{{ with $author.feeds.rss }}{{ len . }}{{ else }} 0 {{ end }}</b> Following</span> </p> </footer> -</micro-header> +</profile-box> {{- partial "profile-tabs.html" . -}} |