From 023ea35893ed047887a43555509335eec7a8b161 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期二, 09 一月 2024 17:28:49 +0800
Subject: [PATCH] 1. 编写评估任务模块中
---
src/styles/element/base.scss | 47 ++++++++++++++++++++++++++++++++---------------
1 files changed, 32 insertions(+), 15 deletions(-)
diff --git a/src/styles/element/base.scss b/src/styles/element/base.scss
index 209bbe6..7ed2e32 100644
--- a/src/styles/element/base.scss
+++ b/src/styles/element/base.scss
@@ -51,25 +51,42 @@
background-color: aqua;
}
-//
-.p-l-8 {
- padding-left: 8px;
+/************************************** 鍐呭杈硅窛 **************************************/
+$direction: (
+ l: 'left',
+ t: 'top',
+ r: 'right',
+ b: 'bottom'
+);
+$size: (4, 8, 10, 16);
+@each $dName, $dValue in $direction {
+ @each $i in $size {
+ .p-#{$dName}-#{$i} {
+ padding-#{$dValue}: #{$i}px;
+ }
+ .m-#{$dName}-#{$i} {
+ margin-#{$dValue}: #{$i}px;
+ }
+ }
}
-.p-v-8 {
- padding: 8px 0;
+@each $i in $size {
+ .p-v-#{$i} {
+ padding: #{$i}px 0;
+ }
+ .p-h-#{$i} {
+ padding: 0 #{$i}px;
+ }
+ .m-v-#{$i} {
+ margin: #{$i}px 0;
+ }
+ .m-h-#{$i} {
+ margin: 0 #{$i}px;
+ }
}
-.m-b-8 {
- margin-bottom: 8px;
-}
-
-.m-l-4 {
- margin-left: 4px;
-}
-
-.w-150px {
- width: 290px;
+.w-300px {
+ width: 300px;
}
//
--
Gitblit v1.9.3