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

Compare commits

base: yrzam:dca9541eee7ee75a7de73ec003fbaf5491763ef8
Branches Tags
yrzam:main
..
compare: yrzam:6654b9665c8747a123b1660aa99293506883c17c
Branches Tags
yrzam:main

No commits in common. "dca9541eee7ee75a7de73ec003fbaf5491763ef8" and "6654b9665c8747a123b1660aa99293506883c17c" have entirely different histories.
dca9541eee ... 6654b9665c

1 changed files with 11 additions and 24 deletions
Show Stats Expand all files Collapse all files

33
assets/css/home-layout.scss
View File

@ -91,27 +91,30 @@
flex-wrap: wrap; flex-wrap: wrap;
gap: 0.5rem; gap: 0.5rem;
.section-item { .section-item {
flex: 1;
white-space: nowrap; white-space: nowrap;
text-decoration: none; text-decoration: none;
box-shadow: 0 0 0.25rem rgba(0,0,0,0.5); box-shadow: 0 0 0.25rem rgba(0,0,0,0.5);
border-radius: 1rem;
border: 1px solid $color-fg-op-m;
&:hover { &:hover {
border: 1px solid $color-fg-accent; border: 1px solid $color-fg-accent;
} }
display: flex; display: block;
justify-content: center; flex: 1 0 30%;
align-items: center; border: 1px solid $color-fg-op-m;
border-radius: 1rem;
text-align: center;
padding: 1rem;
.icon { .icon {
height: 2.5rem; height: 2.5rem;
width: 2.5rem; width: 2.5rem;
vertical-align: middle;
color: $color-fg-op-m; color: $color-fg-op-m;
} }
.label { .label {
font-size: 1.3rem; font-size: 1.3rem;
font-weight: bold; font-weight: bold;
color: $color-fg-dark; color: $color-fg-dark;
vertical-align: middle;
margin: 0 0 0 0.75rem;
} }
} }
} }
@ -130,18 +133,6 @@
flex-basis: 100%; flex-basis: 100%;
} }
} }
.home-layout-container .content.home .section-list {
.section-item {
flex-wrap: wrap;
padding: 1rem 0.75rem;
.icon {
flex-basis: 100%;
}
.label {
margin: 0.25rem 0 0 0;
}
}
}
} }
@mixin media--home-content-about_vert_middle { @mixin media--home-content-about_vert_middle {
.home-layout-container { .home-layout-container {
@ -152,15 +143,11 @@
} }
} }
.home-layout-container .content.home .section-list { .home-layout-container .content.home .section-list {
.section-item { .section-item .label {
padding: 1rem;
.label {
margin: 0 0 0 0.75rem;
font-size: 1.6rem; font-size: 1.6rem;
} }
} }
} }
}
@mixin media--home-content-about_vert_middle_wide { @mixin media--home-content-about_vert_middle_wide {
.home-layout-container .content.home .section-list { .home-layout-container .content.home .section-list {
.section-item .label { .section-item .label {