Sync/hugo-theme-stack
1
0
Fork 1
mirror of https://github.com/CaiJimmy/hugo-theme-stack.git synced 2025-04-29 20:13:31 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

add flex gap to section card

Browse Source
This commit is contained in:
Jimmy Cai 2022-03-03 21:42:39 +00:00 committed by GitHub
parent 6f31af8f1e
commit d7440f161f
1 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
assets/scss/partials/layout/list.scss
View File

@ -5,18 +5,14 @@
box-shadow: var(--shadow-l1); box-shadow: var(--shadow-l1);
display: flex; display: flex;
align-items: center; align-items: center;
gap: 20px;
--separation: 15px; --separation: 15px;
.section-term { .section-term {
font-size: 2.2rem; font-size: 2.2rem;
margin: 0; margin: 0;
margin-top: calc(var(--separation) / 2);
color: var(--card-text-color-main); color: var(--card-text-color-main);
& + .section-description {
margin-top: var(--separation);
}
} }
.section-description { .section-description {
@ -28,7 +24,9 @@
.section-details { .section-details {
flex-grow: 1; flex-grow: 1;
margin-right: 20px; display: flex;
flex-direction: column;
gap: 8px;
} }
.section-image { .section-image {