oo-loop 0.6.0 → 0.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/loop.css +36 -34
  2. package/dist/loop.min.css +1 -1
  3. package/package.json +3 -3
  4. package/scss/_variables.scss +1 -1
  5. package/scss/components/_button.scss +4 -4
  6. package/scss/components/_columns.scss +2 -2
  7. package/scss/components/_grid.scss +1 -1
  8. package/scss/functions/_array.scss +1 -1
  9. package/scss/functions/_empty.scss +1 -1
  10. package/scss/functions/_type.scss +3 -3
  11. package/scss/mixins/_loop.scss +3 -3
  12. package/scss/utilities/_spacing.scss +2 -2
package/dist/loop.css CHANGED
@@ -618,7 +618,7 @@ a {
618
618
  text-decoration: none;
619
619
  }
620
620
  a:focus, a:hover {
621
- color: rgb(49.9587096774, 199.2064516129, 243.8412903226);
621
+ color: rgb(19.5916508539%, 78.1201771031%, 95.6240354206%);
622
622
  text-decoration: none;
623
623
  }
624
624
 
@@ -1802,10 +1802,10 @@ hr, .hr {
1802
1802
  }
1803
1803
  [oo-button]:hover, [oo-button]:focus {
1804
1804
  color: #333;
1805
- background-color: rgb(229.5, 229.5, 229.5);
1805
+ background-color: rgb(90%, 90%, 90%);
1806
1806
  }
1807
1807
  [oo-button]:active {
1808
- background-color: rgb(224.4, 224.4, 224.4);
1808
+ background-color: rgb(88%, 88%, 88%);
1809
1809
  box-shadow: inset 1px 1px 1px 0 #cccccc;
1810
1810
  }
1811
1811
  [oo-button].full {
@@ -1820,13 +1820,13 @@ hr, .hr {
1820
1820
  }
1821
1821
  [oo-button~=primary]:hover, [oo-button~=primary]:focus {
1822
1822
  color: #fff;
1823
- border-color: rgb(59.6322580645, 201.8387096774, 244.3677419355);
1824
- background-color: rgb(59.6322580645, 201.8387096774, 244.3677419355);
1823
+ border-color: rgb(23.385199241%, 79.1524351676%, 95.8304870335%);
1824
+ background-color: rgb(23.385199241%, 79.1524351676%, 95.8304870335%);
1825
1825
  }
1826
1826
  [oo-button~=primary]:active {
1827
- border-color: rgb(49.9587096774, 199.2064516129, 243.8412903226);
1828
- background-color: rgb(49.9587096774, 199.2064516129, 243.8412903226);
1829
- box-shadow: inset 1px 1px 1px 0 rgb(11.7419354839, 168.7903225806, 215.7580645161);
1827
+ border-color: rgb(19.5916508539%, 78.1201771031%, 95.6240354206%);
1828
+ background-color: rgb(19.5916508539%, 78.1201771031%, 95.6240354206%);
1829
+ box-shadow: inset 1px 1px 1px 0 rgb(4.6046805819%, 66.192283365%, 84.6110056926%);
1830
1830
  }
1831
1831
 
1832
1832
  [oo-button~=secondary] {
@@ -1836,13 +1836,13 @@ hr, .hr {
1836
1836
  }
1837
1837
  [oo-button~=secondary]:hover, [oo-button~=secondary]:focus {
1838
1838
  color: #fff;
1839
- border-color: rgb(23.5214285714, 50.2214285714, 65.4785714286);
1840
- background-color: rgb(23.5214285714, 50.2214285714, 65.4785714286);
1839
+ border-color: rgb(9.2240896359%, 19.6946778711%, 25.6778711485%);
1840
+ background-color: rgb(9.2240896359%, 19.6946778711%, 25.6778711485%);
1841
1841
  }
1842
1842
  [oo-button~=secondary]:active {
1843
- border-color: rgb(20.8257142857, 44.4657142857, 57.9742857143);
1844
- background-color: rgb(20.8257142857, 44.4657142857, 57.9742857143);
1845
- box-shadow: inset 1px 1px 1px 0 rgb(3.3035714286, 7.0535714286, 9.1964285714);
1843
+ border-color: rgb(8.1669467787%, 17.437535014%, 22.7350140056%);
1844
+ background-color: rgb(8.1669467787%, 17.437535014%, 22.7350140056%);
1845
+ box-shadow: inset 1px 1px 1px 0 rgb(1.2955182073%, 2.7661064426%, 3.606442577%);
1846
1846
  }
1847
1847
 
1848
1848
  [oo-button~=outline] {
@@ -1855,28 +1855,28 @@ hr, .hr {
1855
1855
  }
1856
1856
  [oo-button~=outline][oo-button~=primary]:hover, [oo-button~=outline][oo-button~=primary]:focus {
1857
1857
  color: #fff;
1858
- border-color: rgb(59.6322580645, 201.8387096774, 244.3677419355);
1859
- background-color: rgb(59.6322580645, 201.8387096774, 244.3677419355);
1858
+ border-color: rgb(23.385199241%, 79.1524351676%, 95.8304870335%);
1859
+ background-color: rgb(23.385199241%, 79.1524351676%, 95.8304870335%);
1860
1860
  }
1861
1861
  [oo-button~=outline][oo-button~=primary]:active {
1862
1862
  color: #fff;
1863
- border-color: rgb(49.9587096774, 199.2064516129, 243.8412903226);
1864
- background-color: rgb(49.9587096774, 199.2064516129, 243.8412903226);
1865
- box-shadow: inset 1px 1px 1px 0 rgb(11.7419354839, 168.7903225806, 215.7580645161);
1863
+ border-color: rgb(19.5916508539%, 78.1201771031%, 95.6240354206%);
1864
+ background-color: rgb(19.5916508539%, 78.1201771031%, 95.6240354206%);
1865
+ box-shadow: inset 1px 1px 1px 0 rgb(4.6046805819%, 66.192283365%, 84.6110056926%);
1866
1866
  }
1867
1867
  [oo-button~=outline][oo-button~=secondary] {
1868
1868
  border-color: #254F67;
1869
1869
  }
1870
1870
  [oo-button~=outline][oo-button~=secondary]:hover, [oo-button~=outline][oo-button~=secondary]:focus {
1871
1871
  color: #fff;
1872
- border-color: rgb(23.5214285714, 50.2214285714, 65.4785714286);
1873
- background-color: rgb(23.5214285714, 50.2214285714, 65.4785714286);
1872
+ border-color: rgb(9.2240896359%, 19.6946778711%, 25.6778711485%);
1873
+ background-color: rgb(9.2240896359%, 19.6946778711%, 25.6778711485%);
1874
1874
  }
1875
1875
  [oo-button~=outline][oo-button~=secondary]:active {
1876
1876
  color: #fff;
1877
- border-color: rgb(20.8257142857, 44.4657142857, 57.9742857143);
1878
- background-color: rgb(20.8257142857, 44.4657142857, 57.9742857143);
1879
- box-shadow: inset 1px 1px 1px 0 rgb(3.3035714286, 7.0535714286, 9.1964285714);
1877
+ border-color: rgb(8.1669467787%, 17.437535014%, 22.7350140056%);
1878
+ background-color: rgb(8.1669467787%, 17.437535014%, 22.7350140056%);
1879
+ box-shadow: inset 1px 1px 1px 0 rgb(1.2955182073%, 2.7661064426%, 3.606442577%);
1880
1880
  }
1881
1881
 
1882
1882
  [oo-form~=input] {
@@ -1980,16 +1980,18 @@ label + [oo-form~=select] {
1980
1980
  -webkit-appearance: none;
1981
1981
  -moz-appearance: none;
1982
1982
  appearance: none;
1983
+ }
1984
+ [oo-form~=select] > select:focus {
1985
+ outline: none;
1986
+ box-shadow: 1px 1px 1px 0 rgba(170, 170, 170, 0.5), 1px 1px 2px 0px rgba(170, 170, 170, 0.85);
1987
+ }
1988
+ [oo-form~=select] > select {
1983
1989
  margin: 0;
1984
1990
  height: 100%;
1985
1991
  font-size: inherit;
1986
1992
  appearance: none;
1987
1993
  /* hide the default arrow in ie10 and ie11 */
1988
1994
  }
1989
- [oo-form~=select] > select:focus {
1990
- outline: none;
1991
- box-shadow: 1px 1px 1px 0 rgba(170, 170, 170, 0.5), 1px 1px 2px 0px rgba(170, 170, 170, 0.85);
1992
- }
1993
1995
  [oo-form~=select] > select::-ms-expand {
1994
1996
  display: none;
1995
1997
  }
@@ -2590,22 +2592,22 @@ ol.list-center {
2590
2592
  * Text alignements
2591
2593
  */
2592
2594
  .text-left {
2593
- text-align: left;
2595
+ text-align: "left";
2594
2596
  }
2595
2597
 
2596
2598
  .text-right {
2597
- text-align: right;
2599
+ text-align: "right";
2598
2600
  }
2599
2601
 
2600
2602
  .text-center {
2601
- text-align: center;
2603
+ text-align: "center";
2602
2604
  }
2603
2605
 
2604
2606
  /**
2605
2607
  * Text Transform
2606
2608
  */
2607
2609
  .text-uppercase {
2608
- text-transform: uppercase;
2610
+ text-transform: "uppercase";
2609
2611
  }
2610
2612
 
2611
2613
  /**
@@ -2626,7 +2628,7 @@ ol.list-center {
2626
2628
  * Font Style
2627
2629
  */
2628
2630
  .font-italic {
2629
- font-style: italic;
2631
+ font-style: "italic";
2630
2632
  }
2631
2633
 
2632
2634
  /**
@@ -2644,11 +2646,11 @@ ol.list-center {
2644
2646
  * Font Family
2645
2647
  */
2646
2648
  .font-primary {
2647
- font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
2649
+ font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
2648
2650
  }
2649
2651
 
2650
2652
  .font-secondary {
2651
- font-family: Georgia, times, serif;
2653
+ font-family: "Georgia", times, serif;
2652
2654
  }
2653
2655
 
2654
2656
  /**
package/dist/loop.min.css CHANGED
@@ -1 +1 @@
1
- /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,*::after,*::before{box-sizing:border-box}html{font-size:62.5%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased}body{color:#333;font-family:"Helvetica Neue","Helvetica","Arial",sans-serif;font-size:1.6rem;font-weight:400;line-height:1.5;background-color:#fff}h1{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:3.6rem}@media(min-width: 600px){h1{font-size:4.6rem}}.h1{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:3.6rem}@media(min-width: 600px){.h1{font-size:4.6rem}}h2{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:3.2rem}@media(min-width: 600px){h2{font-size:3.8rem}}.h2{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:3.2rem}@media(min-width: 600px){.h2{font-size:3.8rem}}h3{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:2.8rem}.h3{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:2.8rem}h4{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:2.2rem}.h4{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:2.2rem}h5{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:1.8rem}h6{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:1.6rem}p,ul,ol,dl{margin-top:0;margin-bottom:1.8rem}a{color:#6cd7f7;text-decoration:none}a:focus,a:hover{color:rgb(49.9587096774,199.2064516129,243.8412903226);text-decoration:none}ul,ol{padding-left:18px}ul li,ol li{margin-bottom:.2em}ul>ul,ul ol,ol>ul,ol ol{margin-top:.3em;margin-bottom:.5em}dt{font-weight:700}dd{margin-left:auto}dd+dt{margin-top:.5em}mark{color:inherit;background-color:#ffc}hr,.hr{margin-top:1.5rem;margin-bottom:1.5rem;display:block;border:none;border-bottom:1px solid #cdcdcd}[oo-grid~=layout]{display:grid;grid-template-columns:repeat(12, 1fr);grid-gap:2.4rem}[oo-grid*=col],[oo-grid*=row]{min-width:0}[oo-grid~=col-1]{grid-column:span 1}[oo-grid~=row-1]{grid-row:span 1}[oo-grid~=col-2]{grid-column:span 2}[oo-grid~=row-2]{grid-row:span 2}[oo-grid~=col-3]{grid-column:span 3}[oo-grid~=row-3]{grid-row:span 3}[oo-grid~=col-4]{grid-column:span 4}[oo-grid~=row-4]{grid-row:span 4}[oo-grid~=col-5]{grid-column:span 5}[oo-grid~=row-5]{grid-row:span 5}[oo-grid~=col-6]{grid-column:span 6}[oo-grid~=row-6]{grid-row:span 6}[oo-grid~=col-7]{grid-column:span 7}[oo-grid~=row-7]{grid-row:span 7}[oo-grid~=col-8]{grid-column:span 8}[oo-grid~=row-8]{grid-row:span 8}[oo-grid~=col-9]{grid-column:span 9}[oo-grid~=row-9]{grid-row:span 9}[oo-grid~=col-10]{grid-column:span 10}[oo-grid~=row-10]{grid-row:span 10}[oo-grid~=col-11]{grid-column:span 11}[oo-grid~=row-11]{grid-row:span 11}[oo-grid~=col-12]{grid-column:span 12}[oo-grid~=row-12]{grid-row:span 12}@media(min-width: 600px){[oo-grid~="col-1@sm"]{grid-column:span 1}[oo-grid~="row-1@sm"]{grid-row:span 1}[oo-grid~="col-2@sm"]{grid-column:span 2}[oo-grid~="row-2@sm"]{grid-row:span 2}[oo-grid~="col-3@sm"]{grid-column:span 3}[oo-grid~="row-3@sm"]{grid-row:span 3}[oo-grid~="col-4@sm"]{grid-column:span 4}[oo-grid~="row-4@sm"]{grid-row:span 4}[oo-grid~="col-5@sm"]{grid-column:span 5}[oo-grid~="row-5@sm"]{grid-row:span 5}[oo-grid~="col-6@sm"]{grid-column:span 6}[oo-grid~="row-6@sm"]{grid-row:span 6}[oo-grid~="col-7@sm"]{grid-column:span 7}[oo-grid~="row-7@sm"]{grid-row:span 7}[oo-grid~="col-8@sm"]{grid-column:span 8}[oo-grid~="row-8@sm"]{grid-row:span 8}[oo-grid~="col-9@sm"]{grid-column:span 9}[oo-grid~="row-9@sm"]{grid-row:span 9}[oo-grid~="col-10@sm"]{grid-column:span 10}[oo-grid~="row-10@sm"]{grid-row:span 10}[oo-grid~="col-11@sm"]{grid-column:span 11}[oo-grid~="row-11@sm"]{grid-row:span 11}[oo-grid~="col-12@sm"]{grid-column:span 12}[oo-grid~="row-12@sm"]{grid-row:span 12}}@media(min-width: 960px){[oo-grid~="col-1@md"]{grid-column:span 1}[oo-grid~="row-1@md"]{grid-row:span 1}[oo-grid~="col-2@md"]{grid-column:span 2}[oo-grid~="row-2@md"]{grid-row:span 2}[oo-grid~="col-3@md"]{grid-column:span 3}[oo-grid~="row-3@md"]{grid-row:span 3}[oo-grid~="col-4@md"]{grid-column:span 4}[oo-grid~="row-4@md"]{grid-row:span 4}[oo-grid~="col-5@md"]{grid-column:span 5}[oo-grid~="row-5@md"]{grid-row:span 5}[oo-grid~="col-6@md"]{grid-column:span 6}[oo-grid~="row-6@md"]{grid-row:span 6}[oo-grid~="col-7@md"]{grid-column:span 7}[oo-grid~="row-7@md"]{grid-row:span 7}[oo-grid~="col-8@md"]{grid-column:span 8}[oo-grid~="row-8@md"]{grid-row:span 8}[oo-grid~="col-9@md"]{grid-column:span 9}[oo-grid~="row-9@md"]{grid-row:span 9}[oo-grid~="col-10@md"]{grid-column:span 10}[oo-grid~="row-10@md"]{grid-row:span 10}[oo-grid~="col-11@md"]{grid-column:span 11}[oo-grid~="row-11@md"]{grid-row:span 11}[oo-grid~="col-12@md"]{grid-column:span 12}[oo-grid~="row-12@md"]{grid-row:span 12}}@media(min-width: 1280px){[oo-grid~="col-1@lg"]{grid-column:span 1}[oo-grid~="row-1@lg"]{grid-row:span 1}[oo-grid~="col-2@lg"]{grid-column:span 2}[oo-grid~="row-2@lg"]{grid-row:span 2}[oo-grid~="col-3@lg"]{grid-column:span 3}[oo-grid~="row-3@lg"]{grid-row:span 3}[oo-grid~="col-4@lg"]{grid-column:span 4}[oo-grid~="row-4@lg"]{grid-row:span 4}[oo-grid~="col-5@lg"]{grid-column:span 5}[oo-grid~="row-5@lg"]{grid-row:span 5}[oo-grid~="col-6@lg"]{grid-column:span 6}[oo-grid~="row-6@lg"]{grid-row:span 6}[oo-grid~="col-7@lg"]{grid-column:span 7}[oo-grid~="row-7@lg"]{grid-row:span 7}[oo-grid~="col-8@lg"]{grid-column:span 8}[oo-grid~="row-8@lg"]{grid-row:span 8}[oo-grid~="col-9@lg"]{grid-column:span 9}[oo-grid~="row-9@lg"]{grid-row:span 9}[oo-grid~="col-10@lg"]{grid-column:span 10}[oo-grid~="row-10@lg"]{grid-row:span 10}[oo-grid~="col-11@lg"]{grid-column:span 11}[oo-grid~="row-11@lg"]{grid-row:span 11}[oo-grid~="col-12@lg"]{grid-column:span 12}[oo-grid~="row-12@lg"]{grid-row:span 12}}@media(min-width: 600px){[oo-grid~="order-0@sm"]{order:-1}[oo-grid~="order-1@sm"]{order:1}[oo-grid~="order-2@sm"]{order:2}[oo-grid~="order-3@sm"]{order:3}[oo-grid~="order-4@sm"]{order:4}[oo-grid~="order-5@sm"]{order:5}[oo-grid~="order-6@sm"]{order:6}[oo-grid~="order-7@sm"]{order:7}[oo-grid~="order-8@sm"]{order:8}[oo-grid~="order-9@sm"]{order:9}[oo-grid~="order-10@sm"]{order:10}[oo-grid~="order-11@sm"]{order:11}[oo-grid~="order-12@sm"]{order:12}}@media(min-width: 960px){[oo-grid~="order-0@md"]{order:-1}[oo-grid~="order-1@md"]{order:1}[oo-grid~="order-2@md"]{order:2}[oo-grid~="order-3@md"]{order:3}[oo-grid~="order-4@md"]{order:4}[oo-grid~="order-5@md"]{order:5}[oo-grid~="order-6@md"]{order:6}[oo-grid~="order-7@md"]{order:7}[oo-grid~="order-8@md"]{order:8}[oo-grid~="order-9@md"]{order:9}[oo-grid~="order-10@md"]{order:10}[oo-grid~="order-11@md"]{order:11}[oo-grid~="order-12@md"]{order:12}}@media(min-width: 1280px){[oo-grid~="order-0@lg"]{order:-1}[oo-grid~="order-1@lg"]{order:1}[oo-grid~="order-2@lg"]{order:2}[oo-grid~="order-3@lg"]{order:3}[oo-grid~="order-4@lg"]{order:4}[oo-grid~="order-5@lg"]{order:5}[oo-grid~="order-6@lg"]{order:6}[oo-grid~="order-7@lg"]{order:7}[oo-grid~="order-8@lg"]{order:8}[oo-grid~="order-9@lg"]{order:9}[oo-grid~="order-10@lg"]{order:10}[oo-grid~="order-11@lg"]{order:11}[oo-grid~="order-12@lg"]{order:12}}[oo-grid~=gap-less]{grid-gap:0}[oo-grid~=gap-small]{grid-gap:1.6rem}[oo-grid~=v-gap-less]{grid-row-gap:0}[oo-grid~=v-gap-small]{grid-row-gap:1.6rem}[oo-column~=row]{position:relative;left:-2.4rem;margin-right:-2.4rem;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap}[oo-column*=col]{padding-left:2.4rem;padding-bottom:2.4rem;flex-shrink:0;flex-grow:1;flex-basis:0;min-width:0;max-width:100%}[oo-column~=col]{flex-basis:0;max-width:100%}[oo-column~=col-1]{flex-basis:8.3333333333%;max-width:8.3333333333%}[oo-column~=col-2]{flex-basis:16.6666666667%;max-width:16.6666666667%}[oo-column~=col-3]{flex-basis:25%;max-width:25%}[oo-column~=col-4]{flex-basis:33.3333333333%;max-width:33.3333333333%}[oo-column~=col-5]{flex-basis:41.6666666667%;max-width:41.6666666667%}[oo-column~=col-6]{flex-basis:50%;max-width:50%}[oo-column~=col-7]{flex-basis:58.3333333333%;max-width:58.3333333333%}[oo-column~=col-8]{flex-basis:66.6666666667%;max-width:66.6666666667%}[oo-column~=col-9]{flex-basis:75%;max-width:75%}[oo-column~=col-10]{flex-basis:83.3333333333%;max-width:83.3333333333%}[oo-column~=col-11]{flex-basis:91.6666666667%;max-width:91.6666666667%}[oo-column~=col-12]{flex-basis:100%;max-width:100%}[oo-column~=self-adjust]{min-width:auto;flex-grow:0;flex-basis:auto}[oo-column~=align-left]{justify-content:flex-start}[oo-column~=align-center]{justify-content:center}[oo-column~=align-right]{justify-content:flex-end}[oo-column~=align-evenly]{justify-content:space-evenly}[oo-column~=align-between]{justify-content:space-between}[oo-column~=align-top]{align-items:flex-start}[oo-column~=align-middle]{align-items:center}[oo-column~=align-bottom]{align-items:flex-end}[oo-column~=self-align-left]{margin-left:initial;margin-right:initial}[oo-column~=self-align-center]{margin-left:auto;margin-right:auto}[oo-column~=self-align-right]{margin-left:auto;margin-right:initial}[oo-column~=self-align-top]{align-self:flex-start}[oo-column~=self-align-middle]{align-self:center}[oo-column~=self-align-bottom]{align-self:flex-end}@media(min-width: 600px){[oo-column~="col@sm"]{flex-basis:0;max-width:100%}[oo-column~="col-1@sm"]{flex-basis:8.3333333333%;max-width:8.3333333333%}[oo-column~="col-2@sm"]{flex-basis:16.6666666667%;max-width:16.6666666667%}[oo-column~="col-3@sm"]{flex-basis:25%;max-width:25%}[oo-column~="col-4@sm"]{flex-basis:33.3333333333%;max-width:33.3333333333%}[oo-column~="col-5@sm"]{flex-basis:41.6666666667%;max-width:41.6666666667%}[oo-column~="col-6@sm"]{flex-basis:50%;max-width:50%}[oo-column~="col-7@sm"]{flex-basis:58.3333333333%;max-width:58.3333333333%}[oo-column~="col-8@sm"]{flex-basis:66.6666666667%;max-width:66.6666666667%}[oo-column~="col-9@sm"]{flex-basis:75%;max-width:75%}[oo-column~="col-10@sm"]{flex-basis:83.3333333333%;max-width:83.3333333333%}[oo-column~="col-11@sm"]{flex-basis:91.6666666667%;max-width:91.6666666667%}[oo-column~="col-12@sm"]{flex-basis:100%;max-width:100%}[oo-column~="align-left@sm"]{justify-content:flex-start}[oo-column~="align-center@sm"]{justify-content:center}[oo-column~="align-right@sm"]{justify-content:flex-end}[oo-column~="align-evenly@sm"]{justify-content:space-evenly}[oo-column~="align-between@sm"]{justify-content:space-between}[oo-column~="align-top@sm"]{align-items:flex-start}[oo-column~="align-middle@sm"]{align-items:center}[oo-column~="align-bottom@sm"]{align-items:flex-end}[oo-column~="self-align-left@sm"]{margin-left:initial;margin-right:initial}[oo-column~="self-align-center@sm"]{margin-left:auto;margin-right:auto}[oo-column~="self-align-right@sm"]{margin-left:auto;margin-right:initial}[oo-column~="self-align-top@sm"]{align-self:flex-start}[oo-column~="self-align-middle@sm"]{align-self:center}[oo-column~="self-align-bottom@sm"]{align-self:flex-end}}@media(min-width: 960px){[oo-column~="col@md"]{flex-basis:0;max-width:100%}[oo-column~="col-1@md"]{flex-basis:8.3333333333%;max-width:8.3333333333%}[oo-column~="col-2@md"]{flex-basis:16.6666666667%;max-width:16.6666666667%}[oo-column~="col-3@md"]{flex-basis:25%;max-width:25%}[oo-column~="col-4@md"]{flex-basis:33.3333333333%;max-width:33.3333333333%}[oo-column~="col-5@md"]{flex-basis:41.6666666667%;max-width:41.6666666667%}[oo-column~="col-6@md"]{flex-basis:50%;max-width:50%}[oo-column~="col-7@md"]{flex-basis:58.3333333333%;max-width:58.3333333333%}[oo-column~="col-8@md"]{flex-basis:66.6666666667%;max-width:66.6666666667%}[oo-column~="col-9@md"]{flex-basis:75%;max-width:75%}[oo-column~="col-10@md"]{flex-basis:83.3333333333%;max-width:83.3333333333%}[oo-column~="col-11@md"]{flex-basis:91.6666666667%;max-width:91.6666666667%}[oo-column~="col-12@md"]{flex-basis:100%;max-width:100%}[oo-column~="align-left@md"]{justify-content:flex-start}[oo-column~="align-center@md"]{justify-content:center}[oo-column~="align-right@md"]{justify-content:flex-end}[oo-column~="align-evenly@md"]{justify-content:space-evenly}[oo-column~="align-between@md"]{justify-content:space-between}[oo-column~="align-top@md"]{align-items:flex-start}[oo-column~="align-middle@md"]{align-items:center}[oo-column~="align-bottom@md"]{align-items:flex-end}[oo-column~="self-align-left@md"]{margin-left:initial;margin-right:initial}[oo-column~="self-align-center@md"]{margin-left:auto;margin-right:auto}[oo-column~="self-align-right@md"]{margin-left:auto;margin-right:initial}[oo-column~="self-align-top@md"]{align-self:flex-start}[oo-column~="self-align-middle@md"]{align-self:center}[oo-column~="self-align-bottom@md"]{align-self:flex-end}}@media(min-width: 1280px){[oo-column~="col@lg"]{flex-basis:0;max-width:100%}[oo-column~="col-1@lg"]{flex-basis:8.3333333333%;max-width:8.3333333333%}[oo-column~="col-2@lg"]{flex-basis:16.6666666667%;max-width:16.6666666667%}[oo-column~="col-3@lg"]{flex-basis:25%;max-width:25%}[oo-column~="col-4@lg"]{flex-basis:33.3333333333%;max-width:33.3333333333%}[oo-column~="col-5@lg"]{flex-basis:41.6666666667%;max-width:41.6666666667%}[oo-column~="col-6@lg"]{flex-basis:50%;max-width:50%}[oo-column~="col-7@lg"]{flex-basis:58.3333333333%;max-width:58.3333333333%}[oo-column~="col-8@lg"]{flex-basis:66.6666666667%;max-width:66.6666666667%}[oo-column~="col-9@lg"]{flex-basis:75%;max-width:75%}[oo-column~="col-10@lg"]{flex-basis:83.3333333333%;max-width:83.3333333333%}[oo-column~="col-11@lg"]{flex-basis:91.6666666667%;max-width:91.6666666667%}[oo-column~="col-12@lg"]{flex-basis:100%;max-width:100%}[oo-column~="align-left@lg"]{justify-content:flex-start}[oo-column~="align-center@lg"]{justify-content:center}[oo-column~="align-right@lg"]{justify-content:flex-end}[oo-column~="align-evenly@lg"]{justify-content:space-evenly}[oo-column~="align-between@lg"]{justify-content:space-between}[oo-column~="align-top@lg"]{align-items:flex-start}[oo-column~="align-middle@lg"]{align-items:center}[oo-column~="align-bottom@lg"]{align-items:flex-end}[oo-column~="self-align-left@lg"]{margin-left:initial;margin-right:initial}[oo-column~="self-align-center@lg"]{margin-left:auto;margin-right:auto}[oo-column~="self-align-right@lg"]{margin-left:auto;margin-right:initial}[oo-column~="self-align-top@lg"]{align-self:flex-start}[oo-column~="self-align-middle@lg"]{align-self:center}[oo-column~="self-align-bottom@lg"]{align-self:flex-end}}[oo-column*=child-align-]>*{display:flex;flex-direction:column}[oo-column~=child-align-left]>*{align-items:flex-start}[oo-column~=child-align-center]>*{align-items:center}[oo-column~=child-align-right]>*{align-items:flex-end}[oo-column~=child-align-top]>*{justify-content:flex-start}[oo-column~=child-align-middle]>*{justify-content:center}[oo-column~=child-align-bottom]>*{justify-content:flex-end}@media(min-width: 600px){[oo-column~="order-0@sm"]{order:-1}[oo-column~="order-1@sm"]{order:1}[oo-column~="order-2@sm"]{order:2}[oo-column~="order-3@sm"]{order:3}[oo-column~="order-4@sm"]{order:4}[oo-column~="order-5@sm"]{order:5}[oo-column~="order-6@sm"]{order:6}[oo-column~="order-7@sm"]{order:7}[oo-column~="order-8@sm"]{order:8}[oo-column~="order-9@sm"]{order:9}[oo-column~="order-10@sm"]{order:10}[oo-column~="order-11@sm"]{order:11}[oo-column~="order-12@sm"]{order:12}}@media(min-width: 960px){[oo-column~="order-0@md"]{order:-1}[oo-column~="order-1@md"]{order:1}[oo-column~="order-2@md"]{order:2}[oo-column~="order-3@md"]{order:3}[oo-column~="order-4@md"]{order:4}[oo-column~="order-5@md"]{order:5}[oo-column~="order-6@md"]{order:6}[oo-column~="order-7@md"]{order:7}[oo-column~="order-8@md"]{order:8}[oo-column~="order-9@md"]{order:9}[oo-column~="order-10@md"]{order:10}[oo-column~="order-11@md"]{order:11}[oo-column~="order-12@md"]{order:12}}@media(min-width: 1280px){[oo-column~="order-0@lg"]{order:-1}[oo-column~="order-1@lg"]{order:1}[oo-column~="order-2@lg"]{order:2}[oo-column~="order-3@lg"]{order:3}[oo-column~="order-4@lg"]{order:4}[oo-column~="order-5@lg"]{order:5}[oo-column~="order-6@lg"]{order:6}[oo-column~="order-7@lg"]{order:7}[oo-column~="order-8@lg"]{order:8}[oo-column~="order-9@lg"]{order:9}[oo-column~="order-10@lg"]{order:10}[oo-column~="order-11@lg"]{order:11}[oo-column~="order-12@lg"]{order:12}}[oo-column~=stretch]{align-items:stretch}[oo-column~=stretch]>[oo-column*=col]{display:flex}[oo-column~=stretch]>[oo-column*=col]>*{width:100%}[oo-column~=gutter-less]{left:-0;margin-right:-0}[oo-column~=gutter-less]>[oo-column*=col]{padding-bottom:0;padding-left:0}[oo-column~=gutter-small]{left:-1.6rem;margin-right:-1.6rem}[oo-column~=gutter-small]>[oo-column*=col]{padding-bottom:1.6rem;padding-left:1.6rem}[oo-column~=v-gutter-less]>[oo-column*=col]{padding-bottom:0}[oo-column~=v-gutter-small]>[oo-column*=col]{padding-bottom:1.6rem}[oo-column~=clear]{flex-basis:100%;max-width:100%}[oo-button]{padding:.415em 1.2em;display:inline-block;color:#333;line-height:1.4;font-family:"Helvetica Neue","Helvetica","Arial",sans-serif;font-size:1.6rem;font-weight:700;text-align:center;text-decoration:none !important;vertical-align:middle;border:1px solid #eee;border-radius:.2em;background-color:#fff;box-shadow:1px 1px 1px 0 #999;cursor:pointer;user-select:none;touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none}[oo-button]:focus{outline:none}[oo-button]:hover,[oo-button]:focus{color:#333;background-color:hsl(0,0%,90%)}[oo-button]:active{background-color:hsl(0,0%,88%);box-shadow:inset 1px 1px 1px 0 #ccc}[oo-button].full{padding-left:2px;padding-right:2px}[oo-button~=primary]{color:#fff;background-color:#6cd7f7;border-color:#6cd7f7}[oo-button~=primary]:hover,[oo-button~=primary]:focus{color:#fff;border-color:rgb(59.6322580645,201.8387096774,244.3677419355);background-color:rgb(59.6322580645,201.8387096774,244.3677419355)}[oo-button~=primary]:active{border-color:rgb(49.9587096774,199.2064516129,243.8412903226);background-color:rgb(49.9587096774,199.2064516129,243.8412903226);box-shadow:inset 1px 1px 1px 0 rgb(11.7419354839,168.7903225806,215.7580645161)}[oo-button~=secondary]{color:#fff;background-color:#254f67;border-color:#254f67}[oo-button~=secondary]:hover,[oo-button~=secondary]:focus{color:#fff;border-color:rgb(23.5214285714,50.2214285714,65.4785714286);background-color:rgb(23.5214285714,50.2214285714,65.4785714286)}[oo-button~=secondary]:active{border-color:rgb(20.8257142857,44.4657142857,57.9742857143);background-color:rgb(20.8257142857,44.4657142857,57.9742857143);box-shadow:inset 1px 1px 1px 0 rgb(3.3035714286,7.0535714286,9.1964285714)}[oo-button~=outline]{background-color:rgba(0,0,0,0);color:#333;box-shadow:none}[oo-button~=outline][oo-button~=primary]{border-color:#6cd7f7}[oo-button~=outline][oo-button~=primary]:hover,[oo-button~=outline][oo-button~=primary]:focus{color:#fff;border-color:rgb(59.6322580645,201.8387096774,244.3677419355);background-color:rgb(59.6322580645,201.8387096774,244.3677419355)}[oo-button~=outline][oo-button~=primary]:active{color:#fff;border-color:rgb(49.9587096774,199.2064516129,243.8412903226);background-color:rgb(49.9587096774,199.2064516129,243.8412903226);box-shadow:inset 1px 1px 1px 0 rgb(11.7419354839,168.7903225806,215.7580645161)}[oo-button~=outline][oo-button~=secondary]{border-color:#254f67}[oo-button~=outline][oo-button~=secondary]:hover,[oo-button~=outline][oo-button~=secondary]:focus{color:#fff;border-color:rgb(23.5214285714,50.2214285714,65.4785714286);background-color:rgb(23.5214285714,50.2214285714,65.4785714286)}[oo-button~=outline][oo-button~=secondary]:active{color:#fff;border-color:rgb(20.8257142857,44.4657142857,57.9742857143);background-color:rgb(20.8257142857,44.4657142857,57.9742857143);box-shadow:inset 1px 1px 1px 0 rgb(3.3035714286,7.0535714286,9.1964285714)}[oo-form~=input]{padding:.5em .625em;display:block;width:100%;max-width:100%;min-height:2.5em;color:#4d4d4d;font-family:"Helvetica Neue","Helvetica","Arial",sans-serif;font-size:1.6rem;font-style:normal;line-height:1.15;border:1px solid #d6d6d6;border-radius:.2em;background-color:#fff;box-shadow:1px 1px 1px 0 rgba(170,170,170,.5);-webkit-appearance:none;-moz-appearance:none;appearance:none}[oo-form~=input]:focus{outline:none;box-shadow:1px 1px 1px 0 rgba(170,170,170,.5),1px 1px 2px 0px rgba(170,170,170,.85)}label{font-weight:500}label+[oo-form~=input],label+[oo-form~=select]{margin-top:.3rem}[oo-form~=select]{position:relative;display:block;min-height:2.5em;font-size:1.6rem;line-height:1.15}[oo-form~=select]::before{position:absolute;top:0;right:0;bottom:0;content:"";border-top:1px solid #d6d6d6;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;border-top-right-radius:.2em;border-bottom-right-radius:.2em;pointer-events:none}[oo-form~=select]::after{position:absolute;top:50%;content:"";border-bottom-style:solid;border-right-style:solid;pointer-events:none;transform:rotateZ(45deg) translate3d(-50%, -50%, 0)}[oo-form~=select]::before{width:30px}[oo-form~=select]::after{right:10px;width:10px;height:10px}[oo-form~=select]::after{border-bottom-width:2px;border-right-width:2px}[oo-form~=select]::before{background-color:#fff}[oo-form~=select]::after{border-bottom-color:#4d4d4d;border-right-color:#4d4d4d}[oo-form~=select]>select{padding:.5em .625em;display:block;width:100%;max-width:100%;min-height:2.5em;color:#4d4d4d;font-family:"Helvetica Neue","Helvetica","Arial",sans-serif;font-size:1.6rem;font-style:normal;line-height:1.15;border:1px solid #d6d6d6;border-radius:.2em;background-color:#fff;box-shadow:1px 1px 1px 0 rgba(170,170,170,.5);-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;height:100%;font-size:inherit;appearance:none}[oo-form~=select]>select:focus{outline:none;box-shadow:1px 1px 1px 0 rgba(170,170,170,.5),1px 1px 2px 0px rgba(170,170,170,.85)}[oo-form~=select]>select::-ms-expand{display:none}[oo-form~=select][class*=color-]>select{color:inherit !important}[oo-form~=select][class*=bg-]>select{background-color:inherit !important}[oo-form~=select][class*=border-]>select,[oo-form~=select][class*=border-]::before{border-color:inherit !important}[oo-form~=checkbox]{position:absolute;opacity:0}[oo-form~=checkbox]+label{position:relative;display:flex;align-items:center;width:fit-content;line-height:1.1;font-weight:400}[oo-form~=checkbox]+label::before{position:absolute;content:"";border-right-color:rgba(0,0,0,0);border-right-style:solid;border-bottom-color:rgba(0,0,0,0);border-bottom-style:solid;transform:rotateZ(40deg);transition:border 200ms ease-in-out,min-width 200ms ease-in-out,min-height 200ms ease-in-out}[oo-form~=checkbox]+label::after{display:flex;order:-1;content:"";border:1px solid #d6d6d6;border-radius:.2em;background-color:#fff;box-shadow:1px 1px 2px 0 rgba(170,170,170,.3);transition:background-color 300ms ease-in-out}[oo-form~=checkbox]:checked+label::before{border-right-color:#4d4d4d;border-bottom-color:#4d4d4d;box-shadow:1px 1px 2px #fff}[oo-form~=checkbox]:checked+label::after{background-color:#fff;border-color:#d6d6d6}[oo-form~=checkbox]:focus+label::after{box-shadow:1px 1px 1px 0 rgba(170,170,170,.5),1px 1px 2px 0px rgba(170,170,170,.85)}[oo-form~=checkbox]+label::before{left:.612rem;min-width:1.44rem;min-height:2.16rem;border-right-width:.432rem;border-bottom-width:.432rem}[oo-form~=checkbox]+label::after{margin-right:.6rem;min-width:1.8rem;min-height:1.8rem}[oo-form~=checkbox]+label+[oo-form~=checkbox]+label{margin-top:.6rem}[oo-form~=checkbox]:checked+label::before{min-width:.72rem;min-height:1.08rem;border-right-width:.216rem;border-bottom-width:.216rem}[oo-form~=checkbox][class*=border-primary]+label::after{border-color:#6cd7f7 !important}[oo-form~=checkbox][class*=border-secondary]+label::after{border-color:#254F67 !important}[oo-form~=radio]{position:absolute;opacity:0}[oo-form~=radio]+label{position:relative;display:flex;align-items:center;width:fit-content;line-height:1.1;font-weight:400}[oo-form~=radio]+label::before{position:absolute;top:0;left:0;content:"";border-radius:50%;transform:scale(1.5);transition:transform 300ms ease-in-out,background-color 300ms ease-in-out}[oo-form~=radio]+label::after{display:flex;order:-1;content:"";border:1px solid #d6d6d6;border-radius:50%;background-color:#fff;box-shadow:1px 1px 2px 0 rgba(170,170,170,.3)}[oo-form~=radio]:checked+label::before{background-color:#4d4d4d;transform:scale(0.5)}[oo-form~=radio]:checked+label::after{background-color:#fff;border-color:#d6d6d6}[oo-form~=radio]:focus+label::after{box-shadow:1px 1px 1px 0 rgba(170,170,170,.5),1px 1px 2px 0px rgba(170,170,170,.85)}[oo-form~=radio]+label::after{margin-right:.6rem}[oo-form~=radio]+label+[oo-form~=radio]+label{margin-top:.6rem}[oo-form~=radio]+label::after,[oo-form~=radio]:checked+label::before{min-width:1.8rem;min-height:1.8rem}[oo-form~=radio][class*=border-primary]+label::after{border-color:#6cd7f7 !important}[oo-form~=radio][class*=border-secondary]+label::after{border-color:#254F67 !important}[oo-form~=toggle]{position:absolute;opacity:0}[oo-form~=toggle]+label{position:relative;display:flex;align-items:center;width:fit-content;line-height:1.1;font-weight:400}[oo-form~=toggle]+label::before{position:absolute;left:0;content:"";border-radius:50%;background-color:#fff;box-shadow:1px 1px 2px 0 rgba(170,170,170,.3);transition:transform 300ms ease-out}[oo-form~=toggle]+label::after{display:flex;order:-1;content:"";border:1px solid #d6d6d6;border-radius:50em;background-color:#d6d6d6;box-shadow:1px 1px 2px 0 rgba(170,170,170,.3);transition:background-color 300ms ease-in-out,border-color 300ms ease-in-out}[oo-form~=toggle]:checked+label::after{background-color:#4d4d4d;border-color:#4d4d4d}[oo-form~=toggle]:focus+label::after{box-shadow:1px 1px 1px 0 rgba(170,170,170,.5),1px 1px 2px 0px rgba(170,170,170,.85)}[oo-form~=toggle]+label::before{top:calc(50% - .84rem);min-width:1.68rem;height:1.68rem;transform:translate3d(0.48rem, 0, 0)}[oo-form~=toggle]+label::after{margin-right:.8rem;min-width:4.32rem;min-height:2.4rem}[oo-form~=toggle]+label+[oo-form~=toggle]+label{margin-top:.8rem}[oo-form~=toggle]:checked+label::before{transform:translate3d(calc(80% + 2.4rem * 0.35), 0, 0)}[oo-form~=toggle] [oo-form~=labelless]+label::after{margin-right:0}.color-primary{color:#6cd7f7 !important}.color-secondary{color:#254F67 !important}.bg-primary{background-color:#6cd7f7}.bg-secondary{background-color:#254F67}.border-primary{border-color:#6cd7f7 !important}.border-secondary{border-color:#254F67 !important}.container,.container-fluid{margin-left:auto;margin-right:auto;padding-right:1.6rem;padding-left:1.6rem;display:block;max-width:1080px}@media(min-width: 600px){.container,.container-fluid{padding-left:2.4rem;padding-right:2.4rem}}.container-fluid{max-width:none}.float-left{float:left !important}.float-right{float:right !important}@media(min-width: 600px){.float-left\@sm{float:left !important}.float-right\@sm{float:right !important}}@media(min-width: 960px){.float-left\@md{float:left !important}.float-right\@md{float:right !important}}@media(min-width: 1280px){.float-left\@lg{float:left !important}.float-right\@lg{float:right !important}}.clearfix::before,.clearfix::after{display:block;content:"";clear:both}.clear{clear:both}ul.list-center,ol.list-center{text-align:center;padding-left:0;list-style-position:inside}.list-unstyle{padding-left:0;list-style:none}.list-unstyle ul{padding-left:40px}.list-unstyle .list-unstyle{padding-left:1em}.list-inline{padding-left:0;list-style:none}.list-inline>li{margin-bottom:0;display:inline-block}.list-inline>li:not(:last-child){margin-right:1em}.list-divide{padding-left:0;list-style:none;display:flex;flex-flow:wrap}.list-divide>li{margin-bottom:0;display:flex;align-items:center}.list-divide>li:not(:last-child)::after{padding-left:.5em;padding-right:.5em;display:inline-block;content:"|";color:#cdcdcd;font-size:1.2em}.list-divide>li:last-child::after{display:inline-block;content:"|";font-size:1.2em;visibility:hidden}.list-divide.list-center{justify-content:center}.bordered{border-width:1px !important;border-style:solid !important}.rounded{border-radius:50em !important}.center-block{margin-left:auto;margin-right:auto}.full{width:100% !important}.responsive{max-width:100%;height:auto}.mt-0{margin-top:0rem !important}.mt-5{margin-top:0.5rem !important}.mt-10{margin-top:1rem !important}.mt-15{margin-top:1.5rem !important}.mt-20{margin-top:2rem !important}.mt-25{margin-top:2.5rem !important}.mt-30{margin-top:3rem !important}.mt-35{margin-top:3.5rem !important}.mt-40{margin-top:4rem !important}.mt-45{margin-top:4.5rem !important}.mt-50{margin-top:5rem !important}.mb-0{margin-bottom:0rem !important}.mb-5{margin-bottom:0.5rem !important}.mb-10{margin-bottom:1rem !important}.mb-15{margin-bottom:1.5rem !important}.mb-20{margin-bottom:2rem !important}.mb-25{margin-bottom:2.5rem !important}.mb-30{margin-bottom:3rem !important}.mb-35{margin-bottom:3.5rem !important}.mb-40{margin-bottom:4rem !important}.mb-45{margin-bottom:4.5rem !important}.mb-50{margin-bottom:5rem !important}.ml-0{margin-left:0rem !important}.ml-5{margin-left:0.5rem !important}.ml-10{margin-left:1rem !important}.ml-15{margin-left:1.5rem !important}.ml-20{margin-left:2rem !important}.ml-25{margin-left:2.5rem !important}.mr-0{margin-right:0rem !important}.mr-5{margin-right:0.5rem !important}.mr-10{margin-right:1rem !important}.mr-15{margin-right:1.5rem !important}.mr-20{margin-right:2rem !important}.mr-25{margin-right:2.5rem !important}.text-large{font-size:2rem !important}.text-small{font-size:1.4rem !important}.text-tiny{font-size:1.2rem !important}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-uppercase{text-transform:uppercase}.letter-spacing-narrow{letter-spacing:-0.05rem}.letter-spacing-wide{letter-spacing:0.05rem}.font-italic{font-style:italic}.font-light{font-weight:300}.font-bold{font-weight:700}.font-primary{font-family:Helvetica Neue, Helvetica, Arial, sans-serif}.font-secondary{font-family:Georgia, times, serif}.hidden{display:none !important}@media print{.hidden\@print{display:none !important}}@media screen{.hidden\@screen{display:none !important}}@media(min-width: 600px){.hidden\@sm{display:none !important}}@media(min-width: 960px){.hidden\@md{display:none !important}}@media(min-width: 1280px){.hidden\@lg{display:none !important}}@media(max-width: 599px){.hidden\!\@sm{display:none !important}}@media(max-width: 959px){.hidden\!\@md{display:none !important}}@media(max-width: 1279px){.hidden\!\@lg{display:none !important}}.wrapper-tiny{padding:0.8rem}.wrapper-small{padding:1.6rem}.wrapper-medium{padding:2.4rem}
1
+ /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,*::after,*::before{box-sizing:border-box}html{font-size:62.5%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased}body{color:#333;font-family:"Helvetica Neue","Helvetica","Arial",sans-serif;font-size:1.6rem;font-weight:400;line-height:1.5;background-color:#fff}h1{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:3.6rem}@media(min-width: 600px){h1{font-size:4.6rem}}.h1{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:3.6rem}@media(min-width: 600px){.h1{font-size:4.6rem}}h2{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:3.2rem}@media(min-width: 600px){h2{font-size:3.8rem}}.h2{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:3.2rem}@media(min-width: 600px){.h2{font-size:3.8rem}}h3{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:2.8rem}.h3{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:2.8rem}h4{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:2.2rem}.h4{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:2.2rem}h5{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:1.8rem}h6{margin-top:.2em;margin-bottom:.45em;font-weight:500;line-height:1.125;font-size:1.6rem}p,ul,ol,dl{margin-top:0;margin-bottom:1.8rem}a{color:#6cd7f7;text-decoration:none}a:focus,a:hover{color:rgb(19.5916508539%,78.1201771031%,95.6240354206%);text-decoration:none}ul,ol{padding-left:18px}ul li,ol li{margin-bottom:.2em}ul>ul,ul ol,ol>ul,ol ol{margin-top:.3em;margin-bottom:.5em}dt{font-weight:700}dd{margin-left:auto}dd+dt{margin-top:.5em}mark{color:inherit;background-color:#ffc}hr,.hr{margin-top:1.5rem;margin-bottom:1.5rem;display:block;border:none;border-bottom:1px solid #cdcdcd}[oo-grid~=layout]{display:grid;grid-template-columns:repeat(12, 1fr);grid-gap:2.4rem}[oo-grid*=col],[oo-grid*=row]{min-width:0}[oo-grid~=col-1]{grid-column:span 1}[oo-grid~=row-1]{grid-row:span 1}[oo-grid~=col-2]{grid-column:span 2}[oo-grid~=row-2]{grid-row:span 2}[oo-grid~=col-3]{grid-column:span 3}[oo-grid~=row-3]{grid-row:span 3}[oo-grid~=col-4]{grid-column:span 4}[oo-grid~=row-4]{grid-row:span 4}[oo-grid~=col-5]{grid-column:span 5}[oo-grid~=row-5]{grid-row:span 5}[oo-grid~=col-6]{grid-column:span 6}[oo-grid~=row-6]{grid-row:span 6}[oo-grid~=col-7]{grid-column:span 7}[oo-grid~=row-7]{grid-row:span 7}[oo-grid~=col-8]{grid-column:span 8}[oo-grid~=row-8]{grid-row:span 8}[oo-grid~=col-9]{grid-column:span 9}[oo-grid~=row-9]{grid-row:span 9}[oo-grid~=col-10]{grid-column:span 10}[oo-grid~=row-10]{grid-row:span 10}[oo-grid~=col-11]{grid-column:span 11}[oo-grid~=row-11]{grid-row:span 11}[oo-grid~=col-12]{grid-column:span 12}[oo-grid~=row-12]{grid-row:span 12}@media(min-width: 600px){[oo-grid~="col-1@sm"]{grid-column:span 1}[oo-grid~="row-1@sm"]{grid-row:span 1}[oo-grid~="col-2@sm"]{grid-column:span 2}[oo-grid~="row-2@sm"]{grid-row:span 2}[oo-grid~="col-3@sm"]{grid-column:span 3}[oo-grid~="row-3@sm"]{grid-row:span 3}[oo-grid~="col-4@sm"]{grid-column:span 4}[oo-grid~="row-4@sm"]{grid-row:span 4}[oo-grid~="col-5@sm"]{grid-column:span 5}[oo-grid~="row-5@sm"]{grid-row:span 5}[oo-grid~="col-6@sm"]{grid-column:span 6}[oo-grid~="row-6@sm"]{grid-row:span 6}[oo-grid~="col-7@sm"]{grid-column:span 7}[oo-grid~="row-7@sm"]{grid-row:span 7}[oo-grid~="col-8@sm"]{grid-column:span 8}[oo-grid~="row-8@sm"]{grid-row:span 8}[oo-grid~="col-9@sm"]{grid-column:span 9}[oo-grid~="row-9@sm"]{grid-row:span 9}[oo-grid~="col-10@sm"]{grid-column:span 10}[oo-grid~="row-10@sm"]{grid-row:span 10}[oo-grid~="col-11@sm"]{grid-column:span 11}[oo-grid~="row-11@sm"]{grid-row:span 11}[oo-grid~="col-12@sm"]{grid-column:span 12}[oo-grid~="row-12@sm"]{grid-row:span 12}}@media(min-width: 960px){[oo-grid~="col-1@md"]{grid-column:span 1}[oo-grid~="row-1@md"]{grid-row:span 1}[oo-grid~="col-2@md"]{grid-column:span 2}[oo-grid~="row-2@md"]{grid-row:span 2}[oo-grid~="col-3@md"]{grid-column:span 3}[oo-grid~="row-3@md"]{grid-row:span 3}[oo-grid~="col-4@md"]{grid-column:span 4}[oo-grid~="row-4@md"]{grid-row:span 4}[oo-grid~="col-5@md"]{grid-column:span 5}[oo-grid~="row-5@md"]{grid-row:span 5}[oo-grid~="col-6@md"]{grid-column:span 6}[oo-grid~="row-6@md"]{grid-row:span 6}[oo-grid~="col-7@md"]{grid-column:span 7}[oo-grid~="row-7@md"]{grid-row:span 7}[oo-grid~="col-8@md"]{grid-column:span 8}[oo-grid~="row-8@md"]{grid-row:span 8}[oo-grid~="col-9@md"]{grid-column:span 9}[oo-grid~="row-9@md"]{grid-row:span 9}[oo-grid~="col-10@md"]{grid-column:span 10}[oo-grid~="row-10@md"]{grid-row:span 10}[oo-grid~="col-11@md"]{grid-column:span 11}[oo-grid~="row-11@md"]{grid-row:span 11}[oo-grid~="col-12@md"]{grid-column:span 12}[oo-grid~="row-12@md"]{grid-row:span 12}}@media(min-width: 1280px){[oo-grid~="col-1@lg"]{grid-column:span 1}[oo-grid~="row-1@lg"]{grid-row:span 1}[oo-grid~="col-2@lg"]{grid-column:span 2}[oo-grid~="row-2@lg"]{grid-row:span 2}[oo-grid~="col-3@lg"]{grid-column:span 3}[oo-grid~="row-3@lg"]{grid-row:span 3}[oo-grid~="col-4@lg"]{grid-column:span 4}[oo-grid~="row-4@lg"]{grid-row:span 4}[oo-grid~="col-5@lg"]{grid-column:span 5}[oo-grid~="row-5@lg"]{grid-row:span 5}[oo-grid~="col-6@lg"]{grid-column:span 6}[oo-grid~="row-6@lg"]{grid-row:span 6}[oo-grid~="col-7@lg"]{grid-column:span 7}[oo-grid~="row-7@lg"]{grid-row:span 7}[oo-grid~="col-8@lg"]{grid-column:span 8}[oo-grid~="row-8@lg"]{grid-row:span 8}[oo-grid~="col-9@lg"]{grid-column:span 9}[oo-grid~="row-9@lg"]{grid-row:span 9}[oo-grid~="col-10@lg"]{grid-column:span 10}[oo-grid~="row-10@lg"]{grid-row:span 10}[oo-grid~="col-11@lg"]{grid-column:span 11}[oo-grid~="row-11@lg"]{grid-row:span 11}[oo-grid~="col-12@lg"]{grid-column:span 12}[oo-grid~="row-12@lg"]{grid-row:span 12}}@media(min-width: 600px){[oo-grid~="order-0@sm"]{order:-1}[oo-grid~="order-1@sm"]{order:1}[oo-grid~="order-2@sm"]{order:2}[oo-grid~="order-3@sm"]{order:3}[oo-grid~="order-4@sm"]{order:4}[oo-grid~="order-5@sm"]{order:5}[oo-grid~="order-6@sm"]{order:6}[oo-grid~="order-7@sm"]{order:7}[oo-grid~="order-8@sm"]{order:8}[oo-grid~="order-9@sm"]{order:9}[oo-grid~="order-10@sm"]{order:10}[oo-grid~="order-11@sm"]{order:11}[oo-grid~="order-12@sm"]{order:12}}@media(min-width: 960px){[oo-grid~="order-0@md"]{order:-1}[oo-grid~="order-1@md"]{order:1}[oo-grid~="order-2@md"]{order:2}[oo-grid~="order-3@md"]{order:3}[oo-grid~="order-4@md"]{order:4}[oo-grid~="order-5@md"]{order:5}[oo-grid~="order-6@md"]{order:6}[oo-grid~="order-7@md"]{order:7}[oo-grid~="order-8@md"]{order:8}[oo-grid~="order-9@md"]{order:9}[oo-grid~="order-10@md"]{order:10}[oo-grid~="order-11@md"]{order:11}[oo-grid~="order-12@md"]{order:12}}@media(min-width: 1280px){[oo-grid~="order-0@lg"]{order:-1}[oo-grid~="order-1@lg"]{order:1}[oo-grid~="order-2@lg"]{order:2}[oo-grid~="order-3@lg"]{order:3}[oo-grid~="order-4@lg"]{order:4}[oo-grid~="order-5@lg"]{order:5}[oo-grid~="order-6@lg"]{order:6}[oo-grid~="order-7@lg"]{order:7}[oo-grid~="order-8@lg"]{order:8}[oo-grid~="order-9@lg"]{order:9}[oo-grid~="order-10@lg"]{order:10}[oo-grid~="order-11@lg"]{order:11}[oo-grid~="order-12@lg"]{order:12}}[oo-grid~=gap-less]{grid-gap:0}[oo-grid~=gap-small]{grid-gap:1.6rem}[oo-grid~=v-gap-less]{grid-row-gap:0}[oo-grid~=v-gap-small]{grid-row-gap:1.6rem}[oo-column~=row]{position:relative;left:-2.4rem;margin-right:-2.4rem;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap}[oo-column*=col]{padding-left:2.4rem;padding-bottom:2.4rem;flex-shrink:0;flex-grow:1;flex-basis:0;min-width:0;max-width:100%}[oo-column~=col]{flex-basis:0;max-width:100%}[oo-column~=col-1]{flex-basis:8.3333333333%;max-width:8.3333333333%}[oo-column~=col-2]{flex-basis:16.6666666667%;max-width:16.6666666667%}[oo-column~=col-3]{flex-basis:25%;max-width:25%}[oo-column~=col-4]{flex-basis:33.3333333333%;max-width:33.3333333333%}[oo-column~=col-5]{flex-basis:41.6666666667%;max-width:41.6666666667%}[oo-column~=col-6]{flex-basis:50%;max-width:50%}[oo-column~=col-7]{flex-basis:58.3333333333%;max-width:58.3333333333%}[oo-column~=col-8]{flex-basis:66.6666666667%;max-width:66.6666666667%}[oo-column~=col-9]{flex-basis:75%;max-width:75%}[oo-column~=col-10]{flex-basis:83.3333333333%;max-width:83.3333333333%}[oo-column~=col-11]{flex-basis:91.6666666667%;max-width:91.6666666667%}[oo-column~=col-12]{flex-basis:100%;max-width:100%}[oo-column~=self-adjust]{min-width:auto;flex-grow:0;flex-basis:auto}[oo-column~=align-left]{justify-content:flex-start}[oo-column~=align-center]{justify-content:center}[oo-column~=align-right]{justify-content:flex-end}[oo-column~=align-evenly]{justify-content:space-evenly}[oo-column~=align-between]{justify-content:space-between}[oo-column~=align-top]{align-items:flex-start}[oo-column~=align-middle]{align-items:center}[oo-column~=align-bottom]{align-items:flex-end}[oo-column~=self-align-left]{margin-left:initial;margin-right:initial}[oo-column~=self-align-center]{margin-left:auto;margin-right:auto}[oo-column~=self-align-right]{margin-left:auto;margin-right:initial}[oo-column~=self-align-top]{align-self:flex-start}[oo-column~=self-align-middle]{align-self:center}[oo-column~=self-align-bottom]{align-self:flex-end}@media(min-width: 600px){[oo-column~="col@sm"]{flex-basis:0;max-width:100%}[oo-column~="col-1@sm"]{flex-basis:8.3333333333%;max-width:8.3333333333%}[oo-column~="col-2@sm"]{flex-basis:16.6666666667%;max-width:16.6666666667%}[oo-column~="col-3@sm"]{flex-basis:25%;max-width:25%}[oo-column~="col-4@sm"]{flex-basis:33.3333333333%;max-width:33.3333333333%}[oo-column~="col-5@sm"]{flex-basis:41.6666666667%;max-width:41.6666666667%}[oo-column~="col-6@sm"]{flex-basis:50%;max-width:50%}[oo-column~="col-7@sm"]{flex-basis:58.3333333333%;max-width:58.3333333333%}[oo-column~="col-8@sm"]{flex-basis:66.6666666667%;max-width:66.6666666667%}[oo-column~="col-9@sm"]{flex-basis:75%;max-width:75%}[oo-column~="col-10@sm"]{flex-basis:83.3333333333%;max-width:83.3333333333%}[oo-column~="col-11@sm"]{flex-basis:91.6666666667%;max-width:91.6666666667%}[oo-column~="col-12@sm"]{flex-basis:100%;max-width:100%}[oo-column~="align-left@sm"]{justify-content:flex-start}[oo-column~="align-center@sm"]{justify-content:center}[oo-column~="align-right@sm"]{justify-content:flex-end}[oo-column~="align-evenly@sm"]{justify-content:space-evenly}[oo-column~="align-between@sm"]{justify-content:space-between}[oo-column~="align-top@sm"]{align-items:flex-start}[oo-column~="align-middle@sm"]{align-items:center}[oo-column~="align-bottom@sm"]{align-items:flex-end}[oo-column~="self-align-left@sm"]{margin-left:initial;margin-right:initial}[oo-column~="self-align-center@sm"]{margin-left:auto;margin-right:auto}[oo-column~="self-align-right@sm"]{margin-left:auto;margin-right:initial}[oo-column~="self-align-top@sm"]{align-self:flex-start}[oo-column~="self-align-middle@sm"]{align-self:center}[oo-column~="self-align-bottom@sm"]{align-self:flex-end}}@media(min-width: 960px){[oo-column~="col@md"]{flex-basis:0;max-width:100%}[oo-column~="col-1@md"]{flex-basis:8.3333333333%;max-width:8.3333333333%}[oo-column~="col-2@md"]{flex-basis:16.6666666667%;max-width:16.6666666667%}[oo-column~="col-3@md"]{flex-basis:25%;max-width:25%}[oo-column~="col-4@md"]{flex-basis:33.3333333333%;max-width:33.3333333333%}[oo-column~="col-5@md"]{flex-basis:41.6666666667%;max-width:41.6666666667%}[oo-column~="col-6@md"]{flex-basis:50%;max-width:50%}[oo-column~="col-7@md"]{flex-basis:58.3333333333%;max-width:58.3333333333%}[oo-column~="col-8@md"]{flex-basis:66.6666666667%;max-width:66.6666666667%}[oo-column~="col-9@md"]{flex-basis:75%;max-width:75%}[oo-column~="col-10@md"]{flex-basis:83.3333333333%;max-width:83.3333333333%}[oo-column~="col-11@md"]{flex-basis:91.6666666667%;max-width:91.6666666667%}[oo-column~="col-12@md"]{flex-basis:100%;max-width:100%}[oo-column~="align-left@md"]{justify-content:flex-start}[oo-column~="align-center@md"]{justify-content:center}[oo-column~="align-right@md"]{justify-content:flex-end}[oo-column~="align-evenly@md"]{justify-content:space-evenly}[oo-column~="align-between@md"]{justify-content:space-between}[oo-column~="align-top@md"]{align-items:flex-start}[oo-column~="align-middle@md"]{align-items:center}[oo-column~="align-bottom@md"]{align-items:flex-end}[oo-column~="self-align-left@md"]{margin-left:initial;margin-right:initial}[oo-column~="self-align-center@md"]{margin-left:auto;margin-right:auto}[oo-column~="self-align-right@md"]{margin-left:auto;margin-right:initial}[oo-column~="self-align-top@md"]{align-self:flex-start}[oo-column~="self-align-middle@md"]{align-self:center}[oo-column~="self-align-bottom@md"]{align-self:flex-end}}@media(min-width: 1280px){[oo-column~="col@lg"]{flex-basis:0;max-width:100%}[oo-column~="col-1@lg"]{flex-basis:8.3333333333%;max-width:8.3333333333%}[oo-column~="col-2@lg"]{flex-basis:16.6666666667%;max-width:16.6666666667%}[oo-column~="col-3@lg"]{flex-basis:25%;max-width:25%}[oo-column~="col-4@lg"]{flex-basis:33.3333333333%;max-width:33.3333333333%}[oo-column~="col-5@lg"]{flex-basis:41.6666666667%;max-width:41.6666666667%}[oo-column~="col-6@lg"]{flex-basis:50%;max-width:50%}[oo-column~="col-7@lg"]{flex-basis:58.3333333333%;max-width:58.3333333333%}[oo-column~="col-8@lg"]{flex-basis:66.6666666667%;max-width:66.6666666667%}[oo-column~="col-9@lg"]{flex-basis:75%;max-width:75%}[oo-column~="col-10@lg"]{flex-basis:83.3333333333%;max-width:83.3333333333%}[oo-column~="col-11@lg"]{flex-basis:91.6666666667%;max-width:91.6666666667%}[oo-column~="col-12@lg"]{flex-basis:100%;max-width:100%}[oo-column~="align-left@lg"]{justify-content:flex-start}[oo-column~="align-center@lg"]{justify-content:center}[oo-column~="align-right@lg"]{justify-content:flex-end}[oo-column~="align-evenly@lg"]{justify-content:space-evenly}[oo-column~="align-between@lg"]{justify-content:space-between}[oo-column~="align-top@lg"]{align-items:flex-start}[oo-column~="align-middle@lg"]{align-items:center}[oo-column~="align-bottom@lg"]{align-items:flex-end}[oo-column~="self-align-left@lg"]{margin-left:initial;margin-right:initial}[oo-column~="self-align-center@lg"]{margin-left:auto;margin-right:auto}[oo-column~="self-align-right@lg"]{margin-left:auto;margin-right:initial}[oo-column~="self-align-top@lg"]{align-self:flex-start}[oo-column~="self-align-middle@lg"]{align-self:center}[oo-column~="self-align-bottom@lg"]{align-self:flex-end}}[oo-column*=child-align-]>*{display:flex;flex-direction:column}[oo-column~=child-align-left]>*{align-items:flex-start}[oo-column~=child-align-center]>*{align-items:center}[oo-column~=child-align-right]>*{align-items:flex-end}[oo-column~=child-align-top]>*{justify-content:flex-start}[oo-column~=child-align-middle]>*{justify-content:center}[oo-column~=child-align-bottom]>*{justify-content:flex-end}@media(min-width: 600px){[oo-column~="order-0@sm"]{order:-1}[oo-column~="order-1@sm"]{order:1}[oo-column~="order-2@sm"]{order:2}[oo-column~="order-3@sm"]{order:3}[oo-column~="order-4@sm"]{order:4}[oo-column~="order-5@sm"]{order:5}[oo-column~="order-6@sm"]{order:6}[oo-column~="order-7@sm"]{order:7}[oo-column~="order-8@sm"]{order:8}[oo-column~="order-9@sm"]{order:9}[oo-column~="order-10@sm"]{order:10}[oo-column~="order-11@sm"]{order:11}[oo-column~="order-12@sm"]{order:12}}@media(min-width: 960px){[oo-column~="order-0@md"]{order:-1}[oo-column~="order-1@md"]{order:1}[oo-column~="order-2@md"]{order:2}[oo-column~="order-3@md"]{order:3}[oo-column~="order-4@md"]{order:4}[oo-column~="order-5@md"]{order:5}[oo-column~="order-6@md"]{order:6}[oo-column~="order-7@md"]{order:7}[oo-column~="order-8@md"]{order:8}[oo-column~="order-9@md"]{order:9}[oo-column~="order-10@md"]{order:10}[oo-column~="order-11@md"]{order:11}[oo-column~="order-12@md"]{order:12}}@media(min-width: 1280px){[oo-column~="order-0@lg"]{order:-1}[oo-column~="order-1@lg"]{order:1}[oo-column~="order-2@lg"]{order:2}[oo-column~="order-3@lg"]{order:3}[oo-column~="order-4@lg"]{order:4}[oo-column~="order-5@lg"]{order:5}[oo-column~="order-6@lg"]{order:6}[oo-column~="order-7@lg"]{order:7}[oo-column~="order-8@lg"]{order:8}[oo-column~="order-9@lg"]{order:9}[oo-column~="order-10@lg"]{order:10}[oo-column~="order-11@lg"]{order:11}[oo-column~="order-12@lg"]{order:12}}[oo-column~=stretch]{align-items:stretch}[oo-column~=stretch]>[oo-column*=col]{display:flex}[oo-column~=stretch]>[oo-column*=col]>*{width:100%}[oo-column~=gutter-less]{left:-0;margin-right:-0}[oo-column~=gutter-less]>[oo-column*=col]{padding-bottom:0;padding-left:0}[oo-column~=gutter-small]{left:-1.6rem;margin-right:-1.6rem}[oo-column~=gutter-small]>[oo-column*=col]{padding-bottom:1.6rem;padding-left:1.6rem}[oo-column~=v-gutter-less]>[oo-column*=col]{padding-bottom:0}[oo-column~=v-gutter-small]>[oo-column*=col]{padding-bottom:1.6rem}[oo-column~=clear]{flex-basis:100%;max-width:100%}[oo-button]{padding:.415em 1.2em;display:inline-block;color:#333;line-height:1.4;font-family:"Helvetica Neue","Helvetica","Arial",sans-serif;font-size:1.6rem;font-weight:700;text-align:center;text-decoration:none !important;vertical-align:middle;border:1px solid #eee;border-radius:.2em;background-color:#fff;box-shadow:1px 1px 1px 0 #999;cursor:pointer;user-select:none;touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none}[oo-button]:focus{outline:none}[oo-button]:hover,[oo-button]:focus{color:#333;background-color:hsl(0,0%,90%)}[oo-button]:active{background-color:hsl(0,0%,88%);box-shadow:inset 1px 1px 1px 0 #ccc}[oo-button].full{padding-left:2px;padding-right:2px}[oo-button~=primary]{color:#fff;background-color:#6cd7f7;border-color:#6cd7f7}[oo-button~=primary]:hover,[oo-button~=primary]:focus{color:#fff;border-color:rgb(23.385199241%,79.1524351676%,95.8304870335%);background-color:rgb(23.385199241%,79.1524351676%,95.8304870335%)}[oo-button~=primary]:active{border-color:rgb(19.5916508539%,78.1201771031%,95.6240354206%);background-color:rgb(19.5916508539%,78.1201771031%,95.6240354206%);box-shadow:inset 1px 1px 1px 0 rgb(4.6046805819%,66.192283365%,84.6110056926%)}[oo-button~=secondary]{color:#fff;background-color:#254f67;border-color:#254f67}[oo-button~=secondary]:hover,[oo-button~=secondary]:focus{color:#fff;border-color:rgb(9.2240896359%,19.6946778711%,25.6778711485%);background-color:rgb(9.2240896359%,19.6946778711%,25.6778711485%)}[oo-button~=secondary]:active{border-color:rgb(8.1669467787%,17.437535014%,22.7350140056%);background-color:rgb(8.1669467787%,17.437535014%,22.7350140056%);box-shadow:inset 1px 1px 1px 0 rgb(1.2955182073%,2.7661064426%,3.606442577%)}[oo-button~=outline]{background-color:rgba(0,0,0,0);color:#333;box-shadow:none}[oo-button~=outline][oo-button~=primary]{border-color:#6cd7f7}[oo-button~=outline][oo-button~=primary]:hover,[oo-button~=outline][oo-button~=primary]:focus{color:#fff;border-color:rgb(23.385199241%,79.1524351676%,95.8304870335%);background-color:rgb(23.385199241%,79.1524351676%,95.8304870335%)}[oo-button~=outline][oo-button~=primary]:active{color:#fff;border-color:rgb(19.5916508539%,78.1201771031%,95.6240354206%);background-color:rgb(19.5916508539%,78.1201771031%,95.6240354206%);box-shadow:inset 1px 1px 1px 0 rgb(4.6046805819%,66.192283365%,84.6110056926%)}[oo-button~=outline][oo-button~=secondary]{border-color:#254f67}[oo-button~=outline][oo-button~=secondary]:hover,[oo-button~=outline][oo-button~=secondary]:focus{color:#fff;border-color:rgb(9.2240896359%,19.6946778711%,25.6778711485%);background-color:rgb(9.2240896359%,19.6946778711%,25.6778711485%)}[oo-button~=outline][oo-button~=secondary]:active{color:#fff;border-color:rgb(8.1669467787%,17.437535014%,22.7350140056%);background-color:rgb(8.1669467787%,17.437535014%,22.7350140056%);box-shadow:inset 1px 1px 1px 0 rgb(1.2955182073%,2.7661064426%,3.606442577%)}[oo-form~=input]{padding:.5em .625em;display:block;width:100%;max-width:100%;min-height:2.5em;color:#4d4d4d;font-family:"Helvetica Neue","Helvetica","Arial",sans-serif;font-size:1.6rem;font-style:normal;line-height:1.15;border:1px solid #d6d6d6;border-radius:.2em;background-color:#fff;box-shadow:1px 1px 1px 0 rgba(170,170,170,.5);-webkit-appearance:none;-moz-appearance:none;appearance:none}[oo-form~=input]:focus{outline:none;box-shadow:1px 1px 1px 0 rgba(170,170,170,.5),1px 1px 2px 0px rgba(170,170,170,.85)}label{font-weight:500}label+[oo-form~=input],label+[oo-form~=select]{margin-top:.3rem}[oo-form~=select]{position:relative;display:block;min-height:2.5em;font-size:1.6rem;line-height:1.15}[oo-form~=select]::before{position:absolute;top:0;right:0;bottom:0;content:"";border-top:1px solid #d6d6d6;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;border-top-right-radius:.2em;border-bottom-right-radius:.2em;pointer-events:none}[oo-form~=select]::after{position:absolute;top:50%;content:"";border-bottom-style:solid;border-right-style:solid;pointer-events:none;transform:rotateZ(45deg) translate3d(-50%, -50%, 0)}[oo-form~=select]::before{width:30px}[oo-form~=select]::after{right:10px;width:10px;height:10px}[oo-form~=select]::after{border-bottom-width:2px;border-right-width:2px}[oo-form~=select]::before{background-color:#fff}[oo-form~=select]::after{border-bottom-color:#4d4d4d;border-right-color:#4d4d4d}[oo-form~=select]>select{padding:.5em .625em;display:block;width:100%;max-width:100%;min-height:2.5em;color:#4d4d4d;font-family:"Helvetica Neue","Helvetica","Arial",sans-serif;font-size:1.6rem;font-style:normal;line-height:1.15;border:1px solid #d6d6d6;border-radius:.2em;background-color:#fff;box-shadow:1px 1px 1px 0 rgba(170,170,170,.5);-webkit-appearance:none;-moz-appearance:none;appearance:none}[oo-form~=select]>select:focus{outline:none;box-shadow:1px 1px 1px 0 rgba(170,170,170,.5),1px 1px 2px 0px rgba(170,170,170,.85)}[oo-form~=select]>select{margin:0;height:100%;font-size:inherit;appearance:none}[oo-form~=select]>select::-ms-expand{display:none}[oo-form~=select][class*=color-]>select{color:inherit !important}[oo-form~=select][class*=bg-]>select{background-color:inherit !important}[oo-form~=select][class*=border-]>select,[oo-form~=select][class*=border-]::before{border-color:inherit !important}[oo-form~=checkbox]{position:absolute;opacity:0}[oo-form~=checkbox]+label{position:relative;display:flex;align-items:center;width:fit-content;line-height:1.1;font-weight:400}[oo-form~=checkbox]+label::before{position:absolute;content:"";border-right-color:rgba(0,0,0,0);border-right-style:solid;border-bottom-color:rgba(0,0,0,0);border-bottom-style:solid;transform:rotateZ(40deg);transition:border 200ms ease-in-out,min-width 200ms ease-in-out,min-height 200ms ease-in-out}[oo-form~=checkbox]+label::after{display:flex;order:-1;content:"";border:1px solid #d6d6d6;border-radius:.2em;background-color:#fff;box-shadow:1px 1px 2px 0 rgba(170,170,170,.3);transition:background-color 300ms ease-in-out}[oo-form~=checkbox]:checked+label::before{border-right-color:#4d4d4d;border-bottom-color:#4d4d4d;box-shadow:1px 1px 2px #fff}[oo-form~=checkbox]:checked+label::after{background-color:#fff;border-color:#d6d6d6}[oo-form~=checkbox]:focus+label::after{box-shadow:1px 1px 1px 0 rgba(170,170,170,.5),1px 1px 2px 0px rgba(170,170,170,.85)}[oo-form~=checkbox]+label::before{left:.612rem;min-width:1.44rem;min-height:2.16rem;border-right-width:.432rem;border-bottom-width:.432rem}[oo-form~=checkbox]+label::after{margin-right:.6rem;min-width:1.8rem;min-height:1.8rem}[oo-form~=checkbox]+label+[oo-form~=checkbox]+label{margin-top:.6rem}[oo-form~=checkbox]:checked+label::before{min-width:.72rem;min-height:1.08rem;border-right-width:.216rem;border-bottom-width:.216rem}[oo-form~=checkbox][class*=border-primary]+label::after{border-color:#6cd7f7 !important}[oo-form~=checkbox][class*=border-secondary]+label::after{border-color:#254f67 !important}[oo-form~=radio]{position:absolute;opacity:0}[oo-form~=radio]+label{position:relative;display:flex;align-items:center;width:fit-content;line-height:1.1;font-weight:400}[oo-form~=radio]+label::before{position:absolute;top:0;left:0;content:"";border-radius:50%;transform:scale(1.5);transition:transform 300ms ease-in-out,background-color 300ms ease-in-out}[oo-form~=radio]+label::after{display:flex;order:-1;content:"";border:1px solid #d6d6d6;border-radius:50%;background-color:#fff;box-shadow:1px 1px 2px 0 rgba(170,170,170,.3)}[oo-form~=radio]:checked+label::before{background-color:#4d4d4d;transform:scale(0.5)}[oo-form~=radio]:checked+label::after{background-color:#fff;border-color:#d6d6d6}[oo-form~=radio]:focus+label::after{box-shadow:1px 1px 1px 0 rgba(170,170,170,.5),1px 1px 2px 0px rgba(170,170,170,.85)}[oo-form~=radio]+label::after{margin-right:.6rem}[oo-form~=radio]+label+[oo-form~=radio]+label{margin-top:.6rem}[oo-form~=radio]+label::after,[oo-form~=radio]:checked+label::before{min-width:1.8rem;min-height:1.8rem}[oo-form~=radio][class*=border-primary]+label::after{border-color:#6cd7f7 !important}[oo-form~=radio][class*=border-secondary]+label::after{border-color:#254f67 !important}[oo-form~=toggle]{position:absolute;opacity:0}[oo-form~=toggle]+label{position:relative;display:flex;align-items:center;width:fit-content;line-height:1.1;font-weight:400}[oo-form~=toggle]+label::before{position:absolute;left:0;content:"";border-radius:50%;background-color:#fff;box-shadow:1px 1px 2px 0 rgba(170,170,170,.3);transition:transform 300ms ease-out}[oo-form~=toggle]+label::after{display:flex;order:-1;content:"";border:1px solid #d6d6d6;border-radius:50em;background-color:#d6d6d6;box-shadow:1px 1px 2px 0 rgba(170,170,170,.3);transition:background-color 300ms ease-in-out,border-color 300ms ease-in-out}[oo-form~=toggle]:checked+label::after{background-color:#4d4d4d;border-color:#4d4d4d}[oo-form~=toggle]:focus+label::after{box-shadow:1px 1px 1px 0 rgba(170,170,170,.5),1px 1px 2px 0px rgba(170,170,170,.85)}[oo-form~=toggle]+label::before{top:calc(50% - .84rem);min-width:1.68rem;height:1.68rem;transform:translate3d(0.48rem, 0, 0)}[oo-form~=toggle]+label::after{margin-right:.8rem;min-width:4.32rem;min-height:2.4rem}[oo-form~=toggle]+label+[oo-form~=toggle]+label{margin-top:.8rem}[oo-form~=toggle]:checked+label::before{transform:translate3d(calc(80% + 2.4rem * 0.35), 0, 0)}[oo-form~=toggle] [oo-form~=labelless]+label::after{margin-right:0}.color-primary{color:#6cd7f7 !important}.color-secondary{color:#254f67 !important}.bg-primary{background-color:#6cd7f7}.bg-secondary{background-color:#254f67}.border-primary{border-color:#6cd7f7 !important}.border-secondary{border-color:#254f67 !important}.container,.container-fluid{margin-left:auto;margin-right:auto;padding-right:1.6rem;padding-left:1.6rem;display:block;max-width:1080px}@media(min-width: 600px){.container,.container-fluid{padding-left:2.4rem;padding-right:2.4rem}}.container-fluid{max-width:none}.float-left{float:left !important}.float-right{float:right !important}@media(min-width: 600px){.float-left\@sm{float:left !important}.float-right\@sm{float:right !important}}@media(min-width: 960px){.float-left\@md{float:left !important}.float-right\@md{float:right !important}}@media(min-width: 1280px){.float-left\@lg{float:left !important}.float-right\@lg{float:right !important}}.clearfix::before,.clearfix::after{display:block;content:"";clear:both}.clear{clear:both}ul.list-center,ol.list-center{text-align:center;padding-left:0;list-style-position:inside}.list-unstyle{padding-left:0;list-style:none}.list-unstyle ul{padding-left:40px}.list-unstyle .list-unstyle{padding-left:1em}.list-inline{padding-left:0;list-style:none}.list-inline>li{margin-bottom:0;display:inline-block}.list-inline>li:not(:last-child){margin-right:1em}.list-divide{padding-left:0;list-style:none;display:flex;flex-flow:wrap}.list-divide>li{margin-bottom:0;display:flex;align-items:center}.list-divide>li:not(:last-child)::after{padding-left:.5em;padding-right:.5em;display:inline-block;content:"|";color:#cdcdcd;font-size:1.2em}.list-divide>li:last-child::after{display:inline-block;content:"|";font-size:1.2em;visibility:hidden}.list-divide.list-center{justify-content:center}.bordered{border-width:1px !important;border-style:solid !important}.rounded{border-radius:50em !important}.center-block{margin-left:auto;margin-right:auto}.full{width:100% !important}.responsive{max-width:100%;height:auto}.mt-0{margin-top:0rem !important}.mt-5{margin-top:0.5rem !important}.mt-10{margin-top:1rem !important}.mt-15{margin-top:1.5rem !important}.mt-20{margin-top:2rem !important}.mt-25{margin-top:2.5rem !important}.mt-30{margin-top:3rem !important}.mt-35{margin-top:3.5rem !important}.mt-40{margin-top:4rem !important}.mt-45{margin-top:4.5rem !important}.mt-50{margin-top:5rem !important}.mb-0{margin-bottom:0rem !important}.mb-5{margin-bottom:0.5rem !important}.mb-10{margin-bottom:1rem !important}.mb-15{margin-bottom:1.5rem !important}.mb-20{margin-bottom:2rem !important}.mb-25{margin-bottom:2.5rem !important}.mb-30{margin-bottom:3rem !important}.mb-35{margin-bottom:3.5rem !important}.mb-40{margin-bottom:4rem !important}.mb-45{margin-bottom:4.5rem !important}.mb-50{margin-bottom:5rem !important}.ml-0{margin-left:0rem !important}.ml-5{margin-left:0.5rem !important}.ml-10{margin-left:1rem !important}.ml-15{margin-left:1.5rem !important}.ml-20{margin-left:2rem !important}.ml-25{margin-left:2.5rem !important}.mr-0{margin-right:0rem !important}.mr-5{margin-right:0.5rem !important}.mr-10{margin-right:1rem !important}.mr-15{margin-right:1.5rem !important}.mr-20{margin-right:2rem !important}.mr-25{margin-right:2.5rem !important}.text-large{font-size:2rem !important}.text-small{font-size:1.4rem !important}.text-tiny{font-size:1.2rem !important}.text-left{text-align:"left"}.text-right{text-align:"right"}.text-center{text-align:"center"}.text-uppercase{text-transform:"uppercase"}.letter-spacing-narrow{letter-spacing:-0.05rem}.letter-spacing-wide{letter-spacing:.05rem}.font-italic{font-style:"italic"}.font-light{font-weight:300}.font-bold{font-weight:700}.font-primary{font-family:"Helvetica Neue","Helvetica","Arial",sans-serif}.font-secondary{font-family:"Georgia",times,serif}.hidden{display:none !important}@media print{.hidden\@print{display:none !important}}@media screen{.hidden\@screen{display:none !important}}@media(min-width: 600px){.hidden\@sm{display:none !important}}@media(min-width: 960px){.hidden\@md{display:none !important}}@media(min-width: 1280px){.hidden\@lg{display:none !important}}@media(max-width: 599px){.hidden\!\@sm{display:none !important}}@media(max-width: 959px){.hidden\!\@md{display:none !important}}@media(max-width: 1279px){.hidden\!\@lg{display:none !important}}.wrapper-tiny{padding:.8rem}.wrapper-small{padding:1.6rem}.wrapper-medium{padding:2.4rem}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oo-loop",
3
- "version": "0.6.0",
3
+ "version": "0.6.1",
4
4
  "description": "SCSS companion for Front-end Developer",
5
5
  "style": "dist/loop.css",
6
6
  "sass": "scss/_loop.scss",
@@ -33,7 +33,7 @@
33
33
  "license": "MIT",
34
34
  "devDependencies": {
35
35
  "normalize.css": "^8.0.0",
36
- "sass": "^1.80.5"
36
+ "sass": "^1.108.1"
37
37
  },
38
38
  "files": [
39
39
  "dist/",
@@ -43,4 +43,4 @@
43
43
  "node": ">= 6.0.0",
44
44
  "npm": ">= 3.0.0"
45
45
  }
46
- }
46
+ }
package/scss/_variables.scss CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
  $loop-prefix: 'oo' !default;
10
10
  $loop-component-html5-validity: false !default;
11
- $loop-component-prefix: if($loop-component-html5-validity, #{'data-'}#{$loop-prefix}, $loop-prefix) !default;
11
+ $loop-component-prefix: if(sass($loop-component-html5-validity): #{'data-'}#{$loop-prefix}; else: $loop-prefix) !default;
12
12
 
13
13
  /**
14
14
  * Breakpoints
package/scss/components/_button.scss CHANGED
@@ -59,7 +59,7 @@
59
59
  }
60
60
 
61
61
  @mixin paintButton($color-value) {
62
- color: if(fn.isBright($color-value), v.$color-base, #fff);
62
+ color: if(sass(fn.isBright($color-value)): v.$color-base; else: #fff);
63
63
  background-color: $color-value;
64
64
 
65
65
  @if v.$btn-border-color != transparent {
@@ -67,7 +67,7 @@
67
67
  }
68
68
  &:hover,
69
69
  &:focus {
70
- color: if(fn.isBright($color-value), v.$color-base, #fff);
70
+ color: if(sass(fn.isBright($color-value)): v.$color-base; else: #fff);
71
71
  border-color: color.adjust($color-value, $lightness: -10%);
72
72
  background-color: color.adjust($color-value, $lightness: -10%);
73
73
  }
@@ -102,12 +102,12 @@
102
102
 
103
103
  &:hover,
104
104
  &:focus {
105
- color: if(fn.isBright($color-value), v.$color-base, #fff);
105
+ color: if(sass(fn.isBright($color-value)): v.$color-base; else: #fff);
106
106
  border-color: color.adjust($color-value, $lightness: -10%);
107
107
  background-color: color.adjust($color-value, $lightness: -10%);
108
108
  }
109
109
  &:active {
110
- color: if(fn.isBright($color-value), v.$color-base, #fff);
110
+ color: if(sass(fn.isBright($color-value)): v.$color-base; else: #fff);
111
111
  border-color: color.adjust($color-value, $lightness: -12%);
112
112
  background-color: color.adjust($color-value, $lightness: -12%);
113
113
  box-shadow: inset 1px 1px 1px 0 color.adjust($color-value, $lightness: -25%);
package/scss/components/_columns.scss CHANGED
@@ -151,7 +151,7 @@
151
151
  // gutters
152
152
  @each $class in list.join('', v.$columns-gutter-sizes-breakpoints-classes) {
153
153
  @include breakpoint.from($class) {
154
- $suffix: if(fn.isEmpty($class), '', \@#{$class});
154
+ $suffix: if(sass(fn.isEmpty($class)): ''; else: \@#{$class});
155
155
  @each $gutter-name, $gutter-size in v.$columns-gutter-sizes {
156
156
  [#{v.$loop-component-prefix}-column~="gutter-#{$gutter-name}#{$suffix}"] {
157
157
  left: -#{$gutter-size};
@@ -168,7 +168,7 @@
168
168
 
169
169
  @each $class in list.join('', v.$columns-v-gutter-sizes-breakpoints-classes) {
170
170
  @include breakpoint.from($class) {
171
- $suffix: if(fn.isEmpty($class), '', \@#{$class});
171
+ $suffix: if(sass(fn.isEmpty($class)): ''; else: \@#{$class});
172
172
  @each $gutter-name, $gutter-size in v.$columns-v-gutter-sizes {
173
173
  [#{v.$loop-component-prefix}-column~="v-gutter-#{$gutter-name}#{$suffix}"] {
174
174
  > [#{v.$loop-component-prefix}-column*="col"] {
package/scss/components/_grid.scss CHANGED
@@ -110,7 +110,7 @@
110
110
  $are-keys-breakpoints: false;
111
111
  $map-keys: map.keys(v.$grid-template-areas);
112
112
  @each $key in $map-keys {
113
- @if fn.inList($key, $breakpoints-classes) {
113
+ @if fn.inList($key, v.$breakpoints-classes) {
114
114
  $are-keys-breakpoints: true;
115
115
  }
116
116
  }
package/scss/functions/_array.scss CHANGED
@@ -20,7 +20,7 @@
20
20
  }
21
21
 
22
22
  @function notInList($needle, $haystack) {
23
- @return if(inList($needle, $haystack), false, true);
23
+ @return if(sass(inList($needle, $haystack)): false; else: true);
24
24
  }
25
25
 
26
26
  // inArray Deprecated
package/scss/functions/_empty.scss CHANGED
@@ -20,5 +20,5 @@
20
20
  }
21
21
 
22
22
  @function isNotEmpty($data) {
23
- @return if(isEmpty($data), false, true);
23
+ @return if(sass(isEmpty($data)): false; else: true);
24
24
  }
package/scss/functions/_type.scss CHANGED
@@ -15,7 +15,7 @@
15
15
  }
16
16
 
17
17
  @function isNotString($data) {
18
- @return if(isString($data), false, true);
18
+ @return if(sass(isString($data)): false; else: true);
19
19
  }
20
20
 
21
21
  /**
@@ -33,7 +33,7 @@
33
33
  }
34
34
 
35
35
  @function isNotList($data) {
36
- @return if(isList($data), false, true);
36
+ @return if(sass(isList($data)): false; else: true);
37
37
  }
38
38
 
39
39
  /**
@@ -51,5 +51,5 @@
51
51
  }
52
52
 
53
53
  @function isNotMap($data) {
54
- @return if(isMap($data), false, true);
54
+ @return if(sass(isMap($data)): false; else: true);
55
55
  }
package/scss/mixins/_loop.scss CHANGED
@@ -12,10 +12,10 @@
12
12
  // multiple properties
13
13
  @if type.isList($properties) {
14
14
  @each $property in $properties {
15
- #{$property}: if($is-important, #{$value} !important, #{$value});
15
+ #{$property}: $value #{if(sass($is-important): '!important')};
16
16
  }
17
17
  } @else {
18
- #{$properties}: if($is-important, #{$value} !important, #{$value});
18
+ #{$properties}: $value #{if(sass($is-important): '!important')};
19
19
  }
20
20
  }
21
21
 
@@ -36,7 +36,7 @@
36
36
  @if empty.isNotEmpty($data) {
37
37
  @if type.isMap($data) {
38
38
  @each $key, $value in $data {
39
- $affix: if(empty.isEmpty($key), '', $affix);
39
+ $affix: if(sass(empty.isEmpty($key)): ''; else: $affix);
40
40
 
41
41
  #{$prefix}#{$affix}#{$key}#{$suffix} {
42
42
  // responsive properties ?
package/scss/utilities/_spacing.scss CHANGED
@@ -20,7 +20,7 @@ $v-spacing: ();
20
20
  $v-spacing-addons: ();
21
21
  @if list.length(v.$v-spacing-addon) > 0 {
22
22
  @each $value in v.$v-spacing-addon {
23
- $spacing_value: if($value == auto, auto, #{$value * v.$spacing-ratio}rem);
23
+ $spacing_value: if(sass($value == auto): auto; else: #{$value * v.$spacing-ratio}rem);
24
24
  $v-spacing-addons: map.merge($v-spacing-addons, (#{$value}: $spacing_value));
25
25
  }
26
26
  }
@@ -44,7 +44,7 @@ $h-spacing: ();
44
44
  $h-spacing-addons: ();
45
45
  @if list.length(v.$h-spacing-addon) > 0 {
46
46
  @each $value in v.$h-spacing-addon {
47
- $spacing_value: if($value == auto, auto, #{$value * v.$spacing-ratio}rem);
47
+ $spacing_value: if(sass($value == auto): auto; else: #{$value * v.$spacing-ratio}rem);
48
48
  $h-spacing-addons: map.merge($h-spacing-addons, (#{$value}: $spacing_value));
49
49
  }
50
50
  }