feat: 添加 is-samll for wsui-tag

afeiship · Apr 4, 2021 · ad1046e · ad1046e
1 parent 32855c0
commit ad1046e
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/__stories__/components/tag.html b/__stories__/components/tag.html
@@ -2,3 +2,10 @@
   <span class="tippy-tag">Tag1</span>
   <span class="tippy-tag">Tag2</span>
 </div>
+
+<div class="blank-10"></div>
+
+<div class="is-block">
+  <span class="tippy-tag is-small">Tag1</span>
+  <span class="tippy-tag is-small">Tag2</span>
+</div>
diff --git a/src/components/tag.scss b/src/components/tag.scss
@@ -1,8 +1,8 @@
 .#{$prefix}-tag {
   $color: #4e1cc7;
   color: $color;
-  background:  lighten($color, 50%);
-  border:1px dashed lighten($color, 40%);
+  background: lighten($color, 50%);
+  border: 1px dashed lighten($color, 40%);
   font-family: Menlo, "Dank Mono", Inconsolata, "Operator Mono", Consolas, "Andale Mono WT", "Andale Mono",
     "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono",
     "Nimbus Mono L", "Courier New", Courier, monospace;
@@ -12,7 +12,12 @@
   font-size: 14px;
   cursor: pointer;
   transition: background 0.3s;
-  &:hover{
+  &:hover {
     background: lighten($color: $color, $amount: 40%);
   }
+
+  &.is-small {
+    padding: 0.15em 0.5em;
+    font-size: 12px;
+  }
 }