@fastkit/vui 0.13.5 → 0.14.0

package/dist/vui.css

@@ -121,7 +121,10 @@
   summary{
     display:list-item;
   }
-  [hidden],template{
+  template{
+    display:none;
+  }
+  [hidden]{
     display:none;
   }
   button{
@@ -608,6 +611,8 @@
     margin:var(--control-horizontal-margin) 0;
     max-width:100%;
   }
+}
+@layer vui{
   .v-form-control--invalid:not(.v-form-control--readonly){
     --my-label-color:var(--main-color);
     --my-message-color:var(--main-color);
@@ -693,6 +698,8 @@
     overflow:hidden;
     position:relative;
   }
+}
+@layer vui{
   .v-skelton-loader-bone:after{
     animation:v-skelton-loader-bone-loading 1.5s infinite;
     background:linear-gradient(90deg, hsla(0,0%,100%,0), hsla(0,0%,100%,.3), hsla(0,0%,100%,0));
@@ -981,6 +988,8 @@
   .v-card[disabled]:before{
     content:none;
   }
+}
+@layer vui{
   .v-card-content{
     padding:var(--card-content-padding);
   }
@@ -1032,6 +1041,8 @@
   .v-button--plain{
     color:inherit !important;
   }
+}
+@layer vui{
   .v-button--plain[disabled]{
     opacity:.5;
   }
@@ -1059,8 +1070,6 @@
     --padding:0em;
     min-width:1.9285714286em;
   }
-}
-@layer vui{
   .v-button::-moz-focus-inner{
     border:0;
   }
@@ -1112,9 +1121,13 @@
     border-bottom-right-radius:0;
     border-top-right-radius:0;
   }
+}
+@layer vui{
   .v-button-group__item:focus{
     z-index:1;
   }
+}
+@layer vui{
   .v-pagination{
     --pagination-size:var(--pagination-item-size);
     --pagination-margin:var(--pagination-item-margin);
@@ -1160,8 +1173,6 @@
     transition:.1s;
     user-select:none;
   }
-}
-@layer vui{
   .v-pagination a.v-pagination__item::-moz-focus-inner,.v-pagination__item::-moz-focus-inner{
     border:0;
   }
@@ -1229,6 +1240,8 @@
     --tile-text-active-color:var(--navActive-color, var(--nav-color));
     cursor:pointer;
   }
+}
+@layer vui{
   .v-list-tile--clickable:focus,.v-list-tile--clickable:hover{
     --tile-background:var(--tile-active-background);
     --tile-text-color:var(--tile-text-active-color);
@@ -1347,6 +1360,8 @@
     position:relative;
     width:100%;
   }
+}
+@layer vui{
   .v-control-field--invalid:not(.v-control-field--disabled):not(.v-control-field--readonly){
     --my-bottom-color:var(--main-color);
     --my-bottom-hover-color:var(--main-color);
@@ -1380,8 +1395,6 @@
     transform:scaleX(0);
     transition:transform .2s cubic-bezier(0, 0, .2, 1) 0ms;
   }
-}
-@layer vui{
   .v-control-field--focused,.v-control-field:focus-within{
     --my-outline-color:var(--my-focused-color);
     --my-outline-hover-color:var(--my-focused-color);
@@ -1486,7 +1499,12 @@
     padding-right:1em;
     user-select:none;
   }
-  .v-checkable--checked,.v-checkable--invalid:not(.v-checkable--readonly){
+  .v-checkable--checked{
+    --color:var(--main-color);
+  }
+}
+@layer vui{
+  .v-checkable--invalid:not(.v-checkable--readonly){
     --color:var(--main-color);
   }
   .v-checkable--disabled{
@@ -1547,8 +1565,6 @@
   .v-checkable--custom-icon .v-checkable__faux:before{
     content:none;
   }
-}
-@layer vui{
   .v-checkable:focus-within .v-checkable__faux:before{
     opacity:.2;
   }
@@ -1568,6 +1584,8 @@
     transition:border-color .2s,background-color .2s;
     width:100%;
   }
+}
+@layer vui{
   .v-radio__faux:after,.v-radio__faux:before{
     border-radius:100%;
     content:"";
@@ -1590,6 +1608,8 @@
   .v-radio--selected .v-radio__faux:after{
     transform:translate(-50%, -50%) scale(1);
   }
+}
+@layer vui{
   .v-switch{
     --my-pin-color:var(--palette-background);
   }
@@ -1663,8 +1683,6 @@
   .v-switch__faux:hover .v-switch__faux__pin:before{
     opacity:.1;
   }
-}
-@layer vui{
   .v-switch:focus-within .v-switch__faux__pin:before{
     opacity:.1;
   }
@@ -1738,6 +1756,8 @@
   .v-option[disabled]:before,.v-option[tabindex="-1"]:before{
     opacity:0 !important;
   }
+}
+@layer vui{
   .v-option-group{
     display:block;
   }
@@ -1961,6 +1981,8 @@
   .v-tab--active:before{
     transform:scaleX(1);
   }
+}
+@layer vui{
   .v-breadcrumbs{
     display:block;
     font-size:var(--breadcrumbs-font-size);
@@ -2180,7 +2202,10 @@
     background:hsla(0,0%,100%,.85);
     user-select:none;
   }
-  .v-data-table__table__cell[tabindex="0"]:focus .v-data-table__table__sort-icon,.v-data-table__table__cell[tabindex="0"]:hover .v-data-table__table__sort-icon,.v-data-table__table__header .v-data-table__table__cell--active .v-data-table__table__sort-icon{
+  .v-data-table__table__header .v-data-table__table__cell--active .v-data-table__table__sort-icon{
+    opacity:1;
+  }
+  .v-data-table__table__cell[tabindex="0"]:focus .v-data-table__table__sort-icon,.v-data-table__table__cell[tabindex="0"]:hover .v-data-table__table__sort-icon{
     opacity:1;
   }
   .v-data-table__table__body tr:last-child .v-data-table__table__cell{
@@ -2204,6 +2229,8 @@
   .v-toolbar--plain{
     --main-color:var(--palette-background);
   }
+}
+@layer vui{
   .v-app-layout__header>.v-toolbar{
     height:100%;
   }
@@ -2221,6 +2248,8 @@
     display:flex;
     flex:0 0;
   }
+}
+@layer vui{
   .v-toolbar-edge--empty,.v-toolbar-edge:empty{
     display:none;
   }