@gridonic/grid - npm Package Compare versions

Comparing version 0.1.0 to 0.2.0

.idea/workspace.xml

@@ -13,27 +13,3 @@ <?xml version="1.0" encoding="UTF-8"?>
   <component name="FileEditorManager">
-    <leaf>
-      <file leaf-file-name="CHANGELOG.md" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/CHANGELOG.md">
-          <provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]">
-            <state split_layout="SPLIT">
-              <first_editor relative-caret-position="108">
-                <caret line="6" column="0" lean-forward="true" selection-start-line="6" selection-start-column="0" selection-end-line="6" selection-end-column="0" />
-                <folding />
-              </first_editor>
-              <second_editor />
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file leaf-file-name="package.json" pinned="false" current-in-tab="true">
-        <entry file="file://$PROJECT_DIR$/package.json">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="558">
-              <caret line="31" column="11" lean-forward="false" selection-start-line="31" selection-start-column="11" selection-end-line="31" selection-end-column="11" />
-              <folding />
-            </state>
-          </provider>
-        </entry>
-      </file>
-    </leaf>
+    <leaf />
   </component>
@@ -44,2 +20,4 @@ <component name="FindInProjectRecents">
       <find>priv</find>
+      <find>&lt;pre&gt;&lt;code&gt;[^&lt;]+&lt;/code&gt;&lt;/pre&gt;</find>
+      <find>0.1.0</find>
     </findStrings>
@@ -58,3 +36,11 @@ </component>
       <list>
+        <option value="$PROJECT_DIR$/dist/grid.css" />
+        <option value="$APPLICATION_CONFIG_DIR$/scratches/scratch_23.txt" />
+        <option value="$APPLICATION_CONFIG_DIR$/scratches/scratch_1.css" />
+        <option value="$APPLICATION_CONFIG_DIR$/scratches/scratch_5.html" />
+        <option value="$APPLICATION_CONFIG_DIR$/scratches/scratch_1.md" />
+        <option value="$PROJECT_DIR$/grid.scss" />
         <option value="$PROJECT_DIR$/CHANGELOG.md" />
+        <option value="$PROJECT_DIR$/package.json" />
+        <option value="$PROJECT_DIR$/README.md" />
       </list>
@@ -74,6 +60,6 @@ </option>
   <component name="ProjectFrameBounds" extendedState="6">
-    <option name="x" value="1440" />
-    <option name="y" value="-517" />
-    <option name="width" value="2560" />
-    <option name="height" value="1417" />
+    <option name="x" value="1360" />
+    <option name="y" value="23" />
+    <option name="width" value="80" />
+    <option name="height" value="22" />
   </component>
@@ -95,2 +81,5 @@ <component name="ProjectView">
     <panes>
+      <pane id="Scratches" />
+      <pane id="Scope" />
+      <pane id="AndroidView" />
       <pane id="ProjectPane">
@@ -103,2 +92,7 @@ <subPane>
             </path>
+            <path>
+              <item name="@gridonic/grid" type="b2602c69:ProjectViewProjectNode" />
+              <item name="grid" type="462c0819:PsiDirectoryNode" />
+              <item name="dist" type="462c0819:PsiDirectoryNode" />
+            </path>
           </expand>
@@ -108,6 +102,3 @@ <select />
       </pane>
-      <pane id="AndroidView" />
       <pane id="PackagesPane" />
-      <pane id="Scratches" />
-      <pane id="Scope" />
     </panes>
@@ -122,2 +113,3 @@ </component>
     <property name="project.structure.side.proportion" value="0.0" />
+    <property name="com.intellij.ide.scratch.LRUPopupBuilder$2/Languages" value="HTML&#10;TEXT" />
   </component>
@@ -230,3 +222,5 @@ <component name="RunDashboard">
       <workItem from="1530868146907" duration="28000" />
-      <workItem from="1530868178647" duration="272000" />
+      <workItem from="1530868178647" duration="540000" />
+      <workItem from="1530869604923" duration="34000" />
+      <workItem from="1530888996991" duration="8738000" />
     </task>
@@ -236,7 +230,6 @@ <servers />
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="300000" />
+    <option name="totallyTimeSpent" value="9340000" />
   </component>
   <component name="ToolWindowManager">
-    <frame x="1440" y="-517" width="2560" height="1417" extended-state="6" />
-    <editor active="true" />
+    <frame x="0" y="23" width="1440" height="877" extended-state="6" />
     <layout>
@@ -255,4 +248,5 @@ <window_info id="Palette" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
       <window_info id="Designer" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
-      <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.13860206" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
+      <window_info id="Project" active="true" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.24964234" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
       <window_info id="Database" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
+      <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
       <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
@@ -269,3 +263,2 @@ <window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
       <window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
-      <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
     </layout>
@@ -288,2 +281,9 @@ </component>
           <caret line="2145" column="13" lean-forward="false" selection-start-line="2145" selection-start-column="9" selection-end-line="2145" selection-end-column="13" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$APPLICATION_CONFIG_DIR$/scratches/scratch_23.txt">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="54">
+          <caret line="3" column="0" lean-forward="true" selection-start-line="3" selection-start-column="0" selection-end-line="3" selection-end-column="0" />
           <folding />
@@ -293,7 +293,47 @@ </state>
     </entry>
-    <entry file="file://$PROJECT_DIR$/CHANGELOG.md">
+    <entry file="file://$APPLICATION_CONFIG_DIR$/scratches/scratch_1.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="699">
+          <caret line="194" column="0" lean-forward="false" selection-start-line="194" selection-start-column="0" selection-end-line="194" selection-end-column="0" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$APPLICATION_CONFIG_DIR$/scratches/scratch_2.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="0">
+          <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$APPLICATION_CONFIG_DIR$/scratches/scratch_3.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="0">
+          <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$APPLICATION_CONFIG_DIR$/scratches/scratch_5.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="231">
+          <caret line="92" column="25" lean-forward="true" selection-start-line="92" selection-start-column="25" selection-end-line="92" selection-end-column="25" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/dist/grid.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="0">
+          <caret line="0" column="44" lean-forward="false" selection-start-line="0" selection-start-column="44" selection-end-line="0" selection-end-column="44" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$APPLICATION_CONFIG_DIR$/scratches/scratch_1.md">
       <provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]">
         <state split_layout="SPLIT">
-          <first_editor relative-caret-position="108">
-            <caret line="6" column="0" lean-forward="true" selection-start-line="6" selection-start-column="0" selection-end-line="6" selection-end-column="0" />
+          <first_editor relative-caret-position="0">
+            <caret line="0" column="2" lean-forward="false" selection-start-line="0" selection-start-column="2" selection-end-line="0" selection-end-column="2" />
             <folding />
@@ -307,4 +347,4 @@ </first_editor>
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="558">
-          <caret line="31" column="11" lean-forward="false" selection-start-line="31" selection-start-column="11" selection-end-line="31" selection-end-column="11" />
+        <state relative-caret-position="108">
+          <caret line="6" column="43" lean-forward="true" selection-start-line="6" selection-start-column="43" selection-end-line="6" selection-end-column="43" />
           <folding />
@@ -314,2 +354,42 @@ </state>
     </entry>
+    <entry file="file://$PROJECT_DIR$/grid.scss">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="288">
+          <caret line="40" column="45" lean-forward="true" selection-start-line="40" selection-start-column="45" selection-end-line="40" selection-end-column="45" />
+          <folding>
+            <element signature="e#701#788#0" expanded="false" />
+            <element signature="e#1696#1838#0" expanded="false" />
+            <element signature="e#1892#2196#0" expanded="false" />
+            <element signature="e#1994#2076#0" expanded="false" />
+            <element signature="e#2102#2194#0" expanded="false" />
+            <element signature="e#2415#2459#0" expanded="false" />
+            <element signature="e#2663#2718#0" expanded="false" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/CHANGELOG.md">
+      <provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]">
+        <state split_layout="FIRST">
+          <first_editor relative-caret-position="216">
+            <caret line="12" column="0" lean-forward="true" selection-start-line="12" selection-start-column="0" selection-end-line="12" selection-end-column="0" />
+            <folding />
+          </first_editor>
+          <second_editor />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/README.md">
+      <provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]">
+        <state split_layout="FIRST">
+          <first_editor relative-caret-position="379">
+            <caret line="52" column="4" lean-forward="false" selection-start-line="52" selection-start-column="4" selection-end-line="52" selection-end-column="4" />
+            <folding>
+              <marker date="1530958903654" expanded="true" signature="1265:1342" ph="(...)" />
+            </folding>
+          </first_editor>
+          <second_editor />
+        </state>
+      </provider>
+    </entry>
   </component>
@@ -316,0 +396,0 @@ <component name="masterDetails">

CHANGELOG.md

@@ -0,1 +1,14 @@
+# [0.2.0]
+###### 2018-07-07
+
+###### Fixed
+- Non-responsive column behaviour ([e370bed])
+
+###### Changed
+- Removed `only screen` media query restriction ([dd7caef])
+- Allow setting initial breakpoint name ([397dff5])
+
+###### Added
+- Aliases for `-start` (`-left`) and `-end` (`-right`) ([c3aa196])
+
 # [0.1.0]
@@ -6,2 +19,8 @@ ###### 2018-07-06
 
-[0.1.0]: https://github.com/gridonic/grid/compare/0.1.0...HEAD
+[0.2.0]: https://github.com/gridonic/grid/compare/0.2.0...HEAD
+[0.1.0]: https://github.com/gridonic/grid/compare/0.1.0...0.2.0
+
+[e370bed]: https://github.com/gridonic/grid/commit/e370bed
+[dd7caef]: https://github.com/gridonic/grid/commit/dd7caef
+[397dff5]: https://github.com/gridonic/grid/commit/397dff5
+[c3aa196]: https://github.com/gridonic/grid/commit/c3aa196

dist/grid.css

@@ -1,1 +0,1 @@
-.grid-container{-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:auto;margin-right:auto}.grid-container:not(.-fluid){max-width:1440px}.grid-container:not(.-no-padding){padding-left:2rem;padding-right:2rem}.grid-row{-ms-flex:0 1 auto;-ms-flex-flow:row wrap;-webkit-box-direction:normal;-webkit-box-flex:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;flex:0 1 auto;flex-flow:row wrap;margin-left:-.5rem;margin-right:-.5rem}.grid-row,.grid-row.-reverse{-webkit-box-orient:horizontal}.grid-row.-reverse{-ms-flex-direction:row-reverse;-webkit-box-direction:reverse;flex-direction:row-reverse}.grid-row>.column{-ms-flex:1 0 0px;-webkit-box-flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;flex:1 0 0;max-width:100%;padding-left:.5rem;padding-right:.5rem}.grid-row>.column.-reverse{-ms-flex-direction:column-reverse;-webkit-box-direction:reverse;-webkit-box-orient:vertical;flex-direction:column-reverse}.grid-row.-xs-start{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start}.grid-row.-xs-center{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center}.grid-row.-xs-end{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end}.grid-row.-xs-top{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.grid-row.-xs-middle{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.grid-row.-xs-bottom{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.grid-row.-xs-around{-ms-flex-pack:distribute;justify-content:space-around}.grid-row.-xs-between{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.grid-row>.column.-xs-first{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.grid-row>.column.-xs-last{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}.grid-row>.column.-xs-1{-ms-flex-preferred-size:8.33333%;flex-basis:8.33333%;max-width:8.33333%}.grid-row>.column.-xs-2{-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%;max-width:16.66667%}.grid-row>.column.-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.grid-row>.column.-xs-4{-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%;max-width:33.33333%}.grid-row>.column.-xs-5{-ms-flex-preferred-size:41.66667%;flex-basis:41.66667%;max-width:41.66667%}.grid-row>.column.-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.grid-row>.column.-xs-7{-ms-flex-preferred-size:58.33333%;flex-basis:58.33333%;max-width:58.33333%}.grid-row>.column.-xs-8{-ms-flex-preferred-size:66.66667%;flex-basis:66.66667%;max-width:66.66667%}.grid-row>.column.-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.grid-row>.column.-xs-10{-ms-flex-preferred-size:83.33333%;flex-basis:83.33333%;max-width:83.33333%}.grid-row>.column.-xs-11{-ms-flex-preferred-size:91.66667%;flex-basis:91.66667%;max-width:91.66667%}.grid-row>.column.-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.grid-row>.column.-xs-offset-0{margin-left:0}.grid-row>.column.-xs-offset-1{margin-left:8.33333%}.grid-row>.column.-xs-offset-2{margin-left:16.66667%}.grid-row>.column.-xs-offset-3{margin-left:25%}.grid-row>.column.-xs-offset-4{margin-left:33.33333%}.grid-row>.column.-xs-offset-5{margin-left:41.66667%}.grid-row>.column.-xs-offset-6{margin-left:50%}.grid-row>.column.-xs-offset-7{margin-left:58.33333%}.grid-row>.column.-xs-offset-8{margin-left:66.66667%}.grid-row>.column.-xs-offset-9{margin-left:75%}.grid-row>.column.-xs-offset-10{margin-left:83.33333%}.grid-row>.column.-xs-offset-11{margin-left:91.66667%}.grid-row>.column.-xs-offset-12{margin-left:100%}@media only screen and (min-width:576px){.grid-container{width:576px}.grid-row.-sm-start{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start}.grid-row.-sm-center{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center}.grid-row.-sm-end{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end}.grid-row.-sm-top{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.grid-row.-sm-middle{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.grid-row.-sm-bottom{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.grid-row.-sm-around{-ms-flex-pack:distribute;justify-content:space-around}.grid-row.-sm-between{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.grid-row>.column.-sm-first{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.grid-row>.column.-sm-last{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}.grid-row>.column.-sm-1{-ms-flex-preferred-size:8.33333%;flex-basis:8.33333%;max-width:8.33333%}.grid-row>.column.-sm-2{-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%;max-width:16.66667%}.grid-row>.column.-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.grid-row>.column.-sm-4{-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%;max-width:33.33333%}.grid-row>.column.-sm-5{-ms-flex-preferred-size:41.66667%;flex-basis:41.66667%;max-width:41.66667%}.grid-row>.column.-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.grid-row>.column.-sm-7{-ms-flex-preferred-size:58.33333%;flex-basis:58.33333%;max-width:58.33333%}.grid-row>.column.-sm-8{-ms-flex-preferred-size:66.66667%;flex-basis:66.66667%;max-width:66.66667%}.grid-row>.column.-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.grid-row>.column.-sm-10{-ms-flex-preferred-size:83.33333%;flex-basis:83.33333%;max-width:83.33333%}.grid-row>.column.-sm-11{-ms-flex-preferred-size:91.66667%;flex-basis:91.66667%;max-width:91.66667%}.grid-row>.column.-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.grid-row>.column.-sm-offset-0{margin-left:0}.grid-row>.column.-sm-offset-1{margin-left:8.33333%}.grid-row>.column.-sm-offset-2{margin-left:16.66667%}.grid-row>.column.-sm-offset-3{margin-left:25%}.grid-row>.column.-sm-offset-4{margin-left:33.33333%}.grid-row>.column.-sm-offset-5{margin-left:41.66667%}.grid-row>.column.-sm-offset-6{margin-left:50%}.grid-row>.column.-sm-offset-7{margin-left:58.33333%}.grid-row>.column.-sm-offset-8{margin-left:66.66667%}.grid-row>.column.-sm-offset-9{margin-left:75%}.grid-row>.column.-sm-offset-10{margin-left:83.33333%}.grid-row>.column.-sm-offset-11{margin-left:91.66667%}.grid-row>.column.-sm-offset-12{margin-left:100%}}@media only screen and (min-width:768px){.grid-container{width:768px}.grid-row.-md-start{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start}.grid-row.-md-center{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center}.grid-row.-md-end{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end}.grid-row.-md-top{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.grid-row.-md-middle{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.grid-row.-md-bottom{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.grid-row.-md-around{-ms-flex-pack:distribute;justify-content:space-around}.grid-row.-md-between{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.grid-row>.column.-md-first{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.grid-row>.column.-md-last{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}.grid-row>.column.-md-1{-ms-flex-preferred-size:8.33333%;flex-basis:8.33333%;max-width:8.33333%}.grid-row>.column.-md-2{-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%;max-width:16.66667%}.grid-row>.column.-md-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.grid-row>.column.-md-4{-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%;max-width:33.33333%}.grid-row>.column.-md-5{-ms-flex-preferred-size:41.66667%;flex-basis:41.66667%;max-width:41.66667%}.grid-row>.column.-md-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.grid-row>.column.-md-7{-ms-flex-preferred-size:58.33333%;flex-basis:58.33333%;max-width:58.33333%}.grid-row>.column.-md-8{-ms-flex-preferred-size:66.66667%;flex-basis:66.66667%;max-width:66.66667%}.grid-row>.column.-md-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.grid-row>.column.-md-10{-ms-flex-preferred-size:83.33333%;flex-basis:83.33333%;max-width:83.33333%}.grid-row>.column.-md-11{-ms-flex-preferred-size:91.66667%;flex-basis:91.66667%;max-width:91.66667%}.grid-row>.column.-md-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.grid-row>.column.-md-offset-0{margin-left:0}.grid-row>.column.-md-offset-1{margin-left:8.33333%}.grid-row>.column.-md-offset-2{margin-left:16.66667%}.grid-row>.column.-md-offset-3{margin-left:25%}.grid-row>.column.-md-offset-4{margin-left:33.33333%}.grid-row>.column.-md-offset-5{margin-left:41.66667%}.grid-row>.column.-md-offset-6{margin-left:50%}.grid-row>.column.-md-offset-7{margin-left:58.33333%}.grid-row>.column.-md-offset-8{margin-left:66.66667%}.grid-row>.column.-md-offset-9{margin-left:75%}.grid-row>.column.-md-offset-10{margin-left:83.33333%}.grid-row>.column.-md-offset-11{margin-left:91.66667%}.grid-row>.column.-md-offset-12{margin-left:100%}}@media only screen and (min-width:992px){.grid-container{width:992px}.grid-row.-lg-start{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start}.grid-row.-lg-center{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center}.grid-row.-lg-end{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end}.grid-row.-lg-top{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.grid-row.-lg-middle{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.grid-row.-lg-bottom{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.grid-row.-lg-around{-ms-flex-pack:distribute;justify-content:space-around}.grid-row.-lg-between{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.grid-row>.column.-lg-first{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.grid-row>.column.-lg-last{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}.grid-row>.column.-lg-1{-ms-flex-preferred-size:8.33333%;flex-basis:8.33333%;max-width:8.33333%}.grid-row>.column.-lg-2{-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%;max-width:16.66667%}.grid-row>.column.-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.grid-row>.column.-lg-4{-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%;max-width:33.33333%}.grid-row>.column.-lg-5{-ms-flex-preferred-size:41.66667%;flex-basis:41.66667%;max-width:41.66667%}.grid-row>.column.-lg-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.grid-row>.column.-lg-7{-ms-flex-preferred-size:58.33333%;flex-basis:58.33333%;max-width:58.33333%}.grid-row>.column.-lg-8{-ms-flex-preferred-size:66.66667%;flex-basis:66.66667%;max-width:66.66667%}.grid-row>.column.-lg-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.grid-row>.column.-lg-10{-ms-flex-preferred-size:83.33333%;flex-basis:83.33333%;max-width:83.33333%}.grid-row>.column.-lg-11{-ms-flex-preferred-size:91.66667%;flex-basis:91.66667%;max-width:91.66667%}.grid-row>.column.-lg-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.grid-row>.column.-lg-offset-0{margin-left:0}.grid-row>.column.-lg-offset-1{margin-left:8.33333%}.grid-row>.column.-lg-offset-2{margin-left:16.66667%}.grid-row>.column.-lg-offset-3{margin-left:25%}.grid-row>.column.-lg-offset-4{margin-left:33.33333%}.grid-row>.column.-lg-offset-5{margin-left:41.66667%}.grid-row>.column.-lg-offset-6{margin-left:50%}.grid-row>.column.-lg-offset-7{margin-left:58.33333%}.grid-row>.column.-lg-offset-8{margin-left:66.66667%}.grid-row>.column.-lg-offset-9{margin-left:75%}.grid-row>.column.-lg-offset-10{margin-left:83.33333%}.grid-row>.column.-lg-offset-11{margin-left:91.66667%}.grid-row>.column.-lg-offset-12{margin-left:100%}}@media only screen and (min-width:1200px){.grid-container{width:1200px}.grid-row.-xl-start{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start}.grid-row.-xl-center{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center}.grid-row.-xl-end{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end}.grid-row.-xl-top{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.grid-row.-xl-middle{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.grid-row.-xl-bottom{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.grid-row.-xl-around{-ms-flex-pack:distribute;justify-content:space-around}.grid-row.-xl-between{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.grid-row>.column.-xl-first{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.grid-row>.column.-xl-last{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}.grid-row>.column.-xl-1{-ms-flex-preferred-size:8.33333%;flex-basis:8.33333%;max-width:8.33333%}.grid-row>.column.-xl-2{-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%;max-width:16.66667%}.grid-row>.column.-xl-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.grid-row>.column.-xl-4{-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%;max-width:33.33333%}.grid-row>.column.-xl-5{-ms-flex-preferred-size:41.66667%;flex-basis:41.66667%;max-width:41.66667%}.grid-row>.column.-xl-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.grid-row>.column.-xl-7{-ms-flex-preferred-size:58.33333%;flex-basis:58.33333%;max-width:58.33333%}.grid-row>.column.-xl-8{-ms-flex-preferred-size:66.66667%;flex-basis:66.66667%;max-width:66.66667%}.grid-row>.column.-xl-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.grid-row>.column.-xl-10{-ms-flex-preferred-size:83.33333%;flex-basis:83.33333%;max-width:83.33333%}.grid-row>.column.-xl-11{-ms-flex-preferred-size:91.66667%;flex-basis:91.66667%;max-width:91.66667%}.grid-row>.column.-xl-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.grid-row>.column.-xl-offset-0{margin-left:0}.grid-row>.column.-xl-offset-1{margin-left:8.33333%}.grid-row>.column.-xl-offset-2{margin-left:16.66667%}.grid-row>.column.-xl-offset-3{margin-left:25%}.grid-row>.column.-xl-offset-4{margin-left:33.33333%}.grid-row>.column.-xl-offset-5{margin-left:41.66667%}.grid-row>.column.-xl-offset-6{margin-left:50%}.grid-row>.column.-xl-offset-7{margin-left:58.33333%}.grid-row>.column.-xl-offset-8{margin-left:66.66667%}.grid-row>.column.-xl-offset-9{margin-left:75%}.grid-row>.column.-xl-offset-10{margin-left:83.33333%}.grid-row>.column.-xl-offset-11{margin-left:91.66667%}.grid-row>.column.-xl-offset-12{margin-left:100%}}
+.grid-container{-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:auto;margin-right:auto}.grid-container:not(.-fluid){max-width:1440px}.grid-container:not(.-no-padding){padding-left:2rem;padding-right:2rem}.grid-row{-ms-flex:0 1 auto;-ms-flex-flow:row wrap;-webkit-box-direction:normal;-webkit-box-flex:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;flex:0 1 auto;flex-flow:row wrap;margin-left:-.5rem;margin-right:-.5rem}.grid-row,.grid-row.-reverse{-webkit-box-orient:horizontal}.grid-row.-reverse{-ms-flex-direction:row-reverse;-webkit-box-direction:reverse;flex-direction:row-reverse}.grid-row>.column{-ms-flex:0 0 auto;-webkit-box-flex:0;-webkit-box-sizing:border-box;box-sizing:border-box;flex:0 0 auto;max-width:100%;padding-left:.5rem;padding-right:.5rem}.grid-row>.column.-reverse{-ms-flex-direction:column-reverse;-webkit-box-direction:reverse;-webkit-box-orient:vertical;flex-direction:column-reverse}.grid-row.-xs-left,.grid-row.-xs-start{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start}.grid-row.-xs-center{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center}.grid-row.-xs-end,.grid-row.-xs-right{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end}.grid-row.-xs-top{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.grid-row.-xs-middle{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.grid-row.-xs-bottom{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.grid-row.-xs-around{-ms-flex-pack:distribute;justify-content:space-around}.grid-row.-xs-between{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.grid-row>.column.-xs{-ms-flex:1 0 0px;-webkit-box-flex:1;flex:1 0 0}.grid-row>.column.-xs-first{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.grid-row>.column.-xs-last{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}.grid-row>.column.-xs-1{-ms-flex-preferred-size:8.33333%;flex-basis:8.33333%;max-width:8.33333%}.grid-row>.column.-xs-2{-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%;max-width:16.66667%}.grid-row>.column.-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.grid-row>.column.-xs-4{-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%;max-width:33.33333%}.grid-row>.column.-xs-5{-ms-flex-preferred-size:41.66667%;flex-basis:41.66667%;max-width:41.66667%}.grid-row>.column.-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.grid-row>.column.-xs-7{-ms-flex-preferred-size:58.33333%;flex-basis:58.33333%;max-width:58.33333%}.grid-row>.column.-xs-8{-ms-flex-preferred-size:66.66667%;flex-basis:66.66667%;max-width:66.66667%}.grid-row>.column.-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.grid-row>.column.-xs-10{-ms-flex-preferred-size:83.33333%;flex-basis:83.33333%;max-width:83.33333%}.grid-row>.column.-xs-11{-ms-flex-preferred-size:91.66667%;flex-basis:91.66667%;max-width:91.66667%}.grid-row>.column.-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.grid-row>.column.-xs-offset-0{margin-left:0}.grid-row>.column.-xs-offset-1{margin-left:8.33333%}.grid-row>.column.-xs-offset-2{margin-left:16.66667%}.grid-row>.column.-xs-offset-3{margin-left:25%}.grid-row>.column.-xs-offset-4{margin-left:33.33333%}.grid-row>.column.-xs-offset-5{margin-left:41.66667%}.grid-row>.column.-xs-offset-6{margin-left:50%}.grid-row>.column.-xs-offset-7{margin-left:58.33333%}.grid-row>.column.-xs-offset-8{margin-left:66.66667%}.grid-row>.column.-xs-offset-9{margin-left:75%}.grid-row>.column.-xs-offset-10{margin-left:83.33333%}.grid-row>.column.-xs-offset-11{margin-left:91.66667%}.grid-row>.column.-xs-offset-12{margin-left:100%}@media (min-width:576px){.grid-container{width:576px}.grid-row.-sm-left,.grid-row.-sm-start{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start}.grid-row.-sm-center{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center}.grid-row.-sm-end,.grid-row.-sm-right{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end}.grid-row.-sm-top{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.grid-row.-sm-middle{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.grid-row.-sm-bottom{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.grid-row.-sm-around{-ms-flex-pack:distribute;justify-content:space-around}.grid-row.-sm-between{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.grid-row>.column.-sm{-ms-flex:1 0 0px;-webkit-box-flex:1;flex:1 0 0}.grid-row>.column.-sm-first{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.grid-row>.column.-sm-last{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}.grid-row>.column.-sm-1{-ms-flex-preferred-size:8.33333%;flex-basis:8.33333%;max-width:8.33333%}.grid-row>.column.-sm-2{-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%;max-width:16.66667%}.grid-row>.column.-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.grid-row>.column.-sm-4{-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%;max-width:33.33333%}.grid-row>.column.-sm-5{-ms-flex-preferred-size:41.66667%;flex-basis:41.66667%;max-width:41.66667%}.grid-row>.column.-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.grid-row>.column.-sm-7{-ms-flex-preferred-size:58.33333%;flex-basis:58.33333%;max-width:58.33333%}.grid-row>.column.-sm-8{-ms-flex-preferred-size:66.66667%;flex-basis:66.66667%;max-width:66.66667%}.grid-row>.column.-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.grid-row>.column.-sm-10{-ms-flex-preferred-size:83.33333%;flex-basis:83.33333%;max-width:83.33333%}.grid-row>.column.-sm-11{-ms-flex-preferred-size:91.66667%;flex-basis:91.66667%;max-width:91.66667%}.grid-row>.column.-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.grid-row>.column.-sm-offset-0{margin-left:0}.grid-row>.column.-sm-offset-1{margin-left:8.33333%}.grid-row>.column.-sm-offset-2{margin-left:16.66667%}.grid-row>.column.-sm-offset-3{margin-left:25%}.grid-row>.column.-sm-offset-4{margin-left:33.33333%}.grid-row>.column.-sm-offset-5{margin-left:41.66667%}.grid-row>.column.-sm-offset-6{margin-left:50%}.grid-row>.column.-sm-offset-7{margin-left:58.33333%}.grid-row>.column.-sm-offset-8{margin-left:66.66667%}.grid-row>.column.-sm-offset-9{margin-left:75%}.grid-row>.column.-sm-offset-10{margin-left:83.33333%}.grid-row>.column.-sm-offset-11{margin-left:91.66667%}.grid-row>.column.-sm-offset-12{margin-left:100%}}@media (min-width:768px){.grid-container{width:768px}.grid-row.-md-left,.grid-row.-md-start{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start}.grid-row.-md-center{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center}.grid-row.-md-end,.grid-row.-md-right{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end}.grid-row.-md-top{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.grid-row.-md-middle{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.grid-row.-md-bottom{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.grid-row.-md-around{-ms-flex-pack:distribute;justify-content:space-around}.grid-row.-md-between{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.grid-row>.column.-md{-ms-flex:1 0 0px;-webkit-box-flex:1;flex:1 0 0}.grid-row>.column.-md-first{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.grid-row>.column.-md-last{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}.grid-row>.column.-md-1{-ms-flex-preferred-size:8.33333%;flex-basis:8.33333%;max-width:8.33333%}.grid-row>.column.-md-2{-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%;max-width:16.66667%}.grid-row>.column.-md-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.grid-row>.column.-md-4{-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%;max-width:33.33333%}.grid-row>.column.-md-5{-ms-flex-preferred-size:41.66667%;flex-basis:41.66667%;max-width:41.66667%}.grid-row>.column.-md-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.grid-row>.column.-md-7{-ms-flex-preferred-size:58.33333%;flex-basis:58.33333%;max-width:58.33333%}.grid-row>.column.-md-8{-ms-flex-preferred-size:66.66667%;flex-basis:66.66667%;max-width:66.66667%}.grid-row>.column.-md-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.grid-row>.column.-md-10{-ms-flex-preferred-size:83.33333%;flex-basis:83.33333%;max-width:83.33333%}.grid-row>.column.-md-11{-ms-flex-preferred-size:91.66667%;flex-basis:91.66667%;max-width:91.66667%}.grid-row>.column.-md-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.grid-row>.column.-md-offset-0{margin-left:0}.grid-row>.column.-md-offset-1{margin-left:8.33333%}.grid-row>.column.-md-offset-2{margin-left:16.66667%}.grid-row>.column.-md-offset-3{margin-left:25%}.grid-row>.column.-md-offset-4{margin-left:33.33333%}.grid-row>.column.-md-offset-5{margin-left:41.66667%}.grid-row>.column.-md-offset-6{margin-left:50%}.grid-row>.column.-md-offset-7{margin-left:58.33333%}.grid-row>.column.-md-offset-8{margin-left:66.66667%}.grid-row>.column.-md-offset-9{margin-left:75%}.grid-row>.column.-md-offset-10{margin-left:83.33333%}.grid-row>.column.-md-offset-11{margin-left:91.66667%}.grid-row>.column.-md-offset-12{margin-left:100%}}@media (min-width:992px){.grid-container{width:992px}.grid-row.-lg-left,.grid-row.-lg-start{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start}.grid-row.-lg-center{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center}.grid-row.-lg-end,.grid-row.-lg-right{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end}.grid-row.-lg-top{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.grid-row.-lg-middle{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.grid-row.-lg-bottom{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.grid-row.-lg-around{-ms-flex-pack:distribute;justify-content:space-around}.grid-row.-lg-between{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.grid-row>.column.-lg{-ms-flex:1 0 0px;-webkit-box-flex:1;flex:1 0 0}.grid-row>.column.-lg-first{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.grid-row>.column.-lg-last{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}.grid-row>.column.-lg-1{-ms-flex-preferred-size:8.33333%;flex-basis:8.33333%;max-width:8.33333%}.grid-row>.column.-lg-2{-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%;max-width:16.66667%}.grid-row>.column.-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.grid-row>.column.-lg-4{-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%;max-width:33.33333%}.grid-row>.column.-lg-5{-ms-flex-preferred-size:41.66667%;flex-basis:41.66667%;max-width:41.66667%}.grid-row>.column.-lg-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.grid-row>.column.-lg-7{-ms-flex-preferred-size:58.33333%;flex-basis:58.33333%;max-width:58.33333%}.grid-row>.column.-lg-8{-ms-flex-preferred-size:66.66667%;flex-basis:66.66667%;max-width:66.66667%}.grid-row>.column.-lg-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.grid-row>.column.-lg-10{-ms-flex-preferred-size:83.33333%;flex-basis:83.33333%;max-width:83.33333%}.grid-row>.column.-lg-11{-ms-flex-preferred-size:91.66667%;flex-basis:91.66667%;max-width:91.66667%}.grid-row>.column.-lg-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.grid-row>.column.-lg-offset-0{margin-left:0}.grid-row>.column.-lg-offset-1{margin-left:8.33333%}.grid-row>.column.-lg-offset-2{margin-left:16.66667%}.grid-row>.column.-lg-offset-3{margin-left:25%}.grid-row>.column.-lg-offset-4{margin-left:33.33333%}.grid-row>.column.-lg-offset-5{margin-left:41.66667%}.grid-row>.column.-lg-offset-6{margin-left:50%}.grid-row>.column.-lg-offset-7{margin-left:58.33333%}.grid-row>.column.-lg-offset-8{margin-left:66.66667%}.grid-row>.column.-lg-offset-9{margin-left:75%}.grid-row>.column.-lg-offset-10{margin-left:83.33333%}.grid-row>.column.-lg-offset-11{margin-left:91.66667%}.grid-row>.column.-lg-offset-12{margin-left:100%}}@media (min-width:1200px){.grid-container{width:1200px}.grid-row.-xl-left,.grid-row.-xl-start{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start}.grid-row.-xl-center{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center}.grid-row.-xl-end,.grid-row.-xl-right{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end}.grid-row.-xl-top{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.grid-row.-xl-middle{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.grid-row.-xl-bottom{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.grid-row.-xl-around{-ms-flex-pack:distribute;justify-content:space-around}.grid-row.-xl-between{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.grid-row>.column.-xl{-ms-flex:1 0 0px;-webkit-box-flex:1;flex:1 0 0}.grid-row>.column.-xl-first{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.grid-row>.column.-xl-last{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}.grid-row>.column.-xl-1{-ms-flex-preferred-size:8.33333%;flex-basis:8.33333%;max-width:8.33333%}.grid-row>.column.-xl-2{-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%;max-width:16.66667%}.grid-row>.column.-xl-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.grid-row>.column.-xl-4{-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%;max-width:33.33333%}.grid-row>.column.-xl-5{-ms-flex-preferred-size:41.66667%;flex-basis:41.66667%;max-width:41.66667%}.grid-row>.column.-xl-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.grid-row>.column.-xl-7{-ms-flex-preferred-size:58.33333%;flex-basis:58.33333%;max-width:58.33333%}.grid-row>.column.-xl-8{-ms-flex-preferred-size:66.66667%;flex-basis:66.66667%;max-width:66.66667%}.grid-row>.column.-xl-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.grid-row>.column.-xl-10{-ms-flex-preferred-size:83.33333%;flex-basis:83.33333%;max-width:83.33333%}.grid-row>.column.-xl-11{-ms-flex-preferred-size:91.66667%;flex-basis:91.66667%;max-width:91.66667%}.grid-row>.column.-xl-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.grid-row>.column.-xl-offset-0{margin-left:0}.grid-row>.column.-xl-offset-1{margin-left:8.33333%}.grid-row>.column.-xl-offset-2{margin-left:16.66667%}.grid-row>.column.-xl-offset-3{margin-left:25%}.grid-row>.column.-xl-offset-4{margin-left:33.33333%}.grid-row>.column.-xl-offset-5{margin-left:41.66667%}.grid-row>.column.-xl-offset-6{margin-left:50%}.grid-row>.column.-xl-offset-7{margin-left:58.33333%}.grid-row>.column.-xl-offset-8{margin-left:66.66667%}.grid-row>.column.-xl-offset-9{margin-left:75%}.grid-row>.column.-xl-offset-10{margin-left:83.33333%}.grid-row>.column.-xl-offset-11{margin-left:91.66667%}.grid-row>.column.-xl-offset-12{margin-left:100%}}

grid.scss

@@ -12,2 +12,3 @@ // Set the number of columns you want to use on your layout.
 $grid-breakpoints: (
+    xs: null,
     sm: 576px,
@@ -37,5 +38,5 @@ md: 768px,
         &.-#{$name} {
-            &-start { justify-content: flex-start; }
+            &-start, &-left { justify-content: flex-start; }
             &-center { justify-content: center; }
-            &-end { justify-content: flex-end; }
+            &-end, &-right { justify-content: flex-end; }
             &-top { align-items: flex-start; }
@@ -49,2 +50,4 @@ &-middle { align-items: center; }
         > .column.-#{$name} {
+            flex: 1 0 0;
+
             &-first { order: -1; }
@@ -102,3 +105,3 @@ &-last { order: 1; }
         box-sizing: border-box;
-        flex: 1 0 0;
+        flex: 0 0 auto;
         max-width: 100%;
@@ -114,5 +117,5 @@ padding-left: $half-gutter-width;
 
-@each $name, $size in map-merge((xs: null), $grid-breakpoints) {
+@each $name, $size in $grid-breakpoints {
     @if $size {
-        @media only screen and (min-width: $size) {
+        @media (min-width: $size) {
             @include grid-breakpoint($name, $size)
@@ -119,0 +122,0 @@ }

package.json

 {
   "name": "@gridonic/grid",
-  "version": "0.1.0",
-  "description": "Simple CSS grid based on the Flexible Box Module (Flexbox) written in Sass.",
+  "version": "0.2.0",
+  "description": "A CSS Grid based on the flex display property written entirely in Sass respecting the rscss system.",
   "main": "grid.scss",
@@ -6,0 +6,0 @@ "scripts": {

README.md

 # The Grid
 
-A CSS Grid based on the [`flex`] display property and written entirely in [Sass] respecting the [rscss] specification.
+A CSS Grid based on the [`flex`] display property written entirely in [Sass] respecting the [rscss] system.
 
@@ -53,2 +53,3 @@ # Install
 $grid-breakpoints: (
+    xs: null,
     sm: 576px,
@@ -55,0 +56,0 @@ md: 768px,

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

47982

12.96%

Number of lines in readme file

86

1.18%

Worsened metrics

Number of medium supply chain risk alerts

2

100%

No dependency changes