yrzam/yrzam-hugo-theme
1
0
Fork 0
mirror of https://github.com/yrzam/yrzam-hugo-theme.git synced 2025-04-19 04:09:10 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

css, contacts config rename and fixes

Browse Source
This commit is contained in:
Yuri Zamyatin 2024-11-26 10:09:47 +00:00
parent 614eaa5165
commit 7fccc43414
4 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
archetypes/home.md
View File

@ -8,7 +8,7 @@ image:
pgp: pgp:
fingerprint: fingerprint:
link: link:
contacts: links:
- link: - link:
icon: icon:
# ... # ...

4
assets/css/classic-layout.scss
View File

@ -120,11 +120,11 @@
.aside-container { .aside-container {
display: flex; display: flex;
.nav-block { .nav-block {
margin: $base-margin-y 0 0 $base-margin-x; margin: $base-margin-y $base-margin-x 0 $base-margin-x;
max-width: 20.5rem; max-width: 20.5rem;
min-width: 0; min-width: 0;
nav { nav {
padding: 0.5rem 0.5rem 0.5rem 0; padding: 0.5rem 0;
position: sticky; position: sticky;
top: 0; top: 0;
max-height: 100vh; max-height: 100vh;

22
assets/css/index.scss
View File

@ -93,6 +93,7 @@ p {
display: inline-block; display: inline-block;
.icon { .icon {
display: block; display: block;
text-align: center;
} }
} }
@ -110,7 +111,7 @@ article {
overflow-x: auto; overflow-x: auto;
padding: 1rem; padding: 1rem;
font-size: 0.875rem; font-size: 0.875rem;
border: 1px solid $bg-accent-color-light; border: 1px solid rgba($bg-accent-color-light,0.6);
margin: 1em 0; margin: 1em 0;
scrollbar-color: rgba($fg-accent-color, 0.2) transparent; scrollbar-color: rgba($fg-accent-color, 0.2) transparent;
&:hover { &:hover {
@ -118,11 +119,14 @@ article {
} }
transition: 0.1s all; transition: 0.1s all;
} }
h2 code, h2 > code,
p code, p > code,
li code { li > code {
color: $fg-accent-color; background: $bg-accent-color-dark;
font-weight: bold; padding: 0.1rem 0.25rem;
font-size: 0.875rem;
border: 1px solid rgba($bg-accent-color-light,0.6);
border-radius: 0.25rem;
} }
p img, p img,
li img { li img {
@ -179,7 +183,7 @@ article {
} }
} }
$base-width-with-margin: $base-width + $base-margin-x * 2; $base-width-with-margin: $base-width + $base-margin-x * 2;
$post-2col-nav-block-max-width: 20.5rem + 1rem + 0.5rem; $post-2col-nav-block-max-width: 20.5rem + 1rem * 2;
@include screen-w("less", 35rem + $base-margin-x * 2) { @include screen-w("less", 35rem + $base-margin-x * 2) {
@include media--home-content-about_vert_top(); @include media--home-content-about_vert_top();
} }
@ -196,13 +200,13 @@ $post-2col-nav-block-max-width: 20.5rem + 1rem + 0.5rem;
@include screen-w( @include screen-w(
"between", "between",
$base-width-with-margin, $base-width-with-margin,
$base-width-with-margin + $post-2col-nav-block-max-width * 2 + 5rem $base-width-with-margin + $post-2col-nav-block-max-width * 2
) { ) {
@include media--classic-main-content-post_2col_narrow(); @include media--classic-main-content-post_2col_narrow();
} }
@include screen-w( @include screen-w(
"more", "more",
$base-width-with-margin + $post-2col-nav-block-max-width * 2 + 5rem $base-width-with-margin + $post-2col-nav-block-max-width * 2
) { ) {
@include media--classic-main-content-post_2col_wide(); @include media--classic-main-content-post_2col_wide();
} }

4
layouts/_default/index.html
View File

@ -21,8 +21,8 @@
</span> </span>
</div> </div>
<div class="links"> <div class="links">
{{- range .Params.contacts -}} {{- range .Params.links -}}
<a href="{{ .link }}" class="icon-a-wrapper">{{- partial "icon.html" .icon -}}{{- print "" -}}</a> <a href="{{ .link | safeURL }}" class="icon-a-wrapper">{{- partial "icon.html" .icon -}}{{- print "" -}}</a>
{{- end -}} {{- end -}}
</div> </div>
</div> </div>