fix(root): 增加less文件的prettier格式化规则合并代码

affects: @varlet/ui
varletjs · Jan 6, 2021 · e74af2c · e74af2c
1 parent 8b4c5f8
commit e74af2c
Show file tree

Hide file tree

Showing 2 changed files with 97 additions and 88 deletions.
diff --git a/package.json b/package.json
@@ -27,7 +27,7 @@
     }
   },
   "lint-staged": {
-    "*.{ts,tsx,js,vue,scss}": "prettier --write",
+    "*.{ts,tsx,js,vue,scss,less}": "prettier --write",
     "*.{ts,tsx,js,vue}": "eslint --fix",
     "*.{vue,css,scss}": "stylelint --fix"
   },

diff --git a/packages/varlet-ui/src/badge/badge.less b/packages/varlet-ui/src/badge/badge.less
@@ -1,94 +1,103 @@
-@import "../styles/var";
+@import '../styles/var';
 
 .var {
-  &-fade-leave-to {
-    opacity: 0;
-  }
+	&-fade-leave-to {
+		opacity: 0;
+	}
 
-  &-fade-leave-active {
-    transition: opacity .3s;
-  }
+	&-fade-leave-active {
+		transition: opacity 0.3s;
+	}
 }
 
 .var-badge {
-  display: inline-block;
-  position: relative;
-  &__content {
-    color: #fff;
-    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
-    border-radius: 100px;
-    font-size: 12px;
-    padding: 2px 6px;
-    vertical-align: middle;
-    text-align: center;
-    display: inline-block;
-    //.v-icon{
-    //  font-size: 12px;
-    //  margin: 0 -2px;
-    //}
-  }
-
-  &--default {
-    background: @color-background-base;
-  }
-
-  &--primary {
-    background: @color-primary;
-  }
-
-  &--info {
-    background: @color-info;
-  }
-
-  &--warning {
-    background: @color-warning;
-  }
-
-  &--success {
-    background: @color-success;
-  }
-
-  &--danger {
-    background: @color-danger;
-  }
-  &--right-top{
-    position: absolute;
-    top: 0;
-    right: 10px;
-    transform: translateY(-50%) translateX(100%);
-  }
-  &--left-top{
-    position: absolute;
-    top: 0;
-    left: 10px;
-    transform: translateY(-50%) translateX(-100%);
-  }
-  &--right-bottom{
-    position: absolute;
-    bottom: 0;
-    right: 10px;
-    transform: translateY(50%) translateX(100%);
-  }
-  &--left-bottom{
-    position: absolute;
-    bottom: 0;
-    left: 10px;
-    transform: translateY(50%) translateX(-100%);
-  }
-  &--position{
-    border: 2px #ffffff solid;
-  }
-  &--dot {
-    box-sizing: content-box;
-    width: 8px;
-    height: 8px;
-    border-radius: 8px;
-    padding: 0;
-  }
-  &--dot-right{
-    right: 6px;
-  }
-  &--dot-left{
-    left: 6px;
-  }
+	display: inline-block;
+	position: relative;
+
+	&__content {
+		color: #fff;
+		font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
+		border-radius: 100px;
+		font-size: 12px;
+		padding: 2px 6px;
+		vertical-align: middle;
+		text-align: center;
+		display: inline-block;
+		//.v-icon{
+		//  font-size: 12px;
+		//  margin: 0 -2px;
+		//}
+	}
+
+	&--default {
+		background: @color-background-base;
+	}
+
+	&--primary {
+		background: @color-primary;
+	}
+
+	&--info {
+		background: @color-info;
+	}
+
+	&--warning {
+		background: @color-warning;
+	}
+
+	&--success {
+		background: @color-success;
+	}
+
+	&--danger {
+		background: @color-danger;
+	}
+
+	&--right-top {
+		position: absolute;
+		top: 0;
+		right: 10px;
+		transform: translateY(-50%) translateX(100%);
+	}
+
+	&--left-top {
+		position: absolute;
+		top: 0;
+		left: 10px;
+		transform: translateY(-50%) translateX(-100%);
+	}
+
+	&--right-bottom {
+		position: absolute;
+		bottom: 0;
+		right: 10px;
+		transform: translateY(50%) translateX(100%);
+	}
+
+	&--left-bottom {
+		position: absolute;
+		bottom: 0;
+		left: 10px;
+		transform: translateY(50%) translateX(-100%);
+	}
+
+	&--position {
+		border: 2px #ffffff solid;
+	}
+
+	&--dot {
+		box-sizing: content-box;
+		width: 8px;
+		height: 8px;
+		border-radius: 8px;
+		padding: 0;
+	}
+
+	&--dot-right {
+		right: 6px;
+	}
+
+	&--dot-left {
+		left: 6px;
+	}
 }