vft 0.0.142 → 0.0.144

package/theme-style/src/md-container.scss

@@ -10,7 +10,7 @@ $name: md-container;
 @function getCompCssVar($value) {
   @return getCssVar($name, $value);
 }
-
+/* stylelint-disable no-invalid-position-at-import-rule */
 @include b($name) {
   // 链接
   @import 'md/link';
@@ -32,11 +32,51 @@ $name: md-container;
   // 任务列表
   @import 'md/tasklist';
   @import 'md/figure';
-
   @import 'md/api';
 
   -webkit-font-smoothing: antialiased;
   padding: 20px 30px;
+  height: 100%;
+
+  @include overlay;
+  @include scroll-bar(getCompCssVar('primary-color'));
+
+  @include e(header) {
+    max-width: getCompCssVar('content-max-width');
+    min-width: 300px;
+    // 标题
+    @include e(title) {
+      padding-top: 10px !important;
+    }
+    // 标题
+    @include e(infos) {
+      // color: getCompCssVar('theme-color');
+    }
+
+    .info-container {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin: 20px 0;
+
+      .infos {
+        display: flex;
+        justify-content: flex-start;
+        font-size: 12px;
+        color: getCssVar('info-color-light');
+
+        .#{$namespace}-icon {
+          color: inherit;
+          font-size: inherit !important;
+        }
+      }
+    }
+  }
+  // md content
+  @include e(content) {
+    max-width: getCompCssVar('content-max-width');
+    min-width: 300px;
+  }
 
   .demo-container {
     border: getCssVar('border');
@@ -46,6 +86,7 @@ $name: md-container;
 
       .action {
         position: relative;
+
         .expand {
           cursor: pointer;
           position: absolute;
@@ -54,7 +95,9 @@ $name: md-container;
           height: 40px;
           width: 40px;
           border-radius: 4px;
-          @include flex-center();
+
+          @include flex-center;
+
           &:hover {
             background-color: #c3def3;
           }
@@ -87,7 +130,7 @@ $name: md-container;
   }
 
   hr {
-    transition: border-top-color .3s ease;
+    transition: border-top-color 0.3s ease;
     border: 0;
     border-top: 1px solid #eaecef;
     margin: 8px 0;
@@ -99,12 +142,12 @@ $name: md-container;
     opacity: 0;
   }
 
-  //img {
+  // img {
   //  display: block;
   //  border-radius: 4px;
   //  max-width: 100%;
   //  margin: 8px 0;
-  //}
+  // }
 
   em {
     font-size: 12px;
@@ -123,78 +166,45 @@ $name: md-container;
     cursor: pointer;
   }
 
-  height: 100%;
-  @include overlay();
-  @include scroll-bar(getCompCssVar('primary-color'));
-
-  @include e(header) {
-    max-width: getCompCssVar('content-max-width');
-    min-width: 300px;
-    // 标题
-    @include e(title) {
-      padding-top: 10px !important;
-    }
-    // 标题
-    @include e(infos) {
-      //color: getCompCssVar('theme-color');
-    }
-
-    .info-container {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      margin: 20px 0;
-
-      .infos {
-        display: flex;
-        justify-content: flex-start;
-        font-size: 12px;
-        color: getCssVar('info-color-light');
-
-        .#{$namespace}-icon {
-          color: inherit;
-          font-size: inherit !important;
-        }
-      }
-    }
-  }
-
   .reading {
     display: flex;
     align-items: center;
     font-size: 14px;
   }
-  // md content
-  @include e(content) {
-    max-width: getCompCssVar('content-max-width');
-    min-width: 300px;
-  }
 
   .icon-reading {
-    @include icon-common($icon-reading)
+    @include icon-common($icon-reading);
   }
+
   .icon-category {
-    @include icon-common($icon-category)
+    @include icon-common($icon-category);
   }
+
   .icon-date {
-    @include icon-common($icon-date)
+    @include icon-common($icon-date);
   }
+
   .icon-jsfiddle {
-    @include icon-common($icon-jsfiddle)
+    @include icon-common($icon-jsfiddle);
   }
+
   .icon-codepen {
-    @include icon-common($icon-codepen)
+    @include icon-common($icon-codepen);
   }
+
   .icon-expand-alt {
-    @include icon-common($icon-expand-alt)
+    @include icon-common($icon-expand-alt);
   }
+
   .icon-collapse-alt {
-    @include icon-common($icon-collapse-alt)
+    @include icon-common($icon-collapse-alt);
   }
+
   .icon-clock {
-    @include icon-common($icon-clock)
+    @include icon-common($icon-clock);
   }
+
   .icon-calendar {
-    @include icon-common($icon-calendar)
+    @include icon-common($icon-calendar);
   }
 }

package/theme-style/src/md-tabs.scss

@@ -14,53 +14,41 @@ $name: md-tabs;
 
   .tab-list-nav {
     overflow-x: auto;
-
     margin: 0;
     padding: 0;
     border-radius: 8px 8px 0 0;
-
     background: #e0e0e0;
     list-style: none;
-
     white-space: nowrap;
-
     transition: getCssVar(transition-all);
-
   }
 
   .tab-list-nav-item {
-    @include button-reset;
-
     position: relative;
-
     min-width: 4rem;
     margin: 0;
     padding: 0.5em 1em;
     border-radius: 8px 8px 0 0;
-
     background: transparent;
     color: #2c3e50;
-
     font-weight: 600;
     font-size: 0.85em;
     line-height: 1.75;
-
     cursor: pointer;
-
     transition: getCssVar(transition-all);
 
+    @include button-reset;
+
     &:hover {
       background: var(--tab-nav-hover-color);
     }
 
     &::before,
     &::after {
-      content: " ";
-
+      content: ' ';
       position: absolute;
       bottom: 0;
       z-index: 1;
-
       width: 8px;
       height: 8px;
     }
@@ -78,17 +66,17 @@ $name: md-tabs;
 
       &::before {
         background: radial-gradient(
-            16px at left top,
-            transparent 50%,
-            white 50%
+          16px at left top,
+          transparent 50%,
+          white 50%
         );
       }
 
       &::after {
         background: radial-gradient(
-            16px at right top,
-            transparent 50%,
-            white 50%
+          16px at right top,
+          transparent 50%,
+          white 50%
         );
       }
     }
@@ -111,4 +99,3 @@ $name: md-tabs;
     }
   }
 }
-