@medyll/cssfabric 0.2.0 → 0.2.1-beta.1

package/dist/styles/grid/grid.responsive.min.css

@@ -0,0 +1 @@
+@media only screen and (min-width: 640px){.grid-sm{display:grid}.grid-sm-auto-flow-cols{grid-auto-flow:column}.grid-sm-auto-cols-auto{grid-auto-columns:auto}.grid-sm-auto-cols-min{grid-auto-columns:min-content}.grid-sm-auto-cols-max{grid-auto-columns:max-content}.grid-sm-auto-cols{grid-auto-columns:minmax(0, 1fr)}.grid-sm-auto-flow-rows{grid-auto-flow:row}.grid-sm-auto-rows-auto{grid-auto-rows:auto}.grid-sm-auto-rows-min{grid-auto-rows:min-content}.grid-sm-auto-rows-max{grid-auto-rows:max-content}.grid-sm-auto-rows{grid-auto-rows:minmax(0, 1fr)}.grid-inline{display:inline-grid}.grid-sm-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-sm-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-sm-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-sm-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-sm-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.grid-sm-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.grid-sm-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.grid-sm-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.grid-sm-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.grid-sm-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.grid-sm-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.grid-sm-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.grid-sm-rows-1{grid-template-rows:repeat(1, minmax(0, 1fr))}.grid-sm-rows-2{grid-template-rows:repeat(2, minmax(0, 1fr))}.grid-sm-rows-3{grid-template-rows:repeat(3, minmax(0, 1fr))}.grid-sm-rows-4{grid-template-rows:repeat(4, minmax(0, 1fr))}.grid-sm-rows-5{grid-template-rows:repeat(5, minmax(0, 1fr))}.grid-sm-rows-6{grid-template-rows:repeat(6, minmax(0, 1fr))}.grid-sm-rows-7{grid-template-rows:repeat(7, minmax(0, 1fr))}.grid-sm-rows-8{grid-template-rows:repeat(8, minmax(0, 1fr))}}@media only screen and (min-width: 768px){.grid-md{display:grid}.grid-md-auto-flow-cols{grid-auto-flow:column}.grid-md-auto-cols-auto{grid-auto-columns:auto}.grid-md-auto-cols-min{grid-auto-columns:min-content}.grid-md-auto-cols-max{grid-auto-columns:max-content}.grid-md-auto-cols{grid-auto-columns:minmax(0, 1fr)}.grid-md-auto-flow-rows{grid-auto-flow:row}.grid-md-auto-rows-auto{grid-auto-rows:auto}.grid-md-auto-rows-min{grid-auto-rows:min-content}.grid-md-auto-rows-max{grid-auto-rows:max-content}.grid-md-auto-rows{grid-auto-rows:minmax(0, 1fr)}.grid-inline{display:inline-grid}.grid-md-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-md-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-md-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-md-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-md-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.grid-md-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.grid-md-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.grid-md-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.grid-md-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.grid-md-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.grid-md-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.grid-md-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.grid-md-rows-1{grid-template-rows:repeat(1, minmax(0, 1fr))}.grid-md-rows-2{grid-template-rows:repeat(2, minmax(0, 1fr))}.grid-md-rows-3{grid-template-rows:repeat(3, minmax(0, 1fr))}.grid-md-rows-4{grid-template-rows:repeat(4, minmax(0, 1fr))}.grid-md-rows-5{grid-template-rows:repeat(5, minmax(0, 1fr))}.grid-md-rows-6{grid-template-rows:repeat(6, minmax(0, 1fr))}.grid-md-rows-7{grid-template-rows:repeat(7, minmax(0, 1fr))}.grid-md-rows-8{grid-template-rows:repeat(8, minmax(0, 1fr))}}@media only screen and (min-width: 1024px){.grid-lg{display:grid}.grid-lg-auto-flow-cols{grid-auto-flow:column}.grid-lg-auto-cols-auto{grid-auto-columns:auto}.grid-lg-auto-cols-min{grid-auto-columns:min-content}.grid-lg-auto-cols-max{grid-auto-columns:max-content}.grid-lg-auto-cols{grid-auto-columns:minmax(0, 1fr)}.grid-lg-auto-flow-rows{grid-auto-flow:row}.grid-lg-auto-rows-auto{grid-auto-rows:auto}.grid-lg-auto-rows-min{grid-auto-rows:min-content}.grid-lg-auto-rows-max{grid-auto-rows:max-content}.grid-lg-auto-rows{grid-auto-rows:minmax(0, 1fr)}.grid-inline{display:inline-grid}.grid-lg-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-lg-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-lg-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-lg-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-lg-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.grid-lg-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.grid-lg-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.grid-lg-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.grid-lg-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.grid-lg-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.grid-lg-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.grid-lg-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.grid-lg-rows-1{grid-template-rows:repeat(1, minmax(0, 1fr))}.grid-lg-rows-2{grid-template-rows:repeat(2, minmax(0, 1fr))}.grid-lg-rows-3{grid-template-rows:repeat(3, minmax(0, 1fr))}.grid-lg-rows-4{grid-template-rows:repeat(4, minmax(0, 1fr))}.grid-lg-rows-5{grid-template-rows:repeat(5, minmax(0, 1fr))}.grid-lg-rows-6{grid-template-rows:repeat(6, minmax(0, 1fr))}.grid-lg-rows-7{grid-template-rows:repeat(7, minmax(0, 1fr))}.grid-lg-rows-8{grid-template-rows:repeat(8, minmax(0, 1fr))}}@media only screen and (min-width: 1280px){.grid-xl{display:grid}.grid-xl-auto-flow-cols{grid-auto-flow:column}.grid-xl-auto-cols-auto{grid-auto-columns:auto}.grid-xl-auto-cols-min{grid-auto-columns:min-content}.grid-xl-auto-cols-max{grid-auto-columns:max-content}.grid-xl-auto-cols{grid-auto-columns:minmax(0, 1fr)}.grid-xl-auto-flow-rows{grid-auto-flow:row}.grid-xl-auto-rows-auto{grid-auto-rows:auto}.grid-xl-auto-rows-min{grid-auto-rows:min-content}.grid-xl-auto-rows-max{grid-auto-rows:max-content}.grid-xl-auto-rows{grid-auto-rows:minmax(0, 1fr)}.grid-inline{display:inline-grid}.grid-xl-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-xl-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-xl-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-xl-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-xl-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.grid-xl-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.grid-xl-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.grid-xl-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.grid-xl-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.grid-xl-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.grid-xl-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.grid-xl-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.grid-xl-rows-1{grid-template-rows:repeat(1, minmax(0, 1fr))}.grid-xl-rows-2{grid-template-rows:repeat(2, minmax(0, 1fr))}.grid-xl-rows-3{grid-template-rows:repeat(3, minmax(0, 1fr))}.grid-xl-rows-4{grid-template-rows:repeat(4, minmax(0, 1fr))}.grid-xl-rows-5{grid-template-rows:repeat(5, minmax(0, 1fr))}.grid-xl-rows-6{grid-template-rows:repeat(6, minmax(0, 1fr))}.grid-xl-rows-7{grid-template-rows:repeat(7, minmax(0, 1fr))}.grid-xl-rows-8{grid-template-rows:repeat(8, minmax(0, 1fr))}}@media only screen and (min-width: 1540px){.grid-xxl{display:grid}.grid-xxl-auto-flow-cols{grid-auto-flow:column}.grid-xxl-auto-cols-auto{grid-auto-columns:auto}.grid-xxl-auto-cols-min{grid-auto-columns:min-content}.grid-xxl-auto-cols-max{grid-auto-columns:max-content}.grid-xxl-auto-cols{grid-auto-columns:minmax(0, 1fr)}.grid-xxl-auto-flow-rows{grid-auto-flow:row}.grid-xxl-auto-rows-auto{grid-auto-rows:auto}.grid-xxl-auto-rows-min{grid-auto-rows:min-content}.grid-xxl-auto-rows-max{grid-auto-rows:max-content}.grid-xxl-auto-rows{grid-auto-rows:minmax(0, 1fr)}.grid-inline{display:inline-grid}.grid-xxl-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-xxl-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-xxl-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-xxl-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-xxl-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.grid-xxl-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.grid-xxl-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.grid-xxl-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.grid-xxl-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.grid-xxl-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.grid-xxl-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.grid-xxl-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.grid-xxl-rows-1{grid-template-rows:repeat(1, minmax(0, 1fr))}.grid-xxl-rows-2{grid-template-rows:repeat(2, minmax(0, 1fr))}.grid-xxl-rows-3{grid-template-rows:repeat(3, minmax(0, 1fr))}.grid-xxl-rows-4{grid-template-rows:repeat(4, minmax(0, 1fr))}.grid-xxl-rows-5{grid-template-rows:repeat(5, minmax(0, 1fr))}.grid-xxl-rows-6{grid-template-rows:repeat(6, minmax(0, 1fr))}.grid-xxl-rows-7{grid-template-rows:repeat(7, minmax(0, 1fr))}.grid-xxl-rows-8{grid-template-rows:repeat(8, minmax(0, 1fr))}}

package/{styles → dist/styles}/menu/menu.css

@@ -1,101 +1,103 @@
-/* & li.menu-item{
-    dsp: none;
-}
-&-drop{
-    dsp: none;
-    & .menu-open{
-        dsp: none;
-        & li.menu-item, > li{
-            dsp: none;
-        }
-    }
-    & .menu-close{
-        dsp: none;
-        & li.menu-item, > li{
-            dsp: none;
-        }
-    }
-}*/
-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: 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: 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: 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: 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;
+
+/**---------------------menu.css---------------------*/
+/* & li.menu-item{
+    dsp: none;
+}
+&-drop{
+    dsp: none;
+    & .menu-open{
+        dsp: none;
+        & li.menu-item, > li{
+            dsp: none;
+        }
+    }
+    & .menu-close{
+        dsp: none;
+        & li.menu-item, > li{
+            dsp: none;
+        }
+    }
+}*/
+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: 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: 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: 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: 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;
 }