@gridonic/grid
Advanced tools
+91
-52
@@ -13,3 +13,41 @@ <?xml version="1.0" encoding="UTF-8"?> | ||
| <component name="FileEditorManager"> | ||
| <leaf /> | ||
| <leaf SIDE_TABS_SIZE_LIMIT_KEY="300"> | ||
| <file leaf-file-name="grid.scss" pinned="false" current-in-tab="false"> | ||
| <entry file="file://$PROJECT_DIR$/grid.scss"> | ||
| <provider selected="true" editor-type-id="text-editor"> | ||
| <state relative-caret-position="666"> | ||
| <caret line="37" column="21" lean-forward="true" selection-start-line="37" selection-start-column="21" selection-end-line="37" selection-end-column="21" /> | ||
| <folding> | ||
| <element signature="e#1744#1886#0" expanded="false" /> | ||
| <element signature="e#2481#2525#0" expanded="false" /> | ||
| <element signature="e#2729#2784#0" expanded="false" /> | ||
| </folding> | ||
| </state> | ||
| </provider> | ||
| </entry> | ||
| </file> | ||
| <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="324"> | ||
| <caret line="18" column="9" lean-forward="true" selection-start-line="18" selection-start-column="9" selection-end-line="18" selection-end-column="9" /> | ||
| <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="414"> | ||
| <caret line="23" column="43" lean-forward="true" selection-start-line="23" selection-start-column="43" selection-end-line="23" selection-end-column="43" /> | ||
| <folding /> | ||
| </state> | ||
| </provider> | ||
| </entry> | ||
| </file> | ||
| </leaf> | ||
| </component> | ||
@@ -40,6 +78,6 @@ <component name="FindInProjectRecents"> | ||
| <option value="$APPLICATION_CONFIG_DIR$/scratches/scratch_1.md" /> | ||
| <option value="$PROJECT_DIR$/README.md" /> | ||
| <option value="$PROJECT_DIR$/grid.scss" /> | ||
| <option value="$PROJECT_DIR$/package.json" /> | ||
| <option value="$PROJECT_DIR$/CHANGELOG.md" /> | ||
| <option value="$PROJECT_DIR$/package.json" /> | ||
| <option value="$PROJECT_DIR$/README.md" /> | ||
| </list> | ||
@@ -59,6 +97,6 @@ </option> | ||
| <component name="ProjectFrameBounds" extendedState="6"> | ||
| <option name="x" value="1360" /> | ||
| <option name="y" value="23" /> | ||
| <option name="width" value="80" /> | ||
| <option name="height" value="22" /> | ||
| <option name="x" value="1440" /> | ||
| <option name="y" value="-517" /> | ||
| <option name="width" value="2560" /> | ||
| <option name="height" value="1417" /> | ||
| </component> | ||
@@ -80,5 +118,4 @@ <component name="ProjectView"> | ||
| <panes> | ||
| <pane id="Scratches" /> | ||
| <pane id="Scope" /> | ||
| <pane id="AndroidView" /> | ||
| <pane id="PackagesPane" /> | ||
| <pane id="ProjectPane"> | ||
@@ -100,3 +137,4 @@ <subPane> | ||
| </pane> | ||
| <pane id="PackagesPane" /> | ||
| <pane id="Scope" /> | ||
| <pane id="Scratches" /> | ||
| </panes> | ||
@@ -221,3 +259,4 @@ </component> | ||
| <workItem from="1530869604923" duration="34000" /> | ||
| <workItem from="1530888996991" duration="8738000" /> | ||
| <workItem from="1530888996991" duration="10762000" /> | ||
| <workItem from="1531209337836" duration="5508000" /> | ||
| </task> | ||
@@ -227,6 +266,7 @@ <servers /> | ||
| <component name="TimeTrackingManager"> | ||
| <option name="totallyTimeSpent" value="9340000" /> | ||
| <option name="totallyTimeSpent" value="16872000" /> | ||
| </component> | ||
| <component name="ToolWindowManager"> | ||
| <frame x="0" y="23" width="1440" height="877" extended-state="6" /> | ||
| <frame x="1440" y="-517" width="2560" height="1417" extended-state="6" /> | ||
| <editor active="true" /> | ||
| <layout> | ||
@@ -245,5 +285,4 @@ <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="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="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="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" /> | ||
@@ -260,2 +299,3 @@ <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> | ||
@@ -274,6 +314,11 @@ </component> | ||
| <component name="editorHistoryManager"> | ||
| <entry file="file://$PROJECT_DIR$/package-lock.json"> | ||
| <entry file="file://$PROJECT_DIR$/grid.scss"> | ||
| <provider selected="true" editor-type-id="text-editor"> | ||
| <state relative-caret-position="416"> | ||
| <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 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> | ||
| <element signature="e#1744#1886#0" expanded="false" /> | ||
| <element signature="e#2481#2525#0" expanded="false" /> | ||
| <element signature="e#2729#2784#0" expanded="false" /> | ||
| </folding> | ||
| </state> | ||
@@ -286,3 +331,2 @@ </provider> | ||
| <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 /> | ||
| </state> | ||
@@ -295,3 +339,2 @@ </provider> | ||
| <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> | ||
@@ -304,3 +347,2 @@ </provider> | ||
| <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> | ||
@@ -313,3 +355,2 @@ </provider> | ||
| <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> | ||
@@ -322,3 +363,2 @@ </provider> | ||
| <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> | ||
@@ -331,3 +371,2 @@ </provider> | ||
| <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> | ||
@@ -341,3 +380,2 @@ </provider> | ||
| <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 /> | ||
| </first_editor> | ||
@@ -348,7 +386,9 @@ <second_editor /> | ||
| </entry> | ||
| <entry file="file://$PROJECT_DIR$/package.json"> | ||
| <provider selected="true" editor-type-id="text-editor"> | ||
| <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 /> | ||
| <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" /> | ||
| </first_editor> | ||
| <second_editor /> | ||
| </state> | ||
@@ -359,12 +399,8 @@ </provider> | ||
| <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" /> | ||
| <state relative-caret-position="666"> | ||
| <caret line="37" column="21" lean-forward="true" selection-start-line="37" selection-start-column="21" selection-end-line="37" selection-end-column="21" /> | ||
| <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" /> | ||
| <element signature="e#1744#1886#0" expanded="false" /> | ||
| <element signature="e#2481#2525#0" expanded="false" /> | ||
| <element signature="e#2729#2784#0" expanded="false" /> | ||
| </folding> | ||
@@ -374,7 +410,15 @@ </state> | ||
| </entry> | ||
| <entry file="file://$PROJECT_DIR$/package-lock.json"> | ||
| <provider selected="true" editor-type-id="text-editor"> | ||
| <state relative-caret-position="72"> | ||
| <caret line="4" column="19" lean-forward="true" selection-start-line="4" selection-start-column="19" selection-end-line="4" selection-end-column="19" /> | ||
| <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" /> | ||
| <state split_layout="SPLIT"> | ||
| <first_editor relative-caret-position="324"> | ||
| <caret line="18" column="9" lean-forward="true" selection-start-line="18" selection-start-column="9" selection-end-line="18" selection-end-column="9" /> | ||
| <folding /> | ||
@@ -386,12 +430,7 @@ </first_editor> | ||
| </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 /> | ||
| <entry file="file://$PROJECT_DIR$/package.json"> | ||
| <provider selected="true" editor-type-id="text-editor"> | ||
| <state relative-caret-position="414"> | ||
| <caret line="23" column="43" lean-forward="true" selection-start-line="23" selection-start-column="43" selection-end-line="23" selection-end-column="43" /> | ||
| <folding /> | ||
| </state> | ||
@@ -398,0 +437,0 @@ </provider> |
+28
-3
@@ -0,1 +1,19 @@ | ||
| Anything [unreleased] yet? | ||
| <br> | ||
| # [0.3.0] | ||
| ###### 2018-07-10 | ||
| Itβs all about containers. π | ||
| ###### Changed | ||
| - Rename `-no-padding` to `-no-outer` to avoid misconceptions ([6f9f9e0]) | ||
| - Rename `-fluid` to `-no-limit` for consistency reasons ([6c6bda8]) | ||
| - Container should always stretch ([5d3f578]) | ||
| ###### Added | ||
| - Add responsive `-{β¦}-fix` modifiers for enabling fixed widths ([3b968ca]) | ||
| # [0.2.0] | ||
@@ -14,3 +32,4 @@ ###### 2018-07-07 | ||
| # [0.1.0] | ||
| # 0.1.0 | ||
| ###### 2018-07-06 | ||
@@ -20,5 +39,7 @@ | ||
| [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 | ||
| [unreleased]: https://github.com/gridonic/grid/compare/0.3.0...HEAD | ||
| [0.3.0]: https://github.com/gridonic/grid/compare/0.2.0...0.3.0 | ||
| [0.2.0]: https://github.com/gridonic/grid/compare/0.1.0...0.2.0 | ||
| [e370bed]: https://github.com/gridonic/grid/commit/e370bed | ||
@@ -28,1 +49,5 @@ [dd7caef]: https://github.com/gridonic/grid/commit/dd7caef | ||
| [c3aa196]: https://github.com/gridonic/grid/commit/c3aa196 | ||
| [6f9f9e0]: https://github.com/gridonic/grid/commit/6f9f9e0 | ||
| [6c6bda8]: https://github.com/gridonic/grid/commit/6c6bda8 | ||
| [5d3f578]: https://github.com/gridonic/grid/commit/5d3f578 | ||
| [3b968ca]: https://github.com/gridonic/grid/commit/3b968ca |
+1
-1
@@ -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: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-container{-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:auto;margin-right:auto;width:100%}.grid-container:not(.-no-limit){max-width:1440px}.grid-container:not(.-no-outer){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.-sm-fix{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.-md-fix{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.-lg-fix{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.-xl-fix{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%}} |
+6
-3
@@ -31,3 +31,5 @@ // Set the number of columns you want to use on your layout. | ||
| .#{$grid-classes-prefix}container { | ||
| width: $size; | ||
| &.-#{$name}-fix { | ||
| width: $size; | ||
| } | ||
| } | ||
@@ -76,5 +78,6 @@ } | ||
| margin-right: auto; | ||
| width: 100%; | ||
| @if $grid-max-width { | ||
| &:not(.-fluid) { | ||
| &:not(.-no-limit) { | ||
| max-width: $grid-max-width; | ||
@@ -84,3 +87,3 @@ } | ||
| &:not(.-no-padding) { | ||
| &:not(.-no-outer) { | ||
| padding-left: $grid-outer-margin; | ||
@@ -87,0 +90,0 @@ padding-right: $grid-outer-margin; |
+1
-1
| { | ||
| "name": "@gridonic/grid", | ||
| "version": "0.2.0", | ||
| "version": "0.3.0", | ||
| "description": "A CSS Grid based on the flex display property written entirely in Sass respecting the rscss system.", | ||
@@ -5,0 +5,0 @@ "main": "grid.scss", |
New author
Supply chain riskA 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
50951
6.19%1
-50%