element-theme-zero - npm Package Compare versions

Comparing version 0.0.17 to 0.0.18

lib/panel.css

+.el-panel{background-color:#FFF}.el-panel+.el-panel{margin-top:20px}.el-panel.is-border{border:1px solid transparent;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.el-panel.is-round{border-radius:6px}.el-panel__header{-webkit-box-sizing:border-box;box-sizing:border-box;height:50px;line-height:50px;padding:8px 12px;border-bottom:1px solid transparent;border-top-right-radius:5px;border-top-left-radius:5px}.el-panel__body{padding:12px}.el-panel__body::after,.el-panel__body::before{display:table;content:""}.el-panel__body::after{clear:both}.el-panel__footer{padding:8px 12px;background-color:#F5F7FA;border-top:1px solid #DCDFE6;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.el-panel__title{height:34px;margin-top:0;margin-bottom:0;font-size:18px;line-height:34px;color:inherit}.el-panel__title>.small,.el-panel__title>.small>a,.el-panel__title>a,.el-panel__title>small,.el-panel__title>small>a{color:inherit}.el-panel--default{border-color:#DCDFE6!important}.el-panel--default .el-panel__header{color:#606266;background-color:#FFF;border-color:#DCDFE6}.el-panel--primary{border-color:#1B65B9!important}.el-panel--primary .el-panel__header{color:#e8f0f8;background-color:#1B65B9;border-color:#1B65B9}.el-panel--success{border-color:#e1f3d8!important}.el-panel--success .el-panel__header{color:#67C23A;background-color:#e1f3d8;border-color:#e1f3d8}.el-panel--warning{border-color:#faecd8!important}.el-panel--warning .el-panel__header{color:#E6A23C;background-color:#faecd8;border-color:#faecd8}.el-panel--danger{border-color:#fde2e2!important}.el-panel--danger .el-panel__header{color:#F56C6C;background-color:#fde2e2;border-color:#fde2e2}.el-panel--info{border-color:#e9e9eb!important}.el-panel--info .el-panel__header{color:#909399;background-color:#e9e9eb;border-color:#e9e9eb}

src/panel.scss

+@import 'mixins/mixins';
+@import 'mixins/utils';
+@import 'common/var';
+
+@include b(panel) {
+  background-color: $--color-white;
+
+  & + & {
+    margin-top: 20px;
+  }
+
+  @include when(border) {
+    border: 1px solid transparent;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+  }
+
+  @include when(round) {
+    border-radius: 6px;
+  }
+
+  @include e(header) {
+    box-sizing: border-box;
+    height: 50px;
+    line-height: 50px;
+    padding: 8px 12px;
+    border-bottom: 1px solid transparent;
+    border-top-right-radius: 5px;
+    border-top-left-radius: 5px;
+  }
+
+  @include e(body) {
+    padding: 12px;
+    @include utils-clearfix;
+  }
+
+  @include e(footer) {
+    padding: 8px 12px;
+    background-color: $--background-color-base;
+    border-top: 1px solid $--border-color-base;
+    border-bottom-right-radius: 5px;
+    border-bottom-left-radius: 5px;
+  }
+
+  @include e(title) {
+    height: 34px;
+    margin-top: 0;
+    margin-bottom: 0;
+    font-size: 18px;
+    line-height: 34px;
+    color: inherit;
+
+    > a,
+    > small,
+    > .small,
+    > small > a,
+    > .small > a {
+      color: inherit;
+    }
+  }
+
+  @include m(default) {
+    border-color: $--border-color-base !important;
+
+    @include e(header) {
+      color: $--color-text-regular;
+      background-color: $--color-white;
+      border-color: $--border-color-base;
+    }
+  }
+
+  @include m(primary) {
+    border-color: $--color-primary !important;
+
+    @include e(header) {
+      color: $--color-primary-light-9;
+      background-color: $--color-primary;
+      border-color: $--color-primary;
+    }
+  }
+
+  @include m(success) {
+    border-color: $--color-success-light !important;
+
+    @include e(header) {
+      color: $--color-success;
+      background-color: $--color-success-light;
+      border-color: $--color-success-light;
+    }
+  }
+
+  @include m(warning) {
+    border-color: $--color-warning-light !important;
+
+    @include e(header) {
+      color: $--color-warning;
+      background-color: $--color-warning-light;
+      border-color: $--color-warning-light;
+    }
+  }
+
+  @include m(danger) {
+    border-color: $--color-danger-light !important;
+
+    @include e(header) {
+      color: $--color-danger;
+      background-color: $--color-danger-light;
+      border-color: $--color-danger-light;
+    }
+  }
+
+  @include m(info) {
+    border-color: $--color-info-light !important;
+
+    @include e(header) {
+      color: $--color-info;
+      background-color: $--color-info-light;
+      border-color: $--color-info-light;
+    }
+  }
+}

package.json

 {
   "name": "element-theme-zero",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "description": "Element component chalk theme.",
@@ -5,0 +5,0 @@ "main": "lib/index.css",

src/index.scss

@@ -87,1 +87,2 @@ @import "./base.scss";
 @import "./query-box.scss";
+@import "./panel.scss";

No alert changes

Improved metrics

Total package byte prevSize

1238524

0.5%

Number of package files

216

0.93%

No dependency changes