deepStateMirrors/tabi
1
0
Fork 1
mirror of https://github.com/welpo/tabi.git synced 2026-04-30 03:27:19 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

redesign pin and enable pinning only in section.html

Browse source
This commit is contained in:
welpo 2024-11-13 16:12:56 +01:00
parent e7d64c2b8c
commit 48bfa5c5de
No known key found for this signature in database
GPG key ID: A2F978CF4EC1F5A6
15 changed files with 58 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

38
sass/parts/_posts_list.scss
View file

@ -3,22 +3,14 @@
grid-template-columns: 1fr 8fr;
}
.pinned-label {
display: flex;
align-items: center;
gap: 0.3rem;
}
.pinned-label svg {
width: 1rem;
height: 1rem;
}
$padding: 2.5rem;
.bloglist-meta {
display: flex;
align-items: flex-start;
background-color: var(--navbar-color);
padding-block: 2.5rem;
padding-block: $padding;
ul {
margin-inline-end: 0.7rem;
@ -45,9 +37,26 @@
.bloglist-content {
display: flex;
position: relative;
align-items: flex-start;
background-color: var(--navbar-color);
padding: 2.5rem 0;
padding: $padding 0;
.pinned-label {
display: flex;
position: absolute;
top: 0.8rem;
align-items: center;
gap: 0.3rem;
color: var(--meta-color);
font-weight: 300;
font-size: 0.8rem;
}
.pinned-label svg {
width: 0.8rem;
height: 0.8rem;
}
div {
flex: 1;
@ -136,6 +145,13 @@
padding: 0;
padding-bottom: 2rem;
.pinned-label {
position: static;
margin: 0;
margin-top: -1.9rem;
}
div {
width: 100%;
}