luss - npm Package Compare versions

Comparing version 3.0.3 to 3.0.4

dist/lite.css

@@ -1,1 +0,1 @@
-.flex{display:flex;align-items:center;justify-content:flex-start}.flex.inline{display:inline-flex}.flex.inline.fix{margin-top:-.14em}.flex.column{flex-direction:column}.flex.jc-start{justify-content:flex-start}.flex.jc-center{justify-content:center}.flex.jc-end{justify-content:flex-end}.flex.jc-between{justify-content:space-between}.flex.jc-around{justify-content:space-around}.flex.between{justify-content:space-between}.flex.around{justify-content:space-around}.flex.ai-start{align-items:flex-start}.flex.ai-center{align-items:center}.flex.ai-end{align-items:flex-end}.flex.ai-stretch{align-items:stretch}.flex.ac-start{align-content:flex-start}.flex.ac-center{align-content:center}.flex.ac-end{align-content:flex-end}.flex.ac-between{align-content:space-between}.flex.ac-around{align-content:space-around}.flex.ac-stretch{align-content:stretch}.flex.wrap{flex-wrap:wrap}.flex.wrap-rev{flex-wrap:wrap-reverse}.flex.wrap-no{flex-wrap:nowrap}.flex.wrap-in{flex-wrap:inherit}.flex.wrap-un{flex-wrap:unset}.as-start{align-self:flex-start}.as-center{align-self:center}.as-end{align-self:flex-end}.as-stretch{align-self:stretch}.fx1{flex:1}.fx2{flex:2}.fx3{flex:3}.fx4{flex:4}.fx5{flex:5}.of.h{overflow:hidden}.of.ya{overflow-y:auto}.of.xa{overflow-x:auto}
+.flex{display:flex;align-items:center;justify-content:flex-start}.flex.inline{display:inline-flex}.flex.inline.fix{margin-top:-.14em}.flex.column{flex-direction:column}.flex.jc-start{justify-content:flex-start}.flex.jc-center{justify-content:center}.flex.jc-end{justify-content:flex-end}.flex.jc-between{justify-content:space-between}.flex.jc-around{justify-content:space-around}.flex.between{justify-content:space-between}.flex.around{justify-content:space-around}.flex.ai-start{align-items:flex-start}.flex.ai-center{align-items:center}.flex.ai-end{align-items:flex-end}.flex.ai-stretch{align-items:stretch}.flex.ac-start{align-content:flex-start}.flex.ac-center{align-content:center}.flex.ac-end{align-content:flex-end}.flex.ac-between{align-content:space-between}.flex.ac-around{align-content:space-around}.flex.ac-stretch{align-content:stretch}.flex.wrap{flex-wrap:wrap}.flex.wrap-rev{flex-wrap:wrap-reverse}.flex.wrap-no{flex-wrap:nowrap}.flex.wrap-in{flex-wrap:inherit}.flex.wrap-un{flex-wrap:unset}.as-start{align-self:flex-start}.as-center{align-self:center}.as-end{align-self:flex-end}.as-stretch{align-self:stretch}.fx1{flex:1}.fx2{flex:2}.fx3{flex:3}.fx4{flex:4}.fx5{flex:5}.of.h{overflow:hidden}.of.ya{overflow-y:auto}.of.xa{overflow-x:auto}.bg-icon{background-repeat:no-repeat;background-position:50% 50%}.noselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}.txcut{overflow:hidden;-text-overflow:ellipsis;white-space:nowrap}.ib{display:inline-block}.ib-i{display:inline-block!important}.db{display:block}.db-i{display:block!important}.center{margin-left:auto;margin-right:auto}.center-i{margin-left:auto!important;margin-right:auto!important}.v-hide{top:-50px;left:-50px;position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.v-hide-i{top:-50px!important;left:-50px!important;position:absolute!important;clip:rect(1px 1px 1px 1px)!important;clip:rect(1px,1px,1px,1px)!important}.center{margin-left:auto;margin-right:auto}.center-i{margin-left:auto!important;margin-right:auto!important}.tr{text-align:right}.tr-i{text-align:right!important}.tc{text-align:center}.tc-i{text-align:center!important}.tl{text-align:left}.tl-i{text-align:left!important}.pa{position:absolute}.pa-i{position:absolute!important}.pr{position:relative}.pr-i{position:relative!important}.ps{position:static}.ps-i{position:static!important}.db{display:block}.db-i{display:block!important}.di{display:inline}.di-i{display:inline!important}.dib{display:inline-block}.dib-i{display:inline-block!important}.cp{cursor:pointer}.cp-i{cursor:pointer!important}.cd{cursor:default}.cd-i{cursor:default!important}.bbox{box-sizing:border-box}.bbox-i{box-sizing:border-box!important}.cbox{box-sizing:content-box}.cbox-i{box-sizing:content-box!important}.wnw{white-space:nowrap}.wnw-i{white-space:nowrap!important}.wnn{white-space:normal}.wnn-i{white-space:normal!important}.hide{display:none}.hide-i{display:none!important}.bg-coveride{background-size:cover}.bg-coveride-i{background-size:cover!important}.background-size{background-size:contain}.background-size-i{background-size:contain!important}.fit-cover{object-fit:cover}.fit-cover-i{object-fit:cover!important}.fit-contain{object-fit:contain}.fit-contain-i{object-fit:contain!important}.ts-late-x--50p{transform:translateX(-50%)}.ts-late-x--50p-i{transform:translateX(-50%)!important}.ts-late-y--50p{transform:translateY(-50%)}.ts-late-y--50p-i{transform:translateY(-50%)!important}.bd1px{border-width:1px;border-style:solid}.h0px{height:0}.h0px-i{height:0!important}.w0px{height:0}.w0px-i{height:0!important}.bt0px{border-top-width:0}.bt0px-i{border-top-width:0!important}.br0px{border-right-width:0}.br0px-i{border-right-width:0!important}.bb0px{border-bottom-width:0}.bb0px-i{border-bottom-width:0!important}.bl0px{border-left-width:0}.bl0px-i{border-left-width:0!important}.b0px{border-width:0}.b0px-i{border-width:0!important}.s0px{width:0;height:0}.s0px-i{width:0!important;height:0!important}.h1px{height:1px}.h1px-i{height:1px!important}.w1px{height:1px}.w1px-i{height:1px!important}.bt1px{border-top-width:1px}.bt1px-i{border-top-width:1px!important}.br1px{border-right-width:1px}.br1px-i{border-right-width:1px!important}.bb1px{border-bottom-width:1px}.bb1px-i{border-bottom-width:1px!important}.bl1px{border-left-width:1px}.bl1px-i{border-left-width:1px!important}.b1px{border-width:1px}.b1px-i{border-width:1px!important}.s1px{width:1px;height:1px}.s1px-i{width:1px!important;height:1px!important}.h2px{height:2px}.h2px-i{height:2px!important}.w2px{height:2px}.w2px-i{height:2px!important}.bt2px{border-top-width:2px}.bt2px-i{border-top-width:2px!important}.br2px{border-right-width:2px}.br2px-i{border-right-width:2px!important}.bb2px{border-bottom-width:2px}.bb2px-i{border-bottom-width:2px!important}.bl2px{border-left-width:2px}.bl2px-i{border-left-width:2px!important}.b2px{border-width:2px}.b2px-i{border-width:2px!important}.s2px{width:2px;height:2px}.s2px-i{width:2px!important;height:2px!important}.h3px{height:3px}.h3px-i{height:3px!important}.w3px{height:3px}.w3px-i{height:3px!important}.bt3px{border-top-width:3px}.bt3px-i{border-top-width:3px!important}.br3px{border-right-width:3px}.br3px-i{border-right-width:3px!important}.bb3px{border-bottom-width:3px}.bb3px-i{border-bottom-width:3px!important}.bl3px{border-left-width:3px}.bl3px-i{border-left-width:3px!important}.b3px{border-width:3px}.b3px-i{border-width:3px!important}.s3px{width:3px;height:3px}.s3px-i{width:3px!important;height:3px!important}.h4px{height:4px}.h4px-i{height:4px!important}.w4px{height:4px}.w4px-i{height:4px!important}.bt4px{border-top-width:4px}.bt4px-i{border-top-width:4px!important}.br4px{border-right-width:4px}.br4px-i{border-right-width:4px!important}.bb4px{border-bottom-width:4px}.bb4px-i{border-bottom-width:4px!important}.bl4px{border-left-width:4px}.bl4px-i{border-left-width:4px!important}.b4px{border-width:4px}.b4px-i{border-width:4px!important}.s4px{width:4px;height:4px}.s4px-i{width:4px!important;height:4px!important}.h5px{height:5px}.h5px-i{height:5px!important}.w5px{height:5px}.w5px-i{height:5px!important}.bt5px{border-top-width:5px}.bt5px-i{border-top-width:5px!important}.br5px{border-right-width:5px}.br5px-i{border-right-width:5px!important}.bb5px{border-bottom-width:5px}.bb5px-i{border-bottom-width:5px!important}.bl5px{border-left-width:5px}.bl5px-i{border-left-width:5px!important}.b5px{border-width:5px}.b5px-i{border-width:5px!important}.s5px{width:5px;height:5px}.s5px-i{width:5px!important;height:5px!important}.b-solid{brder-style:solid}.b-solid-i{brder-style:solid!important}.b-dotted{brder-style:dotted}.b-dotted-i{brder-style:dotted!important}.b-dashed{brder-style:dashed}.b-dashed-i{brder-style:dashed!important}.b-double{brder-style:double}.b-double-i{brder-style:double!important}.h-auto{height:auto}.h-auto-i{height:auto!important}.w-auto{width:auto}.w-auto-i{width:auto!important}.bg-size-cover{background-size:cover}.bg-size-cover-i{background-size:cover!important}.bg-size-contain{background-size:contain}.bg-size-contain-i{background-size:contain!important}.bg-size-100p{background-size:100% 100%}.bg-size-100p-i{background-size:100% 100%!important}

dist/lite.uncompressed.css

@@ -117,1 +117,549 @@ .flex {
 }
+.bg-icon {
+  background-repeat: no-repeat;
+  background-position: 50% 50%;
+}
+.noselect {
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  -khtml-user-select: none;
+  user-select: none;
+}
+.txcut {
+  overflow: hidden;
+  -text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.ib {
+  display: inline-block;
+}
+.ib-i {
+  display: inline-block !important;
+}
+.db {
+  display: block;
+}
+.db-i {
+  display: block !important;
+}
+.center {
+  margin-left: auto;
+  margin-right: auto;
+}
+.center-i {
+  margin-left: auto !important;
+  margin-right: auto !important;
+}
+.v-hide {
+  top: -50px;
+  left: -50px;
+  position: absolute;
+  clip: rect(1px 1px 1px 1px);
+  clip: rect(1px, 1px, 1px, 1px);
+}
+.v-hide-i {
+  top: -50px !important;
+  left: -50px !important;
+  position: absolute !important;
+  clip: rect(1px 1px 1px 1px) !important;
+  clip: rect(1px, 1px, 1px, 1px) !important;
+}
+.center {
+  margin-left: auto;
+  margin-right: auto;
+}
+.center-i {
+  margin-left: auto !important;
+  margin-right: auto !important;
+}
+.tr {
+  text-align: right;
+}
+.tr-i {
+  text-align: right !important;
+}
+.tc {
+  text-align: center;
+}
+.tc-i {
+  text-align: center !important;
+}
+.tl {
+  text-align: left;
+}
+.tl-i {
+  text-align: left !important;
+}
+.pa {
+  position: absolute;
+}
+.pa-i {
+  position: absolute !important;
+}
+.pr {
+  position: relative;
+}
+.pr-i {
+  position: relative !important;
+}
+.ps {
+  position: static;
+}
+.ps-i {
+  position: static !important;
+}
+.db {
+  display: block;
+}
+.db-i {
+  display: block !important;
+}
+.di {
+  display: inline;
+}
+.di-i {
+  display: inline !important;
+}
+.dib {
+  display: inline-block;
+}
+.dib-i {
+  display: inline-block !important;
+}
+.cp {
+  cursor: pointer;
+}
+.cp-i {
+  cursor: pointer !important;
+}
+.cd {
+  cursor: default;
+}
+.cd-i {
+  cursor: default !important;
+}
+.bbox {
+  box-sizing: border-box;
+}
+.bbox-i {
+  box-sizing: border-box !important;
+}
+.cbox {
+  box-sizing: content-box;
+}
+.cbox-i {
+  box-sizing: content-box !important;
+}
+.wnw {
+  white-space: nowrap;
+}
+.wnw-i {
+  white-space: nowrap !important;
+}
+.wnn {
+  white-space: normal;
+}
+.wnn-i {
+  white-space: normal !important;
+}
+.hide {
+  display: none;
+}
+.hide-i {
+  display: none !important;
+}
+.bg-coveride {
+  background-size: cover;
+}
+.bg-coveride-i {
+  background-size: cover !important;
+}
+.background-size {
+  background-size: contain;
+}
+.background-size-i {
+  background-size: contain !important;
+}
+.fit-cover {
+  object-fit: cover;
+}
+.fit-cover-i {
+  object-fit: cover !important;
+}
+.fit-contain {
+  object-fit: contain;
+}
+.fit-contain-i {
+  object-fit: contain !important;
+}
+.ts-late-x--50p {
+  transform: translateX(-50%);
+}
+.ts-late-x--50p-i {
+  transform: translateX(-50%) !important;
+}
+.ts-late-y--50p {
+  transform: translateY(-50%);
+}
+.ts-late-y--50p-i {
+  transform: translateY(-50%) !important;
+}
+.bd1px {
+  border-width: 1px;
+  border-style: solid;
+}
+.h0px {
+  height: 0px;
+}
+.h0px-i {
+  height: 0px !important;
+}
+.w0px {
+  height: 0px;
+}
+.w0px-i {
+  height: 0px !important;
+}
+.bt0px {
+  border-top-width: 0px;
+}
+.bt0px-i {
+  border-top-width: 0px !important;
+}
+.br0px {
+  border-right-width: 0px;
+}
+.br0px-i {
+  border-right-width: 0px !important;
+}
+.bb0px {
+  border-bottom-width: 0px;
+}
+.bb0px-i {
+  border-bottom-width: 0px !important;
+}
+.bl0px {
+  border-left-width: 0px;
+}
+.bl0px-i {
+  border-left-width: 0px !important;
+}
+.b0px {
+  border-width: 0px;
+}
+.b0px-i {
+  border-width: 0px !important;
+}
+.s0px {
+  width: 0px;
+  height: 0px;
+}
+.s0px-i {
+  width: 0px !important;
+  height: 0px !important;
+}
+.h1px {
+  height: 1px;
+}
+.h1px-i {
+  height: 1px !important;
+}
+.w1px {
+  height: 1px;
+}
+.w1px-i {
+  height: 1px !important;
+}
+.bt1px {
+  border-top-width: 1px;
+}
+.bt1px-i {
+  border-top-width: 1px !important;
+}
+.br1px {
+  border-right-width: 1px;
+}
+.br1px-i {
+  border-right-width: 1px !important;
+}
+.bb1px {
+  border-bottom-width: 1px;
+}
+.bb1px-i {
+  border-bottom-width: 1px !important;
+}
+.bl1px {
+  border-left-width: 1px;
+}
+.bl1px-i {
+  border-left-width: 1px !important;
+}
+.b1px {
+  border-width: 1px;
+}
+.b1px-i {
+  border-width: 1px !important;
+}
+.s1px {
+  width: 1px;
+  height: 1px;
+}
+.s1px-i {
+  width: 1px !important;
+  height: 1px !important;
+}
+.h2px {
+  height: 2px;
+}
+.h2px-i {
+  height: 2px !important;
+}
+.w2px {
+  height: 2px;
+}
+.w2px-i {
+  height: 2px !important;
+}
+.bt2px {
+  border-top-width: 2px;
+}
+.bt2px-i {
+  border-top-width: 2px !important;
+}
+.br2px {
+  border-right-width: 2px;
+}
+.br2px-i {
+  border-right-width: 2px !important;
+}
+.bb2px {
+  border-bottom-width: 2px;
+}
+.bb2px-i {
+  border-bottom-width: 2px !important;
+}
+.bl2px {
+  border-left-width: 2px;
+}
+.bl2px-i {
+  border-left-width: 2px !important;
+}
+.b2px {
+  border-width: 2px;
+}
+.b2px-i {
+  border-width: 2px !important;
+}
+.s2px {
+  width: 2px;
+  height: 2px;
+}
+.s2px-i {
+  width: 2px !important;
+  height: 2px !important;
+}
+.h3px {
+  height: 3px;
+}
+.h3px-i {
+  height: 3px !important;
+}
+.w3px {
+  height: 3px;
+}
+.w3px-i {
+  height: 3px !important;
+}
+.bt3px {
+  border-top-width: 3px;
+}
+.bt3px-i {
+  border-top-width: 3px !important;
+}
+.br3px {
+  border-right-width: 3px;
+}
+.br3px-i {
+  border-right-width: 3px !important;
+}
+.bb3px {
+  border-bottom-width: 3px;
+}
+.bb3px-i {
+  border-bottom-width: 3px !important;
+}
+.bl3px {
+  border-left-width: 3px;
+}
+.bl3px-i {
+  border-left-width: 3px !important;
+}
+.b3px {
+  border-width: 3px;
+}
+.b3px-i {
+  border-width: 3px !important;
+}
+.s3px {
+  width: 3px;
+  height: 3px;
+}
+.s3px-i {
+  width: 3px !important;
+  height: 3px !important;
+}
+.h4px {
+  height: 4px;
+}
+.h4px-i {
+  height: 4px !important;
+}
+.w4px {
+  height: 4px;
+}
+.w4px-i {
+  height: 4px !important;
+}
+.bt4px {
+  border-top-width: 4px;
+}
+.bt4px-i {
+  border-top-width: 4px !important;
+}
+.br4px {
+  border-right-width: 4px;
+}
+.br4px-i {
+  border-right-width: 4px !important;
+}
+.bb4px {
+  border-bottom-width: 4px;
+}
+.bb4px-i {
+  border-bottom-width: 4px !important;
+}
+.bl4px {
+  border-left-width: 4px;
+}
+.bl4px-i {
+  border-left-width: 4px !important;
+}
+.b4px {
+  border-width: 4px;
+}
+.b4px-i {
+  border-width: 4px !important;
+}
+.s4px {
+  width: 4px;
+  height: 4px;
+}
+.s4px-i {
+  width: 4px !important;
+  height: 4px !important;
+}
+.h5px {
+  height: 5px;
+}
+.h5px-i {
+  height: 5px !important;
+}
+.w5px {
+  height: 5px;
+}
+.w5px-i {
+  height: 5px !important;
+}
+.bt5px {
+  border-top-width: 5px;
+}
+.bt5px-i {
+  border-top-width: 5px !important;
+}
+.br5px {
+  border-right-width: 5px;
+}
+.br5px-i {
+  border-right-width: 5px !important;
+}
+.bb5px {
+  border-bottom-width: 5px;
+}
+.bb5px-i {
+  border-bottom-width: 5px !important;
+}
+.bl5px {
+  border-left-width: 5px;
+}
+.bl5px-i {
+  border-left-width: 5px !important;
+}
+.b5px {
+  border-width: 5px;
+}
+.b5px-i {
+  border-width: 5px !important;
+}
+.s5px {
+  width: 5px;
+  height: 5px;
+}
+.s5px-i {
+  width: 5px !important;
+  height: 5px !important;
+}
+.b-solid {
+  brder-style: solid;
+}
+.b-solid-i {
+  brder-style: solid !important;
+}
+.b-dotted {
+  brder-style: dotted;
+}
+.b-dotted-i {
+  brder-style: dotted !important;
+}
+.b-dashed {
+  brder-style: dashed;
+}
+.b-dashed-i {
+  brder-style: dashed !important;
+}
+.b-double {
+  brder-style: double;
+}
+.b-double-i {
+  brder-style: double !important;
+}
+.h-auto {
+  height: auto;
+}
+.h-auto-i {
+  height: auto !important;
+}
+.w-auto {
+  width: auto;
+}
+.w-auto-i {
+  width: auto !important;
+}
+.bg-size-cover {
+  background-size: cover;
+}
+.bg-size-cover-i {
+  background-size: cover !important;
+}
+.bg-size-contain {
+  background-size: contain;
+}
+.bg-size-contain-i {
+  background-size: contain !important;
+}
+.bg-size-100p {
+  background-size: 100% 100%;
+}
+.bg-size-100p-i {
+  background-size: 100% 100% !important;
+}

package.json

 {
-    "version": "3.0.3",
+    "version": "3.0.4",
     "name": "luss",
@@ -4,0 +4,0 @@ "description": "A less tookit",

src/dist-lite.less

@@ -5,2 +5,2 @@ @import (once) "vars";
 .overflow-function;
-
+.mini-shortcut-class-function;

src/functions.less

@@ -483,53 +483,4 @@ @import (once) "vars";
 
-.shortcut-class-function(){
 
-    //宽度生成
-    .ew{
-        each(range(3, 30), {
-            &.w@{value}{
-                width:unit(@value, em) !important;
-            }
-        })
-    }
-    //一个类似表单布局的结构
-    .form-gala{
-        >.item{
-            margin: 0.75em 0;
-            display: flex;
-            align-items: center;
-            >.label{
-                padding-right: 0.75em;
-            }
-            >.el{
-                flex: 1;
-            }
-            .force{
-                each(range(4, 24), {
-                    &.w@{value}{
-                        flex: unset;
-                        flex-shrink: 0;
-                        width:unit(@value + 0.5, em);
-                    }
-                })
-            }
-        }
-        each(range(4, 21), {
-            &.w@{value},&.lw@{value}{
-                >.item{
-                    >.label{
-                        flex: unset;
-                        width:unit(@value + 0.5, em);
-                    }
-                }
-            }
-        })
-        &.label-right{
-            .item{
-                >.label{
-                    text-align: right;
-                }
-            }
-        }
-    }
-
+.mini-shortcut-class-function(){
     .__class_write(bg-icon,     background-repeat background-position, no-repeat  ~"50% 50%");
@@ -610,4 +561,60 @@ .__class_write(noselect,    -moz-user-select -webkit-user-select -ms-user-select -khtml-user-select user-select, none none none none none);
     .__class_write_with_important(bg-size-100p, background-size, ~"100% 100%");
+}
 
+.shortcut-class-function(){
 
+    .mini-shortcut-class-function();
+
+    //宽度生成
+    .ew{
+        each(range(3, 30), {
+            &.w@{value}{
+                width:unit(@value, em) !important;
+            }
+        })
+    }
+    //一个类似表单布局的结构
+    .form-gala{
+        >.item{
+            margin: 0.75em 0;
+            display: flex;
+            align-items: center;
+            >.label{
+                padding-right: 0.75em;
+            }
+            >.el{
+                flex: 1;
+            }
+            .force{
+                each(range(4, 24), {
+                    &.w@{value}{
+                        flex: unset;
+                        flex-shrink: 0;
+                        width:unit(@value + 0.5, em);
+                    }
+                })
+            }
+        }
+        each(range(4, 21), {
+            &.w@{value},&.lw@{value}{
+                >.item{
+                    >.label{
+                        flex: unset;
+                        width:unit(@value + 0.5, em);
+                    }
+                }
+            }
+        })
+        &.label-right{
+            .item{
+                >.label{
+                    text-align: right;
+                }
+            }
+        }
+    }
+
+
+
+
     //z的设置
@@ -614,0 +621,0 @@ each(range(0, 5000, 100){

No alert changes

Improved metrics

Total package byte prevSize

987375

1.4%

Lines of code

24787

2.26%

No dependency changes