@medyll/cssfabric 0.1.0 → 0.2.0

package/styles/flex/flex.min.css

@@ -0,0 +1 @@
+.flex,.flex-h{display:flex;flex-direction:row}.flex>.flex-main,.flex-h>.flex-main{flex:1 1 0}.flex.flex-align-middle,.flex-h.flex-align-middle{align-items:center}.flex.flex-align-top,.flex-h.flex-align-top{align-items:flex-start}.flex.flex-align-left,.flex-h.flex-align-left{align-items:flex-start}.flex.flex-align-right,.flex-h.flex-align-right{justify-content:flex-end}.flex.flex-align-bottom,.flex-h.flex-align-bottom{align-items:flex-end}.flex.flex-align-center,.flex-h.flex-align-center{justify-content:center}.flex.flex-align-middle-center,.flex-h.flex-align-middle-center{justify-content:center;align-content:center;align-items:center}.flex.flex-align-stretch,.flex-h.flex-align-stretch{color:blue;align-items:stretch}.flex-v{display:flex;flex-direction:column}.flex-v>.flex-main{flex:1 1 0;max-height:100%}.flex-v.flex-align-middle{justify-content:center}.flex-v.flex-align-top{justify-content:flex-start}.flex-v.flex-align-left{align-items:flex-start}.flex-v.flex-align-right{align-items:flex-end}.flex-v.flex-align-bottom{justify-content:flex-end}.flex-v.flex-align-center{align-items:center}.flex-v.flex-align-middle-center{align-items:center;justify-content:center}.flex-v.flex-align-stretch{color:red;align-items:stretch}.flex-inline{display:inline-flex}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.flex-grow-0{flex-grow:0}.flex-shrink-0{flex-shrink:0}.flex-grow-1{flex-grow:1}.flex-shrink-1{flex-shrink:1}.flex-grow-2{flex-grow:2}.flex-shrink-2{flex-shrink:2}

package/{lib/styles/core → styles}/flex/flex.responsive.css

@@ -498,132 +498,6 @@
     flex-grow: 2;
   }
 
-  .flex-shrink-2 {
-    flex-shrink: 2;
-  }
-}
-@media only screen and (max-width: 0px) {
-  .flex,
-.flex-sm-h {
-    display: flex;
-    flex-direction: row;
-  }
-  .flex > .flex-main,
-.flex-sm-h > .flex-main {
-    flex: 1 1 0;
-  }
-  .flex.flex-align-middle,
-.flex-sm-h.flex-align-middle {
-    align-items: center;
-  }
-  .flex.flex-align-top,
-.flex-sm-h.flex-align-top {
-    align-items: flex-start;
-  }
-  .flex.flex-align-left,
-.flex-sm-h.flex-align-left {
-    align-items: flex-start;
-  }
-  .flex.flex-align-right,
-.flex-sm-h.flex-align-right {
-    justify-content: flex-end;
-  }
-  .flex.flex-align-bottom,
-.flex-sm-h.flex-align-bottom {
-    align-items: flex-end;
-  }
-  .flex.flex-align-center,
-.flex-sm-h.flex-align-center {
-    justify-content: center;
-  }
-  .flex.flex-align-middle-center,
-.flex-sm-h.flex-align-middle-center {
-    justify-content: center;
-    align-content: center;
-    align-items: center;
-  }
-  .flex.flex-align-stretch,
-.flex-sm-h.flex-align-stretch {
-    color: blue;
-    align-items: stretch;
-  }
-
-  .flex-sm-v {
-    display: flex;
-    flex-direction: column;
-  }
-  .flex-sm-v > .flex-main {
-    flex: 1 1 0;
-    max-height: 100%;
-  }
-  .flex-sm-v.flex-align-middle {
-    justify-content: center;
-  }
-  .flex-sm-v.flex-align-top {
-    justify-content: flex-start;
-  }
-  .flex-sm-v.flex-align-left {
-    align-items: flex-start;
-  }
-  .flex-sm-v.flex-align-right {
-    align-items: flex-end;
-  }
-  .flex-sm-v.flex-align-bottom {
-    justify-content: flex-end;
-  }
-  .flex-sm-v.flex-align-center {
-    align-items: center;
-  }
-  .flex-sm-v.flex-align-middle-center {
-    align-items: center;
-    justify-content: center;
-  }
-  .flex-sm-v.flex-align-stretch {
-    color: red;
-    align-items: stretch;
-  }
-
-  .flex-inline {
-    display: inline-flex;
-  }
-
-  .flex-wrap {
-    flex-wrap: wrap;
-  }
-  .flex-wrap-reverse {
-    flex-wrap: wrap-reverse;
-  }
-
-  .self-start {
-    align-self: flex-start;
-  }
-  .self-end {
-    align-self: flex-end;
-  }
-  .self-stretch {
-    align-self: stretch;
-  }
-
-  .flex-grow-0 {
-    flex-grow: 0;
-  }
-
-  .flex-shrink-0 {
-    flex-shrink: 0;
-  }
-
-  .flex-grow-1 {
-    flex-grow: 1;
-  }
-
-  .flex-shrink-1 {
-    flex-shrink: 1;
-  }
-
-  .flex-grow-2 {
-    flex-grow: 2;
-  }
-
   .flex-shrink-2 {
     flex-shrink: 2;
   }

package/styles/flex/flex.responsive.min.css

@@ -0,0 +1 @@
+@media only screen and (max-width: 1300px){.flex,.flex-xxl-h{display:flex;flex-direction:row}.flex>.flex-main,.flex-xxl-h>.flex-main{flex:1 1 0}.flex.flex-align-middle,.flex-xxl-h.flex-align-middle{align-items:center}.flex.flex-align-top,.flex-xxl-h.flex-align-top{align-items:flex-start}.flex.flex-align-left,.flex-xxl-h.flex-align-left{align-items:flex-start}.flex.flex-align-right,.flex-xxl-h.flex-align-right{justify-content:flex-end}.flex.flex-align-bottom,.flex-xxl-h.flex-align-bottom{align-items:flex-end}.flex.flex-align-center,.flex-xxl-h.flex-align-center{justify-content:center}.flex.flex-align-middle-center,.flex-xxl-h.flex-align-middle-center{justify-content:center;align-content:center;align-items:center}.flex.flex-align-stretch,.flex-xxl-h.flex-align-stretch{color:blue;align-items:stretch}.flex-xxl-v{display:flex;flex-direction:column}.flex-xxl-v>.flex-main{flex:1 1 0;max-height:100%}.flex-xxl-v.flex-align-middle{justify-content:center}.flex-xxl-v.flex-align-top{justify-content:flex-start}.flex-xxl-v.flex-align-left{align-items:flex-start}.flex-xxl-v.flex-align-right{align-items:flex-end}.flex-xxl-v.flex-align-bottom{justify-content:flex-end}.flex-xxl-v.flex-align-center{align-items:center}.flex-xxl-v.flex-align-middle-center{align-items:center;justify-content:center}.flex-xxl-v.flex-align-stretch{color:red;align-items:stretch}.flex-inline{display:inline-flex}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.flex-grow-0{flex-grow:0}.flex-shrink-0{flex-shrink:0}.flex-grow-1{flex-grow:1}.flex-shrink-1{flex-shrink:1}.flex-grow-2{flex-grow:2}.flex-shrink-2{flex-shrink:2}}@media only screen and (max-width: 1200px){.flex,.flex-xl-h{display:flex;flex-direction:row}.flex>.flex-main,.flex-xl-h>.flex-main{flex:1 1 0}.flex.flex-align-middle,.flex-xl-h.flex-align-middle{align-items:center}.flex.flex-align-top,.flex-xl-h.flex-align-top{align-items:flex-start}.flex.flex-align-left,.flex-xl-h.flex-align-left{align-items:flex-start}.flex.flex-align-right,.flex-xl-h.flex-align-right{justify-content:flex-end}.flex.flex-align-bottom,.flex-xl-h.flex-align-bottom{align-items:flex-end}.flex.flex-align-center,.flex-xl-h.flex-align-center{justify-content:center}.flex.flex-align-middle-center,.flex-xl-h.flex-align-middle-center{justify-content:center;align-content:center;align-items:center}.flex.flex-align-stretch,.flex-xl-h.flex-align-stretch{color:blue;align-items:stretch}.flex-xl-v{display:flex;flex-direction:column}.flex-xl-v>.flex-main{flex:1 1 0;max-height:100%}.flex-xl-v.flex-align-middle{justify-content:center}.flex-xl-v.flex-align-top{justify-content:flex-start}.flex-xl-v.flex-align-left{align-items:flex-start}.flex-xl-v.flex-align-right{align-items:flex-end}.flex-xl-v.flex-align-bottom{justify-content:flex-end}.flex-xl-v.flex-align-center{align-items:center}.flex-xl-v.flex-align-middle-center{align-items:center;justify-content:center}.flex-xl-v.flex-align-stretch{color:red;align-items:stretch}.flex-inline{display:inline-flex}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.flex-grow-0{flex-grow:0}.flex-shrink-0{flex-shrink:0}.flex-grow-1{flex-grow:1}.flex-shrink-1{flex-shrink:1}.flex-grow-2{flex-grow:2}.flex-shrink-2{flex-shrink:2}}@media only screen and (max-width: 960px){.flex,.flex-lg-h{display:flex;flex-direction:row}.flex>.flex-main,.flex-lg-h>.flex-main{flex:1 1 0}.flex.flex-align-middle,.flex-lg-h.flex-align-middle{align-items:center}.flex.flex-align-top,.flex-lg-h.flex-align-top{align-items:flex-start}.flex.flex-align-left,.flex-lg-h.flex-align-left{align-items:flex-start}.flex.flex-align-right,.flex-lg-h.flex-align-right{justify-content:flex-end}.flex.flex-align-bottom,.flex-lg-h.flex-align-bottom{align-items:flex-end}.flex.flex-align-center,.flex-lg-h.flex-align-center{justify-content:center}.flex.flex-align-middle-center,.flex-lg-h.flex-align-middle-center{justify-content:center;align-content:center;align-items:center}.flex.flex-align-stretch,.flex-lg-h.flex-align-stretch{color:blue;align-items:stretch}.flex-lg-v{display:flex;flex-direction:column}.flex-lg-v>.flex-main{flex:1 1 0;max-height:100%}.flex-lg-v.flex-align-middle{justify-content:center}.flex-lg-v.flex-align-top{justify-content:flex-start}.flex-lg-v.flex-align-left{align-items:flex-start}.flex-lg-v.flex-align-right{align-items:flex-end}.flex-lg-v.flex-align-bottom{justify-content:flex-end}.flex-lg-v.flex-align-center{align-items:center}.flex-lg-v.flex-align-middle-center{align-items:center;justify-content:center}.flex-lg-v.flex-align-stretch{color:red;align-items:stretch}.flex-inline{display:inline-flex}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.flex-grow-0{flex-grow:0}.flex-shrink-0{flex-shrink:0}.flex-grow-1{flex-grow:1}.flex-shrink-1{flex-shrink:1}.flex-grow-2{flex-grow:2}.flex-shrink-2{flex-shrink:2}}@media only screen and (max-width: 760px){.flex,.flex-md-h{display:flex;flex-direction:row}.flex>.flex-main,.flex-md-h>.flex-main{flex:1 1 0}.flex.flex-align-middle,.flex-md-h.flex-align-middle{align-items:center}.flex.flex-align-top,.flex-md-h.flex-align-top{align-items:flex-start}.flex.flex-align-left,.flex-md-h.flex-align-left{align-items:flex-start}.flex.flex-align-right,.flex-md-h.flex-align-right{justify-content:flex-end}.flex.flex-align-bottom,.flex-md-h.flex-align-bottom{align-items:flex-end}.flex.flex-align-center,.flex-md-h.flex-align-center{justify-content:center}.flex.flex-align-middle-center,.flex-md-h.flex-align-middle-center{justify-content:center;align-content:center;align-items:center}.flex.flex-align-stretch,.flex-md-h.flex-align-stretch{color:blue;align-items:stretch}.flex-md-v{display:flex;flex-direction:column}.flex-md-v>.flex-main{flex:1 1 0;max-height:100%}.flex-md-v.flex-align-middle{justify-content:center}.flex-md-v.flex-align-top{justify-content:flex-start}.flex-md-v.flex-align-left{align-items:flex-start}.flex-md-v.flex-align-right{align-items:flex-end}.flex-md-v.flex-align-bottom{justify-content:flex-end}.flex-md-v.flex-align-center{align-items:center}.flex-md-v.flex-align-middle-center{align-items:center;justify-content:center}.flex-md-v.flex-align-stretch{color:red;align-items:stretch}.flex-inline{display:inline-flex}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.flex-grow-0{flex-grow:0}.flex-shrink-0{flex-shrink:0}.flex-grow-1{flex-grow:1}.flex-shrink-1{flex-shrink:1}.flex-grow-2{flex-grow:2}.flex-shrink-2{flex-shrink:2}}

package/styles/grid/grid.min.css

@@ -0,0 +1 @@
+.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 → styles}/grid/grid.responsive.css

@@ -478,127 +478,6 @@
     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;
-  }
-
-  /* template-columns */
-  .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));
-  }
-
-  /* template-rows */
-  .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/styles/grid/grid.responsive.min.css

@@ -0,0 +1 @@
+@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))}}

package/{lib/styles/core → styles}/menu/menu.css

@@ -23,25 +23,27 @@ ul.menu {
 ul.menu-v {
   padding: 0;
   margin: 0;
-  line-height: 1rem;
+  line-height: var(--box-density-2);
 }
 ul.menu-v li.menu-item,
 ul.menu-v li {
   display: block;
-  margin: 0 1rem;
+  margin: 0;
   width: auto;
   transition-property: all;
-  transition-duration: 0.5s;
-  padding: 1rem;
+  transition-duration: 0.15s;
+  padding: var(--box-density-1);
+  border-left: 1px solid var(--theme-color-border);
 }
 ul.menu-v li.menu-item:hover,
 ul.menu-v li:hover {
-  border-radius: 4px;
+  border-radius: var(--radius-small);
   background-color: #ededed;
+  border-left: 1px solid var(--theme-color-primary);
 }
 ul.menu-v li.menu-item.active,
 ul.menu-v li.active {
-  border-radius: 4px;
+  border-radius: var(--radius-small);
   background-color: #ededed;
   font-weight: bold;
 }
@@ -51,25 +53,27 @@ ul.menu-v li {
 ul.menu-h {
   padding: 0;
   margin: 0;
-  line-height: 1rem;
+  line-height: var(--box-density-2);
 }
 ul.menu-h li.menu-item,
 ul.menu-h li {
   display: block;
-  margin: 0 1rem;
+  margin: 0;
   width: auto;
   transition-property: all;
-  transition-duration: 0.5s;
-  padding: 1rem;
+  transition-duration: 0.15s;
+  padding: var(--box-density-1);
+  border-left: 1px solid var(--theme-color-border);
 }
 ul.menu-h li.menu-item:hover,
 ul.menu-h li:hover {
-  border-radius: 4px;
+  border-radius: var(--radius-small);
   background-color: #ededed;
+  border-left: 1px solid var(--theme-color-primary);
 }
 ul.menu-h li.menu-item.active,
 ul.menu-h li.active {
-  border-radius: 4px;
+  border-radius: var(--radius-small);
   background-color: #ededed;
   font-weight: bold;
 }

package/styles/menu/menu.min.css

@@ -0,0 +1 @@
+ul.menu{list-style:none;list-style-type:none}ul.menu-v{padding:0;margin:0;line-height:var(--box-density-2)}ul.menu-v li.menu-item,ul.menu-v li{display:block;margin:0;width:auto;transition-property:all;transition-duration:.15s;padding:var(--box-density-1);border-left:1px solid var(--theme-color-border)}ul.menu-v li.menu-item:hover,ul.menu-v li:hover{border-radius:var(--radius-small);background-color:#ededed;border-left:1px solid var(--theme-color-primary)}ul.menu-v li.menu-item.active,ul.menu-v li.active{border-radius:var(--radius-small);background-color:#ededed;font-weight:bold}ul.menu-v li{list-style:none}ul.menu-h{padding:0;margin:0;line-height:var(--box-density-2)}ul.menu-h li.menu-item,ul.menu-h li{display:block;margin:0;width:auto;transition-property:all;transition-duration:.15s;padding:var(--box-density-1);border-left:1px solid var(--theme-color-border)}ul.menu-h li.menu-item:hover,ul.menu-h li:hover{border-radius:var(--radius-small);background-color:#ededed;border-left:1px solid var(--theme-color-primary)}ul.menu-h li.menu-item.active,ul.menu-h li.active{border-radius:var(--radius-small);background-color:#ededed;font-weight:bold}ul.menu-h li{list-style:none}ul.menu-v li.menu-item.active,ul.menu-v li.active{font-weight:bold;margin-left:1rem}ul.menu-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-h li.menu-item,ul.menu-h li{margin:0;text-align:center}