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

section buttons layou

Browse Source
This commit is contained in:
Yuri Zamyatin 2024-12-08 20:14:08 +00:00
parent 6654b9665c
commit 8681ac60cc
1 changed files with 24 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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