2024-01-20 13:35:43 +08:00
|
|
|
.widget-body .linklist
|
2024-01-19 23:19:25 +08:00
|
|
|
display: grid
|
|
|
|
|
grid-gap: 8px
|
|
|
|
|
|
|
|
|
|
.linklist .link
|
|
|
|
|
border-radius: $border-bar
|
|
|
|
|
color: var(--text-p2)
|
|
|
|
|
min-height: 32px
|
2024-01-20 13:35:43 +08:00
|
|
|
padding: 0 4px
|
2024-01-19 23:19:25 +08:00
|
|
|
trans1 background
|
|
|
|
|
display: flex
|
|
|
|
|
justify-content: center
|
|
|
|
|
align-items: center
|
|
|
|
|
txt-ellipsis()
|
2024-01-20 13:35:43 +08:00
|
|
|
&.active
|
|
|
|
|
background: var(--alpha50)
|
|
|
|
|
svg,img
|
|
|
|
|
filter: unset
|
2024-01-19 23:19:25 +08:00
|
|
|
|
|
|
|
|
.linklist .link span
|
|
|
|
|
padding: 0 4px
|
|
|
|
|
txt-ellipsis()
|
|
|
|
|
.linklist .link svg, .linklist .link img
|
|
|
|
|
$size = 16px
|
|
|
|
|
padding: 0 2px
|
2024-01-20 13:35:43 +08:00
|
|
|
&:not([class='active-icon'])
|
|
|
|
|
color: $color-theme
|
2024-01-19 23:19:25 +08:00
|
|
|
max-height: 18px
|
|
|
|
|
width: auto
|
|
|
|
|
filter: grayscale(100%) brightness(0.8) opacity(0.8)
|
|
|
|
|
trans1 filter
|
|
|
|
|
flex-shrink: 0
|
|
|
|
|
|
2024-01-20 13:35:43 +08:00
|
|
|
.widget-body .linklist.left
|
|
|
|
|
grid-gap: 2px
|
2024-01-19 23:19:25 +08:00
|
|
|
.linklist.left .link
|
2024-01-20 13:35:43 +08:00
|
|
|
justify-content: space-between
|
|
|
|
|
padding: 0 16px
|
2024-01-19 23:19:25 +08:00
|
|
|
img,svg
|
2024-01-20 13:35:43 +08:00
|
|
|
width: 1em
|
|
|
|
|
height: 1em
|
|
|
|
|
transform: scale(1.2)
|
2024-01-19 23:19:25 +08:00
|
|
|
span
|
|
|
|
|
padding: 0 8px
|
|
|
|
|
|
|
|
|
|
.linklist .link:hover
|
|
|
|
|
background: var(--alpha100)
|
|
|
|
|
svg
|
|
|
|
|
filter: unset
|
