style: replace legacy padding classes with inline pixel values
Remove the unused padding.scss stylesheet and its import from the main SCSS entrypoint. Update all legacy padding utility class names across every Vue component to use inline pixel-based utility classes (such as replacing `pl-12` with `pl-[12px]`). Also clean up extraneous whitespace and line breaks in component templates for improved readability.
This commit is contained in:
duanshuwen
@@ -7,7 +7,6 @@
|
||||
@import "./height.scss";
|
||||
@import "./line-height.scss";
|
||||
@import "./margin.scss";
|
||||
@import "./padding.scss";
|
||||
@import "./font-size.scss";
|
||||
@import "./font-family.scss";
|
||||
@import "./text-align.scss";
|
||||
|
||||
@@ -1,324 +0,0 @@
|
||||
// 内边距
|
||||
.p-2 {
|
||||
padding: 2px;
|
||||
}
|
||||
.pt-2 {
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
.pb-2 {
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
.pl-2 {
|
||||
padding-left: 2px;
|
||||
}
|
||||
|
||||
.pr-2 {
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
.px-2 {
|
||||
padding-left: 2px;
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
.py-2 {
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
.p-4 {
|
||||
padding: 4px;
|
||||
}
|
||||
.pl-4 {
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
.pr-4 {
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
.pt-4 {
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.pb-4 {
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
.px-4 {
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
.py-4 {
|
||||
padding-top: 4px;
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
.p-6 {
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
.pt-6 {
|
||||
padding-top: 6px;
|
||||
}
|
||||
|
||||
.pb-6 {
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
|
||||
.pl-6 {
|
||||
padding-left: 6px;
|
||||
}
|
||||
|
||||
.pr-6 {
|
||||
padding-right: 6px;
|
||||
}
|
||||
|
||||
.px-6 {
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
}
|
||||
|
||||
.py-6 {
|
||||
padding-top: 6px;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
|
||||
.p-8 {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.pt-8 {
|
||||
padding-top: 8px;
|
||||
}
|
||||
|
||||
.pl-8 {
|
||||
padding-left: 8px;
|
||||
}
|
||||
|
||||
.pr-8 {
|
||||
padding-right: 8px;
|
||||
}
|
||||
|
||||
.pb-8 {
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
.px-8 {
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
}
|
||||
|
||||
.py-8 {
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
.p-10 {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.pt-10 {
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.pb-10 {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.pl-10 {
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.pr-10 {
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.px-10 {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.py-10 {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.p-12 {
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.pt-12 {
|
||||
padding-top: 12px;
|
||||
}
|
||||
|
||||
.pb-12 {
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
|
||||
.pl-12 {
|
||||
padding-left: 12px;
|
||||
}
|
||||
|
||||
.pr-12 {
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
||||
.px-12 {
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
||||
.py-12 {
|
||||
padding-top: 12px;
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
|
||||
.p-14 {
|
||||
padding: 14px;
|
||||
}
|
||||
.pt-14 {
|
||||
padding-top: 14px;
|
||||
}
|
||||
.pb-14 {
|
||||
padding-bottom: 14px;
|
||||
}
|
||||
.pl-14 {
|
||||
padding-left: 14px;
|
||||
}
|
||||
.pr-14 {
|
||||
padding-right: 14px;
|
||||
}
|
||||
.px-14 {
|
||||
padding-left: 14px;
|
||||
padding-right: 14px;
|
||||
}
|
||||
.py-14 {
|
||||
padding-top: 14px;
|
||||
padding-bottom: 14px;
|
||||
}
|
||||
|
||||
.p-16 {
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.pt-16 {
|
||||
padding-top: 16px;
|
||||
}
|
||||
|
||||
.pb-16 {
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
|
||||
.pl-16 {
|
||||
padding-left: 16px;
|
||||
}
|
||||
|
||||
.pr-16 {
|
||||
padding-right: 16px;
|
||||
}
|
||||
|
||||
.px-16 {
|
||||
padding-left: 16px;
|
||||
padding-right: 16px;
|
||||
}
|
||||
|
||||
.py-16 {
|
||||
padding-top: 16px;
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
|
||||
.p-18 {
|
||||
padding: 18px;
|
||||
}
|
||||
|
||||
.p-20 {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.pt-20 {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.pb-20 {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.pl-20 {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.pr-20 {
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.px-20 {
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.py-20 {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.p-24 {
|
||||
padding: 24px;
|
||||
}
|
||||
|
||||
.pt-24 {
|
||||
padding-top: 24px;
|
||||
}
|
||||
|
||||
.pb-24 {
|
||||
padding-bottom: 24px;
|
||||
}
|
||||
|
||||
.pl-24 {
|
||||
padding-left: 24px;
|
||||
}
|
||||
|
||||
.pr-24 {
|
||||
padding-right: 24px;
|
||||
}
|
||||
|
||||
.px-24 {
|
||||
padding-left: 24px;
|
||||
padding-right: 24px;
|
||||
}
|
||||
|
||||
.py-24 {
|
||||
padding-top: 24px;
|
||||
padding-bottom: 24px;
|
||||
}
|
||||
|
||||
.p-32 {
|
||||
padding: 32px;
|
||||
}
|
||||
.pt-32 {
|
||||
padding-top: 32px;
|
||||
}
|
||||
.pb-32 {
|
||||
padding-bottom: 32px;
|
||||
}
|
||||
.pl-32 {
|
||||
padding-left: 32px;
|
||||
}
|
||||
.pr-32 {
|
||||
padding-right: 32px;
|
||||
}
|
||||
.px-32 {
|
||||
padding-left: 32px;
|
||||
padding-right: 32px;
|
||||
}
|
||||
.py-32 {
|
||||
padding-top: 32px;
|
||||
padding-bottom: 32px;
|
||||
}
|
||||
|
||||
.pb-safe-area {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
Reference in New Issue
Block a user