gitea-yuany3721/vuepress-theme-plume
1
0
Fork 1
mirror of https://github.com/pengzhanbo/vuepress-theme-plume.git synced 2026-04-23 10:58:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(plugin-md-power): improve steps styles, close #422 (#432)

Browse Source
This commit is contained in:
pengzhanbo 2025-01-21 11:57:23 +08:00 committed by GitHub
parent 1dba45f04a
commit 9c796c228f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 10 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
plugins/plugin-md-power/src/client/styles/steps.css
View File

@ -2,22 +2,20 @@
margin: 16px 0;
}
.vp-doc .vp-steps > ol,
.vp-doc .vp-steps > ul {
.vp-doc .vp-steps > :where(ol,ul) {
padding-inline-start: 0;
list-style: none;
}
.vp-doc .vp-steps > ol > li,
.vp-doc .vp-steps > ul > li {
.vp-doc .vp-steps > :where(ol,ul) > li {
position: relative;
min-height: 22px;
min-height: 28px;
padding-bottom: 1px;
padding-left: 44px;
line-height: 28px;
}
.vp-doc .vp-steps > ol > li::before,
.vp-doc .vp-steps > ul > li::before {
.vp-doc .vp-steps > :where(ol,ul) > li::before {
position: absolute;
inset-inline-start: 0;
top: 0;
@ -36,8 +34,7 @@
transition-property: color, background-color, border-color;
}
.vp-doc .vp-steps > ol > li:not(:last-of-type)::after,
.vp-doc .vp-steps > ul > li:not(:last-of-type)::after {
.vp-doc .vp-steps > :where(ol,ul) > li:not(:last-of-type)::after {
position: absolute;
inset-inline-start: 14px;
top: 34px;
@ -48,22 +45,19 @@
transition: background-color var(--vp-t-color);
}
.vp-doc .vp-steps > ol > li > :first-child,
.vp-doc .vp-steps > ul > li > :first-child {
.vp-doc .vp-steps > :where(ol,ul) > li > :first-child {
margin-top: 0;
}
.vp-doc .vp-steps > ol > li > :first-child:where(h1,h2,h3,h4,h5,h6),
.vp-doc .vp-steps > ul > li > :first-child:where(h1,h2,h3,h4,h5,h6) {
.vp-doc .vp-steps > :where(ol,ul) > li > :first-child:where(h1,h2,h3,h4,h5,h6) {
padding-top: 0;
border-top: none;
}
.vp-doc .vp-steps > ol > li > :first-child:where(p) {
.vp-doc .vp-steps > :where(ol,ul) > li > :first-child:where(p) {
line-height: 28px;
}
.vp-doc .vp-steps > ol > li + li,
.vp-doc .vp-steps > ul > li + li {
.vp-doc .vp-steps > :where(ol,ul) > li + li {
margin-top: 1px;
}