@medyll/cssfabric 0.0.14 → 0.1.0

package/lib/styles/core/grid/grid.responsive.min.css

@@ -1 +1 @@
-@media only screen and (max-width:0rem){.grid-xxxl-h{display:grid;flex-direction:row}.grid-xxxl-h>.grid-main{flex:1 1 0}.grid-xxxl-v{display:grid;flex-direction:column}.grid-xxxl-v>.grid-main{flex:1 1 0;max-height:100%}.grid-xxxl-v.align-middle,.grid-xxxl-v.grid-align-middle{justify-content:center}.grid-xxxl-h>:not(.grid-main),.grid-xxxl-v>:not(.grid-main){flex:0 0 auto}.grid-xxxl-h.grid-inline,.grid-xxxl-v.grid-inline{display:inline-grid}.grid-xxxl-h.grid-wrap,.grid-xxxl-v.grid-wrap{flex-wrap:wrap}.grid-xxxl-h.grid-wrap-reverse,.grid-xxxl-v.grid-wrap-reverse{flex-wrap:wrap-reverse}.grid-xxxl-h .self-start,.grid-xxxl-v .self-start{align-self:flex-start}.grid-xxxl-h .self-end,.grid-xxxl-v .self-end{align-self:flex-end}.grid-xxxl-h .self-stretch,.grid-xxxl-v .self-stretch{align-self:stretch}}@media only screen and (max-width:120rem){.grid-xxl-h{display:grid;flex-direction:row}.grid-xxl-h>.grid-main{flex:1 1 0}.grid-xxl-v{display:grid;flex-direction:column}.grid-xxl-v>.grid-main{flex:1 1 0;max-height:100%}.grid-xxl-v.align-middle,.grid-xxl-v.grid-align-middle{justify-content:center}.grid-xxl-h>:not(.grid-main),.grid-xxl-v>:not(.grid-main){flex:0 0 auto}.grid-xxl-h.grid-inline,.grid-xxl-v.grid-inline{display:inline-grid}.grid-xxl-h.grid-wrap,.grid-xxl-v.grid-wrap{flex-wrap:wrap}.grid-xxl-h.grid-wrap-reverse,.grid-xxl-v.grid-wrap-reverse{flex-wrap:wrap-reverse}.grid-xxl-h .self-start,.grid-xxl-v .self-start{align-self:flex-start}.grid-xxl-h .self-end,.grid-xxl-v .self-end{align-self:flex-end}.grid-xxl-h .self-stretch,.grid-xxl-v .self-stretch{align-self:stretch}}@media only screen and (max-width:90rem){.grid-xl-h{display:grid;flex-direction:row}.grid-xl-h>.grid-main{flex:1 1 0}.grid-xl-v{display:grid;flex-direction:column}.grid-xl-v>.grid-main{flex:1 1 0;max-height:100%}.grid-xl-v.align-middle,.grid-xl-v.grid-align-middle{justify-content:center}.grid-xl-h>:not(.grid-main),.grid-xl-v>:not(.grid-main){flex:0 0 auto}.grid-xl-h.grid-inline,.grid-xl-v.grid-inline{display:inline-grid}.grid-xl-h.grid-wrap,.grid-xl-v.grid-wrap{flex-wrap:wrap}.grid-xl-h.grid-wrap-reverse,.grid-xl-v.grid-wrap-reverse{flex-wrap:wrap-reverse}.grid-xl-h .self-start,.grid-xl-v .self-start{align-self:flex-start}.grid-xl-h .self-end,.grid-xl-v .self-end{align-self:flex-end}.grid-xl-h .self-stretch,.grid-xl-v .self-stretch{align-self:stretch}}@media only screen and (max-width:64rem){.grid-lg-h{display:grid;flex-direction:row}.grid-lg-h>.grid-main{flex:1 1 0}.grid-lg-v{display:grid;flex-direction:column}.grid-lg-v>.grid-main{flex:1 1 0;max-height:100%}.grid-lg-v.align-middle,.grid-lg-v.grid-align-middle{justify-content:center}.grid-lg-h>:not(.grid-main),.grid-lg-v>:not(.grid-main){flex:0 0 auto}.grid-lg-h.grid-inline,.grid-lg-v.grid-inline{display:inline-grid}.grid-lg-h.grid-wrap,.grid-lg-v.grid-wrap{flex-wrap:wrap}.grid-lg-h.grid-wrap-reverse,.grid-lg-v.grid-wrap-reverse{flex-wrap:wrap-reverse}.grid-lg-h .self-start,.grid-lg-v .self-start{align-self:flex-start}.grid-lg-h .self-end,.grid-lg-v .self-end{align-self:flex-end}.grid-lg-h .self-stretch,.grid-lg-v .self-stretch{align-self:stretch}}@media only screen and (max-width:48rem){.grid-md-h{display:grid;flex-direction:row}.grid-md-h>.grid-main{flex:1 1 0}.grid-md-v{display:grid;flex-direction:column}.grid-md-v>.grid-main{flex:1 1 0;max-height:100%}.grid-md-v.align-middle,.grid-md-v.grid-align-middle{justify-content:center}.grid-md-h>:not(.grid-main),.grid-md-v>:not(.grid-main){flex:0 0 auto}.grid-md-h.grid-inline,.grid-md-v.grid-inline{display:inline-grid}.grid-md-h.grid-wrap,.grid-md-v.grid-wrap{flex-wrap:wrap}.grid-md-h.grid-wrap-reverse,.grid-md-v.grid-wrap-reverse{flex-wrap:wrap-reverse}.grid-md-h .self-start,.grid-md-v .self-start{align-self:flex-start}.grid-md-h .self-end,.grid-md-v .self-end{align-self:flex-end}.grid-md-h .self-stretch,.grid-md-v .self-stretch{align-self:stretch}}@media only screen and (max-width:35.7rem){.grid-sm-h{display:grid;flex-direction:row}.grid-sm-h>.grid-main{flex:1 1 0}.grid-sm-v{display:grid;flex-direction:column}.grid-sm-v>.grid-main{flex:1 1 0;max-height:100%}.grid-sm-v.align-middle,.grid-sm-v.grid-align-middle{justify-content:center}.grid-sm-h>:not(.grid-main),.grid-sm-v>:not(.grid-main){flex:0 0 auto}.grid-sm-h.grid-inline,.grid-sm-v.grid-inline{display:inline-grid}.grid-sm-h.grid-wrap,.grid-sm-v.grid-wrap{flex-wrap:wrap}.grid-sm-h.grid-wrap-reverse,.grid-sm-v.grid-wrap-reverse{flex-wrap:wrap-reverse}.grid-sm-h .self-start,.grid-sm-v .self-start{align-self:flex-start}.grid-sm-h .self-end,.grid-sm-v .self-end{align-self:flex-end}.grid-sm-h .self-stretch,.grid-sm-v .self-stretch{align-self:stretch}}
+@media only screen and (max-width:1300px){.grid{display:grid}.grid-auto-flow-cols{grid-auto-flow:column}.grid-auto-cols-auto{grid-auto-columns:auto}.grid-auto-cols-min{grid-auto-columns:min-content}.grid-auto-cols-max{grid-auto-columns:max-content}.grid-auto-cols{grid-auto-columns:minmax(0,1fr)}.grid-auto-flow-rows{grid-auto-flow:row}.grid-auto-rows-auto{grid-auto-rows:auto}.grid-auto-rows-min{grid-auto-rows:min-content}.grid-auto-rows-max{grid-auto-rows:max-content}.grid-auto-rows{grid-auto-rows:minmax(0,1fr)}.grid-inline{display:inline-grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-7{grid-template-rows:repeat(7,minmax(0,1fr))}.grid-rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}}@media only screen and (max-width:1200px){.grid{display:grid}.grid-auto-flow-cols{grid-auto-flow:column}.grid-auto-cols-auto{grid-auto-columns:auto}.grid-auto-cols-min{grid-auto-columns:min-content}.grid-auto-cols-max{grid-auto-columns:max-content}.grid-auto-cols{grid-auto-columns:minmax(0,1fr)}.grid-auto-flow-rows{grid-auto-flow:row}.grid-auto-rows-auto{grid-auto-rows:auto}.grid-auto-rows-min{grid-auto-rows:min-content}.grid-auto-rows-max{grid-auto-rows:max-content}.grid-auto-rows{grid-auto-rows:minmax(0,1fr)}.grid-inline{display:inline-grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-7{grid-template-rows:repeat(7,minmax(0,1fr))}.grid-rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}}@media only screen and (max-width:960px){.grid{display:grid}.grid-auto-flow-cols{grid-auto-flow:column}.grid-auto-cols-auto{grid-auto-columns:auto}.grid-auto-cols-min{grid-auto-columns:min-content}.grid-auto-cols-max{grid-auto-columns:max-content}.grid-auto-cols{grid-auto-columns:minmax(0,1fr)}.grid-auto-flow-rows{grid-auto-flow:row}.grid-auto-rows-auto{grid-auto-rows:auto}.grid-auto-rows-min{grid-auto-rows:min-content}.grid-auto-rows-max{grid-auto-rows:max-content}.grid-auto-rows{grid-auto-rows:minmax(0,1fr)}.grid-inline{display:inline-grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-7{grid-template-rows:repeat(7,minmax(0,1fr))}.grid-rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}}@media only screen and (max-width:760px){.grid{display:grid}.grid-auto-flow-cols{grid-auto-flow:column}.grid-auto-cols-auto{grid-auto-columns:auto}.grid-auto-cols-min{grid-auto-columns:min-content}.grid-auto-cols-max{grid-auto-columns:max-content}.grid-auto-cols{grid-auto-columns:minmax(0,1fr)}.grid-auto-flow-rows{grid-auto-flow:row}.grid-auto-rows-auto{grid-auto-rows:auto}.grid-auto-rows-min{grid-auto-rows:min-content}.grid-auto-rows-max{grid-auto-rows:max-content}.grid-auto-rows{grid-auto-rows:minmax(0,1fr)}.grid-inline{display:inline-grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-7{grid-template-rows:repeat(7,minmax(0,1fr))}.grid-rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}}@media only screen and (max-width:0px){.grid{display:grid}.grid-auto-flow-cols{grid-auto-flow:column}.grid-auto-cols-auto{grid-auto-columns:auto}.grid-auto-cols-min{grid-auto-columns:min-content}.grid-auto-cols-max{grid-auto-columns:max-content}.grid-auto-cols{grid-auto-columns:minmax(0,1fr)}.grid-auto-flow-rows{grid-auto-flow:row}.grid-auto-rows-auto{grid-auto-rows:auto}.grid-auto-rows-min{grid-auto-rows:min-content}.grid-auto-rows-max{grid-auto-rows:max-content}.grid-auto-rows{grid-auto-rows:minmax(0,1fr)}.grid-inline{display:inline-grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.grid-rows-7{grid-template-rows:repeat(7,minmax(0,1fr))}.grid-rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}}

package/lib/styles/core/menu/menu.responsive.css

@@ -16,88 +16,7 @@
         }
     }
 }*/
-@media only screen and (max-width: 0rem) {
-  ul.menu-xxxl {
-    list-style: none;
-    list-style-type: none;
-  }
-  ul.menu-xxxl-v {
-    padding: 0;
-    margin: 0;
-    line-height: 1rem;
-  }
-  ul.menu-xxxl-v li.menu-item,
-ul.menu-xxxl-v li {
-    display: block;
-    margin: 0 1rem;
-    width: auto;
-    transition-property: all;
-    transition-duration: 0.5s;
-    padding: 1rem;
-  }
-  ul.menu-xxxl-v li.menu-item:hover,
-ul.menu-xxxl-v li:hover {
-    border-radius: 4px;
-    background-color: #ededed;
-  }
-  ul.menu-xxxl-v li.menu-item.active,
-ul.menu-xxxl-v li.active {
-    border-radius: 4px;
-    background-color: #ededed;
-    font-weight: bold;
-  }
-  ul.menu-xxxl-v li {
-    list-style: none;
-  }
-  ul.menu-xxxl-h {
-    padding: 0;
-    margin: 0;
-    line-height: 1rem;
-  }
-  ul.menu-xxxl-h li.menu-item,
-ul.menu-xxxl-h li {
-    display: block;
-    margin: 0 1rem;
-    width: auto;
-    transition-property: all;
-    transition-duration: 0.5s;
-    padding: 1rem;
-  }
-  ul.menu-xxxl-h li.menu-item:hover,
-ul.menu-xxxl-h li:hover {
-    border-radius: 4px;
-    background-color: #ededed;
-  }
-  ul.menu-xxxl-h li.menu-item.active,
-ul.menu-xxxl-h li.active {
-    border-radius: 4px;
-    background-color: #ededed;
-    font-weight: bold;
-  }
-  ul.menu-xxxl-h li {
-    list-style: none;
-  }
-  ul.menu-xxxl-v li.menu-item.active,
-ul.menu-xxxl-v li.active {
-    font-weight: bold;
-    margin-left: 1rem;
-  }
-  ul.menu-xxxl-h {
-    max-width: 100%;
-    display: inline-flex;
-    padding: 0 0;
-    position: relative;
-    border-bottom: 1px solid #ededed;
-    overflow-x: auto;
-    overflow-y: hidden;
-  }
-  ul.menu-xxxl-h li.menu-item,
-ul.menu-xxxl-h li {
-    margin: 0;
-    text-align: center;
-  }
-}
-@media only screen and (max-width: 120rem) {
+@media only screen and (max-width: 1300px) {
   ul.menu-xxl {
     list-style: none;
     list-style-type: none;
@@ -178,7 +97,7 @@ ul.menu-xxl-h li {
     text-align: center;
   }
 }
-@media only screen and (max-width: 90rem) {
+@media only screen and (max-width: 1200px) {
   ul.menu-xl {
     list-style: none;
     list-style-type: none;
@@ -259,7 +178,7 @@ ul.menu-xl-h li {
     text-align: center;
   }
 }
-@media only screen and (max-width: 64rem) {
+@media only screen and (max-width: 960px) {
   ul.menu-lg {
     list-style: none;
     list-style-type: none;
@@ -340,7 +259,7 @@ ul.menu-lg-h li {
     text-align: center;
   }
 }
-@media only screen and (max-width: 48rem) {
+@media only screen and (max-width: 760px) {
   ul.menu-md {
     list-style: none;
     list-style-type: none;
@@ -421,7 +340,7 @@ ul.menu-md-h li {
     text-align: center;
   }
 }
-@media only screen and (max-width: 35.7rem) {
+@media only screen and (max-width: 0px) {
   ul.menu-sm {
     list-style: none;
     list-style-type: none;

package/lib/styles/core/menu/menu.responsive.min.css

@@ -1 +1 @@
-@media only screen and (max-width:0rem){ul.menu-xxxl,ul.menu-xxxl-h li,ul.menu-xxxl-v li{list-style:none}ul.menu-xxxl-h li.active,ul.menu-xxxl-h li.menu-item.active,ul.menu-xxxl-h li.menu-item:hover,ul.menu-xxxl-h li:hover,ul.menu-xxxl-v li.active,ul.menu-xxxl-v li.menu-item.active,ul.menu-xxxl-v li.menu-item:hover,ul.menu-xxxl-v li:hover{border-radius:4px;background-color:#ededed}ul.menu-xxxl-v{padding:0;margin:0;line-height:1rem}ul.menu-xxxl-h li,ul.menu-xxxl-h li.menu-item,ul.menu-xxxl-v li,ul.menu-xxxl-v li.menu-item{display:block;width:auto;transition-property:all;transition-duration:.5s;padding:1rem}ul.menu-xxxl-v li,ul.menu-xxxl-v li.menu-item{margin:0 1rem}ul.menu-xxxl-h{margin:0;line-height:1rem}ul.menu-xxxl-h li.active,ul.menu-xxxl-h li.menu-item.active{font-weight:700}ul.menu-xxxl-v li.active,ul.menu-xxxl-v li.menu-item.active{font-weight:700;margin-left:1rem}ul.menu-xxxl-h{max-width:100%;display:inline-flex;padding:0;position:relative;border-bottom:1px solid #ededed;overflow-x:auto;overflow-y:hidden}ul.menu-xxxl-h li,ul.menu-xxxl-h li.menu-item{margin:0;text-align:center}}@media only screen and (max-width:120rem){ul.menu-xxl,ul.menu-xxl-h li,ul.menu-xxl-v li{list-style:none}ul.menu-xxl-h li.active,ul.menu-xxl-h li.menu-item.active,ul.menu-xxl-v li.active,ul.menu-xxl-v li.menu-item.active{border-radius:4px;background-color:#ededed;font-weight:700}ul.menu-xxl-v{padding:0;margin:0;line-height:1rem}ul.menu-xxl-h li,ul.menu-xxl-h li.menu-item,ul.menu-xxl-v li,ul.menu-xxl-v li.menu-item{display:block;width:auto;transition-property:all;transition-duration:.5s;padding:1rem}ul.menu-xxl-v li,ul.menu-xxl-v li.menu-item{margin:0 1rem}ul.menu-xxl-v li.menu-item:hover,ul.menu-xxl-v li:hover{border-radius:4px;background-color:#ededed}ul.menu-xxl-h{margin:0;line-height:1rem}ul.menu-xxl-h li.menu-item:hover,ul.menu-xxl-h li:hover{border-radius:4px;background-color:#ededed}ul.menu-xxl-v li.active,ul.menu-xxl-v li.menu-item.active{margin-left:1rem}ul.menu-xxl-h{max-width:100%;display:inline-flex;padding:0;position:relative;border-bottom:1px solid #ededed;overflow-x:auto;overflow-y:hidden}ul.menu-xxl-h li,ul.menu-xxl-h li.menu-item{margin:0;text-align:center}}@media only screen and (max-width:90rem){ul.menu-xl,ul.menu-xl-h li,ul.menu-xl-v li{list-style:none}ul.menu-xl-h li.active,ul.menu-xl-h li.menu-item.active,ul.menu-xl-v li.active,ul.menu-xl-v li.menu-item.active{border-radius:4px;background-color:#ededed;font-weight:700}ul.menu-xl-v{padding:0;margin:0;line-height:1rem}ul.menu-xl-h li,ul.menu-xl-h li.menu-item,ul.menu-xl-v li,ul.menu-xl-v li.menu-item{display:block;width:auto;transition-property:all;transition-duration:.5s;padding:1rem}ul.menu-xl-v li,ul.menu-xl-v li.menu-item{margin:0 1rem}ul.menu-xl-v li.menu-item:hover,ul.menu-xl-v li:hover{border-radius:4px;background-color:#ededed}ul.menu-xl-h{margin:0;line-height:1rem}ul.menu-xl-h li.menu-item:hover,ul.menu-xl-h li:hover{border-radius:4px;background-color:#ededed}ul.menu-xl-v li.active,ul.menu-xl-v li.menu-item.active{margin-left:1rem}ul.menu-xl-h{max-width:100%;display:inline-flex;padding:0;position:relative;border-bottom:1px solid #ededed;overflow-x:auto;overflow-y:hidden}ul.menu-xl-h li,ul.menu-xl-h li.menu-item{margin:0;text-align:center}}@media only screen and (max-width:64rem){ul.menu-lg,ul.menu-lg-h li,ul.menu-lg-v li{list-style:none}ul.menu-lg-h li.active,ul.menu-lg-h li.menu-item.active,ul.menu-lg-v li.active,ul.menu-lg-v li.menu-item.active{border-radius:4px;background-color:#ededed;font-weight:700}ul.menu-lg-v{padding:0;margin:0;line-height:1rem}ul.menu-lg-h li,ul.menu-lg-h li.menu-item,ul.menu-lg-v li,ul.menu-lg-v li.menu-item{display:block;width:auto;transition-property:all;transition-duration:.5s;padding:1rem}ul.menu-lg-v li,ul.menu-lg-v li.menu-item{margin:0 1rem}ul.menu-lg-v li.menu-item:hover,ul.menu-lg-v li:hover{border-radius:4px;background-color:#ededed}ul.menu-lg-h{margin:0;line-height:1rem}ul.menu-lg-h li.menu-item:hover,ul.menu-lg-h li:hover{border-radius:4px;background-color:#ededed}ul.menu-lg-v li.active,ul.menu-lg-v li.menu-item.active{margin-left:1rem}ul.menu-lg-h{max-width:100%;display:inline-flex;padding:0;position:relative;border-bottom:1px solid #ededed;overflow-x:auto;overflow-y:hidden}ul.menu-lg-h li,ul.menu-lg-h li.menu-item{margin:0;text-align:center}}@media only screen and (max-width:48rem){ul.menu-md,ul.menu-md-h li,ul.menu-md-v li{list-style:none}ul.menu-md-h li.active,ul.menu-md-h li.menu-item.active,ul.menu-md-v li.active,ul.menu-md-v li.menu-item.active{border-radius:4px;background-color:#ededed;font-weight:700}ul.menu-md-v{padding:0;margin:0;line-height:1rem}ul.menu-md-h li,ul.menu-md-h li.menu-item,ul.menu-md-v li,ul.menu-md-v li.menu-item{display:block;width:auto;transition-property:all;transition-duration:.5s;padding:1rem}ul.menu-md-v li,ul.menu-md-v li.menu-item{margin:0 1rem}ul.menu-md-v li.menu-item:hover,ul.menu-md-v li:hover{border-radius:4px;background-color:#ededed}ul.menu-md-h{margin:0;line-height:1rem}ul.menu-md-h li.menu-item:hover,ul.menu-md-h li:hover{border-radius:4px;background-color:#ededed}ul.menu-md-v li.active,ul.menu-md-v li.menu-item.active{margin-left:1rem}ul.menu-md-h{max-width:100%;display:inline-flex;padding:0;position:relative;border-bottom:1px solid #ededed;overflow-x:auto;overflow-y:hidden}ul.menu-md-h li,ul.menu-md-h li.menu-item{margin:0;text-align:center}}@media only screen and (max-width:35.7rem){ul.menu-sm,ul.menu-sm-h li,ul.menu-sm-v li{list-style:none}ul.menu-sm-h li.active,ul.menu-sm-h li.menu-item.active,ul.menu-sm-v li.active,ul.menu-sm-v li.menu-item.active{border-radius:4px;background-color:#ededed;font-weight:700}ul.menu-sm-v{padding:0;margin:0;line-height:1rem}ul.menu-sm-h li,ul.menu-sm-h li.menu-item,ul.menu-sm-v li,ul.menu-sm-v li.menu-item{display:block;width:auto;transition-property:all;transition-duration:.5s;padding:1rem}ul.menu-sm-v li,ul.menu-sm-v li.menu-item{margin:0 1rem}ul.menu-sm-v li.menu-item:hover,ul.menu-sm-v li:hover{border-radius:4px;background-color:#ededed}ul.menu-sm-h{margin:0;line-height:1rem}ul.menu-sm-h li.menu-item:hover,ul.menu-sm-h li:hover{border-radius:4px;background-color:#ededed}ul.menu-sm-v li.active,ul.menu-sm-v li.menu-item.active{margin-left:1rem}ul.menu-sm-h{max-width:100%;display:inline-flex;padding:0;position:relative;border-bottom:1px solid #ededed;overflow-x:auto;overflow-y:hidden}ul.menu-sm-h li,ul.menu-sm-h li.menu-item{margin:0;text-align:center}}
+@media only screen and (max-width:1300px){ul.menu-xxl,ul.menu-xxl-h li,ul.menu-xxl-v li{list-style:none}ul.menu-xxl-h li.active,ul.menu-xxl-h li.menu-item.active,ul.menu-xxl-v li.active,ul.menu-xxl-v li.menu-item.active{border-radius:4px;background-color:#ededed;font-weight:700}ul.menu-xxl-v{padding:0;margin:0;line-height:1rem}ul.menu-xxl-h li,ul.menu-xxl-h li.menu-item,ul.menu-xxl-v li,ul.menu-xxl-v li.menu-item{display:block;width:auto;transition-property:all;transition-duration:.5s;padding:1rem}ul.menu-xxl-v li,ul.menu-xxl-v li.menu-item{margin:0 1rem}ul.menu-xxl-v li.menu-item:hover,ul.menu-xxl-v li:hover{border-radius:4px;background-color:#ededed}ul.menu-xxl-h{margin:0;line-height:1rem}ul.menu-xxl-h li.menu-item:hover,ul.menu-xxl-h li:hover{border-radius:4px;background-color:#ededed}ul.menu-xxl-v li.active,ul.menu-xxl-v li.menu-item.active{margin-left:1rem}ul.menu-xxl-h{max-width:100%;display:inline-flex;padding:0;position:relative;border-bottom:1px solid #ededed;overflow-x:auto;overflow-y:hidden}ul.menu-xxl-h li,ul.menu-xxl-h li.menu-item{margin:0;text-align:center}}@media only screen and (max-width:1200px){ul.menu-xl,ul.menu-xl-h li,ul.menu-xl-v li{list-style:none}ul.menu-xl-h li.active,ul.menu-xl-h li.menu-item.active,ul.menu-xl-v li.active,ul.menu-xl-v li.menu-item.active{border-radius:4px;background-color:#ededed;font-weight:700}ul.menu-xl-v{padding:0;margin:0;line-height:1rem}ul.menu-xl-h li,ul.menu-xl-h li.menu-item,ul.menu-xl-v li,ul.menu-xl-v li.menu-item{display:block;width:auto;transition-property:all;transition-duration:.5s;padding:1rem}ul.menu-xl-v li,ul.menu-xl-v li.menu-item{margin:0 1rem}ul.menu-xl-v li.menu-item:hover,ul.menu-xl-v li:hover{border-radius:4px;background-color:#ededed}ul.menu-xl-h{margin:0;line-height:1rem}ul.menu-xl-h li.menu-item:hover,ul.menu-xl-h li:hover{border-radius:4px;background-color:#ededed}ul.menu-xl-v li.active,ul.menu-xl-v li.menu-item.active{margin-left:1rem}ul.menu-xl-h{max-width:100%;display:inline-flex;padding:0;position:relative;border-bottom:1px solid #ededed;overflow-x:auto;overflow-y:hidden}ul.menu-xl-h li,ul.menu-xl-h li.menu-item{margin:0;text-align:center}}@media only screen and (max-width:960px){ul.menu-lg,ul.menu-lg-h li,ul.menu-lg-v li{list-style:none}ul.menu-lg-h li.active,ul.menu-lg-h li.menu-item.active,ul.menu-lg-v li.active,ul.menu-lg-v li.menu-item.active{border-radius:4px;background-color:#ededed;font-weight:700}ul.menu-lg-v{padding:0;margin:0;line-height:1rem}ul.menu-lg-h li,ul.menu-lg-h li.menu-item,ul.menu-lg-v li,ul.menu-lg-v li.menu-item{display:block;width:auto;transition-property:all;transition-duration:.5s;padding:1rem}ul.menu-lg-v li,ul.menu-lg-v li.menu-item{margin:0 1rem}ul.menu-lg-v li.menu-item:hover,ul.menu-lg-v li:hover{border-radius:4px;background-color:#ededed}ul.menu-lg-h{margin:0;line-height:1rem}ul.menu-lg-h li.menu-item:hover,ul.menu-lg-h li:hover{border-radius:4px;background-color:#ededed}ul.menu-lg-v li.active,ul.menu-lg-v li.menu-item.active{margin-left:1rem}ul.menu-lg-h{max-width:100%;display:inline-flex;padding:0;position:relative;border-bottom:1px solid #ededed;overflow-x:auto;overflow-y:hidden}ul.menu-lg-h li,ul.menu-lg-h li.menu-item{margin:0;text-align:center}}@media only screen and (max-width:760px){ul.menu-md,ul.menu-md-h li,ul.menu-md-v li{list-style:none}ul.menu-md-h li.active,ul.menu-md-h li.menu-item.active,ul.menu-md-v li.active,ul.menu-md-v li.menu-item.active{border-radius:4px;background-color:#ededed;font-weight:700}ul.menu-md-v{padding:0;margin:0;line-height:1rem}ul.menu-md-h li,ul.menu-md-h li.menu-item,ul.menu-md-v li,ul.menu-md-v li.menu-item{display:block;width:auto;transition-property:all;transition-duration:.5s;padding:1rem}ul.menu-md-v li,ul.menu-md-v li.menu-item{margin:0 1rem}ul.menu-md-v li.menu-item:hover,ul.menu-md-v li:hover{border-radius:4px;background-color:#ededed}ul.menu-md-h{margin:0;line-height:1rem}ul.menu-md-h li.menu-item:hover,ul.menu-md-h li:hover{border-radius:4px;background-color:#ededed}ul.menu-md-v li.active,ul.menu-md-v li.menu-item.active{margin-left:1rem}ul.menu-md-h{max-width:100%;display:inline-flex;padding:0;position:relative;border-bottom:1px solid #ededed;overflow-x:auto;overflow-y:hidden}ul.menu-md-h li,ul.menu-md-h li.menu-item{margin:0;text-align:center}}@media only screen and (max-width:0px){ul.menu-sm,ul.menu-sm-h li,ul.menu-sm-v li{list-style:none}ul.menu-sm-h li.active,ul.menu-sm-h li.menu-item.active,ul.menu-sm-v li.active,ul.menu-sm-v li.menu-item.active{border-radius:4px;background-color:#ededed;font-weight:700}ul.menu-sm-v{padding:0;margin:0;line-height:1rem}ul.menu-sm-h li,ul.menu-sm-h li.menu-item,ul.menu-sm-v li,ul.menu-sm-v li.menu-item{display:block;width:auto;transition-property:all;transition-duration:.5s;padding:1rem}ul.menu-sm-v li,ul.menu-sm-v li.menu-item{margin:0 1rem}ul.menu-sm-v li.menu-item:hover,ul.menu-sm-v li:hover{border-radius:4px;background-color:#ededed}ul.menu-sm-h{margin:0;line-height:1rem}ul.menu-sm-h li.menu-item:hover,ul.menu-sm-h li:hover{border-radius:4px;background-color:#ededed}ul.menu-sm-v li.active,ul.menu-sm-v li.menu-item.active{margin-left:1rem}ul.menu-sm-h{max-width:100%;display:inline-flex;padding:0;position:relative;border-bottom:1px solid #ededed;overflow-x:auto;overflow-y:hidden}ul.menu-sm-h li,ul.menu-sm-h li.menu-item{margin:0;text-align:center}}

package/lib/styles/core/overflow/overflow.css

@@ -1,84 +1,60 @@
-/* css overflow rules */
-.overflow-visible {
-  overflow: visible;
-}
-
-.overflow-hidden {
-  overflow: hidden;
-}
-
-.overflow-clip {
-  overflow: clip;
-}
-
-.overflow-scroll {
-  overflow: scroll;
-}
-
-.overflow-auto {
-  overflow: auto;
-}
-
-.overflow-initial {
-  overflow: initial;
-}
-
-.overflow-unset {
-  overflow: unset;
-}
-
-.overflow-x-visible {
-  overflow: visible;
-}
-
-.overflow-x-hidden {
-  overflow: hidden;
-}
-
-.overflow-x-clip {
-  overflow: clip;
-}
-
-.overflow-x-scroll {
-  overflow: scroll;
-}
-
-.overflow-x-auto {
-  overflow: auto;
-}
-
-.overflow-x-initial {
-  overflow: initial;
-}
-
-.overflow-x-unset {
-  overflow: unset;
-}
-
-.overflow-y-visible {
-  overflow: visible;
-}
-
-.overflow-y-hidden {
-  overflow: hidden;
-}
-
-.overflow-y-clip {
-  overflow: clip;
-}
-
-.overflow-y-scroll {
-  overflow: scroll;
-}
-
-.overflow-y-auto {
-  overflow: auto;
-}
-
-.overflow-y-initial {
-  overflow: initial;
-}
-
-.overflow-y-unset {
-  overflow: unset;
+/* css overflow rules */
+.overflow-visible {
+  overflow: visible;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+.overflow-clip {
+  overflow: clip;
+}
+
+.overflow-scroll {
+  overflow: scroll;
+}
+
+.overflow-auto {
+  overflow: auto;
+}
+
+.overflow-x-visible {
+  overflow: visible;
+}
+
+.overflow-x-hidden {
+  overflow: hidden;
+}
+
+.overflow-x-clip {
+  overflow: clip;
+}
+
+.overflow-x-scroll {
+  overflow: scroll;
+}
+
+.overflow-x-auto {
+  overflow: auto;
+}
+
+.overflow-y-visible {
+  overflow: visible;
+}
+
+.overflow-y-hidden {
+  overflow: hidden;
+}
+
+.overflow-y-clip {
+  overflow: clip;
+}
+
+.overflow-y-scroll {
+  overflow: scroll;
+}
+
+.overflow-y-auto {
+  overflow: auto;
 }

package/lib/styles/core/overflow/overflow.min.css

@@ -1 +1 @@
-.overflow-visible{overflow:visible}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.overflow-scroll{overflow:scroll}.overflow-auto{overflow:auto}.overflow-initial{overflow:initial}.overflow-unset{overflow:unset}.overflow-x-visible{overflow:visible}.overflow-x-hidden{overflow:hidden}.overflow-x-clip{overflow:clip}.overflow-x-scroll{overflow:scroll}.overflow-x-auto{overflow:auto}.overflow-x-initial{overflow:initial}.overflow-x-unset{overflow:unset}.overflow-y-visible{overflow:visible}.overflow-y-hidden{overflow:hidden}.overflow-y-clip{overflow:clip}.overflow-y-scroll{overflow:scroll}.overflow-y-auto{overflow:auto}.overflow-y-initial{overflow:initial}.overflow-y-unset{overflow:unset}
+.overflow-visible{overflow:visible}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.overflow-scroll{overflow:scroll}.overflow-auto{overflow:auto}.overflow-x-visible{overflow:visible}.overflow-x-hidden{overflow:hidden}.overflow-x-clip{overflow:clip}.overflow-x-scroll{overflow:scroll}.overflow-x-auto{overflow:auto}.overflow-y-visible{overflow:visible}.overflow-y-hidden{overflow:hidden}.overflow-y-clip{overflow:clip}.overflow-y-scroll{overflow:scroll}.overflow-y-auto{overflow:auto}