diff --git a/assets/iconmoon/PNG/checked.png b/assets/iconmoon/PNG/checked.png deleted file mode 100644 index d025f57..0000000 Binary files a/assets/iconmoon/PNG/checked.png and /dev/null differ diff --git a/assets/iconmoon/PNG/chronometer.png b/assets/iconmoon/PNG/chronometer.png deleted file mode 100644 index 6d7af10..0000000 Binary files a/assets/iconmoon/PNG/chronometer.png and /dev/null differ diff --git a/assets/iconmoon/PNG/error.png b/assets/iconmoon/PNG/error.png deleted file mode 100644 index ece0d40..0000000 Binary files a/assets/iconmoon/PNG/error.png and /dev/null differ diff --git a/assets/iconmoon/PNG/logo.png b/assets/iconmoon/PNG/logo.png deleted file mode 100644 index ca381c6..0000000 Binary files a/assets/iconmoon/PNG/logo.png and /dev/null differ diff --git a/assets/iconmoon/PNG/minus.png b/assets/iconmoon/PNG/minus.png deleted file mode 100644 index afd3bf0..0000000 Binary files a/assets/iconmoon/PNG/minus.png and /dev/null differ diff --git a/assets/iconmoon/PNG/paperplane.png b/assets/iconmoon/PNG/paperplane.png deleted file mode 100644 index b080461..0000000 Binary files a/assets/iconmoon/PNG/paperplane.png and /dev/null differ diff --git a/assets/iconmoon/PNG/ruler.png b/assets/iconmoon/PNG/ruler.png deleted file mode 100644 index 4acedaf..0000000 Binary files a/assets/iconmoon/PNG/ruler.png and /dev/null differ diff --git a/assets/iconmoon/PNG/shipping.png b/assets/iconmoon/PNG/shipping.png deleted file mode 100644 index 1dff82a..0000000 Binary files a/assets/iconmoon/PNG/shipping.png and /dev/null differ diff --git a/assets/iconmoon/PNG/spaceinvaders.png b/assets/iconmoon/PNG/spaceinvaders.png deleted file mode 100644 index 93fd7ae..0000000 Binary files a/assets/iconmoon/PNG/spaceinvaders.png and /dev/null differ diff --git a/assets/iconmoon/PNG/transformers.png b/assets/iconmoon/PNG/transformers.png deleted file mode 100644 index 11031ae..0000000 Binary files a/assets/iconmoon/PNG/transformers.png and /dev/null differ diff --git a/assets/iconmoon/Read Me.txt b/assets/iconmoon/Read Me.txt deleted file mode 100644 index b7d00c8..0000000 --- a/assets/iconmoon/Read Me.txt +++ /dev/null @@ -1,15 +0,0 @@ -The *SVG* folder contains the icons you selected as separate SVG files. - -If you prefer using PNGs, PDFs, or CSS sprites, refer to the Preferences panel of the IcoMoon app before downloading your zip pack. - -*demo.html* lists the icons that you selected. To insert your icons as inline SVGs (with the element), copy the element (that contains symbol definitions) from the source of the demo.html file, below your own HTML's tag. After copying this SVG, you can reference your glyphs like the following: - - - -You can get this code from the SVG tab of the IcoMoon app, or by referring to the source of the demo.html file. To see how you can change the color/size of your icons using CSS, refer to the example provided in the *style.css* file. - -If you prefer to reference an external SVG (containing ) instead of embedding it in HTML, you will need to use *svgxuse.js* in order to support IE 9+. In browsers that don't support referencing external SVGs (such as IE 9), this polyfill sends one HTTP request to fetch and cache all symbol definitions. See *demo-external-svg.html* for this approach. This demo references the *symbol-defs.svg* file and uses the aforementioned polyfill. Note that it must be hosted on a web server to work -properly. Learn more about this polyfill here: https://github.com/Keyamoon/svgxuse - -You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection. - diff --git a/assets/iconmoon/SVG/checked.svg b/assets/iconmoon/SVG/checked.svg deleted file mode 100644 index 435b06d..0000000 --- a/assets/iconmoon/SVG/checked.svg +++ /dev/null @@ -1,5 +0,0 @@ - - -checked - - diff --git a/assets/iconmoon/SVG/chronometer.svg b/assets/iconmoon/SVG/chronometer.svg deleted file mode 100644 index 63f0fbd..0000000 --- a/assets/iconmoon/SVG/chronometer.svg +++ /dev/null @@ -1,5 +0,0 @@ - - -chronometer - - diff --git a/assets/iconmoon/SVG/error.svg b/assets/iconmoon/SVG/error.svg deleted file mode 100644 index 69365b2..0000000 --- a/assets/iconmoon/SVG/error.svg +++ /dev/null @@ -1,5 +0,0 @@ - - -error - - diff --git a/assets/iconmoon/SVG/minus.svg b/assets/iconmoon/SVG/minus.svg deleted file mode 100644 index 7b7738d..0000000 --- a/assets/iconmoon/SVG/minus.svg +++ /dev/null @@ -1,5 +0,0 @@ - - -minus - - diff --git a/assets/iconmoon/SVG/paperplane.svg b/assets/iconmoon/SVG/paperplane.svg deleted file mode 100644 index 640f38b..0000000 --- a/assets/iconmoon/SVG/paperplane.svg +++ /dev/null @@ -1,5 +0,0 @@ - - -paperplane - - diff --git a/assets/iconmoon/SVG/ruler.svg b/assets/iconmoon/SVG/ruler.svg deleted file mode 100644 index 956dc93..0000000 --- a/assets/iconmoon/SVG/ruler.svg +++ /dev/null @@ -1,5 +0,0 @@ - - -ruler - - diff --git a/assets/iconmoon/SVG/shipping.svg b/assets/iconmoon/SVG/shipping.svg deleted file mode 100644 index e3cefde..0000000 --- a/assets/iconmoon/SVG/shipping.svg +++ /dev/null @@ -1,5 +0,0 @@ - - -shipping - - diff --git a/assets/iconmoon/SVG/spaceinvaders.svg b/assets/iconmoon/SVG/spaceinvaders.svg deleted file mode 100644 index f8024f0..0000000 --- a/assets/iconmoon/SVG/spaceinvaders.svg +++ /dev/null @@ -1,5 +0,0 @@ - - -spaceinvaders - - diff --git a/assets/iconmoon/SVG/transformers.svg b/assets/iconmoon/SVG/transformers.svg deleted file mode 100644 index 6d5098d..0000000 --- a/assets/iconmoon/SVG/transformers.svg +++ /dev/null @@ -1,5 +0,0 @@ - - -transformers - - diff --git a/assets/iconmoon/demo-external-svg.html b/assets/iconmoon/demo-external-svg.html deleted file mode 100644 index 4445c5c..0000000 --- a/assets/iconmoon/demo-external-svg.html +++ /dev/null @@ -1,64 +0,0 @@ - - - - IcoMoon - SVG Icons - - - - - - -
-
-

SVG Icons - Generated by IcoMoon

Notice: This demo (along with "symbol-defs.svg" and "svgxuse.js" files) should be hosted on a web server to work properly.

-
-
-
-

Grid Size: 0

-
-
- icon-logo -
-
-
-
-

Grid Size: 32

-
-
- icon-transformers -
-
-
-
- icon-spaceinvaders -
-
-
-
- icon-paperplane -
-
-
-
- icon-checked -
-
-
-
- icon-minus -
-
-
-
- icon-shipping -
-
-
-
- icon-ruler -
-
-
- - - diff --git a/assets/iconmoon/demo-files/demo.css b/assets/iconmoon/demo-files/demo.css deleted file mode 100644 index 5f4bb04..0000000 --- a/assets/iconmoon/demo-files/demo.css +++ /dev/null @@ -1,151 +0,0 @@ -body { - padding: 0; - margin: 0; - font-family: sans-serif; - font-size: 1em; - line-height: 1.5; - color: #555; - background: #fff; -} -h1 { - font-size: 1.5em; - font-weight: normal; - box-shadow: 0 1px #ddd, 0 2px #fff, 0 3px #ddd; -} -small { - font-size: .66666667em; -} -a { - color: #e74c3c; - text-decoration: none; -} -a:hover, a:focus { - box-shadow: 0 1px #e74c3c; -} -.bshadow0, input { - box-shadow: inset 0 -2px #e7e7e7; -} -input:hover { - box-shadow: inset 0 -2px #ccc; -} -input, fieldset { - font-size: 1em; - margin: 0; - padding: 0; - border: 0; -} -input { - color: inherit; - line-height: 1.5; - height: 1.5em; - padding: .25em 0; -} -input:focus { - outline: none; - box-shadow: inset 0 -2px #449fdb; -} -.glyph { - font-size: 16px; - margin-right: 1.5em; - float: left; - width: 6em; -} -svg { - color: #000; -} -.liga { - width: 80%; - width: calc(100% - 2.5em); -} -.talign-right { - text-align: right; -} -.talign-center { - text-align: center; -} -.bgc1 { - background: #f1f1f1; -} -.fgc0 { - color: #000; -} -.fgc1 { - color: #999; -} -p { - margin-top: 1em; - margin-bottom: 1em; -} -.mvm { - margin-top: .75em; - margin-bottom: .75em; -} -.mtn { - margin-top: 0; -} -.mtl, .mal { - margin-top: 1.5em; -} -.mbl, .mal { - margin-bottom: 1.5em; -} -.mal, .mhl { - margin-left: 1.5em; - margin-right: 1.5em; -} -.mhmm { - margin-left: 1em; - margin-right: 1em; -} -.ptl { - padding-top: 1.5em; -} -.pbs, .pvs { - padding-bottom: .25em; -} -.pvs, .pts { - padding-top: .25em; -} -.unit { - float: left; -} -.unitRight { - float: right; -} -.size1of2 { - width: 50%; -} -.size1of1 { - width: 100%; -} -.clearfix:before, .clearfix:after { - content: " "; - display: table; -} -.clearfix:after { - clear: both; -} -.hidden-true { - display: none; -} -.textbox0 { - width: 3em; - background: #f1f1f1; - padding: .25em .5em; - line-height: 1.5; - height: 1.5em; -} -.fs0 { - font-size: 16px; -} -.fs1 { - font-size: 32px; -} -.fs2 { - font-size: 32px; -} -.name { - font-size: 0.5em; - margin-left: 1em; -} - diff --git a/assets/iconmoon/demo.html b/assets/iconmoon/demo.html deleted file mode 100644 index f1f7bca..0000000 --- a/assets/iconmoon/demo.html +++ /dev/null @@ -1,116 +0,0 @@ - - - - IcoMoon - SVG Icons - - - - - - - - -
-
-

SVG Icons - Generated by IcoMoon

-
-
-
-

Grid Size: 0

-
-
- icon-logo -
-
-
-
-

Grid Size: 32

-
-
- icon-transformers -
-
-
-
- icon-spaceinvaders -
-
-
-
- icon-paperplane -
-
-
-
- icon-checked -
-
-
-
- icon-minus -
-
-
-
- icon-shipping -
-
-
-
- icon-ruler -
-
-
- - - diff --git a/assets/iconmoon/selection.json b/assets/iconmoon/selection.json deleted file mode 100644 index 131a06a..0000000 --- a/assets/iconmoon/selection.json +++ /dev/null @@ -1,402 +0,0 @@ -{ - "IcoMoonType": "selection", - "icons": [ - { - "icon": { - "paths": [ - "M170.131 458.224h-0.138l16.756 81.621z", - "M723.952 507.121c-38.922 48.897-120.336 88.415-211.951 88.415-105.019 0-214.771-97.583-209.035-88.415h-87.028l95.789 467.579h436.501l96.517-467.579h-120.794zM643.996 878.192c-35.563 24.898-82.444 38.61-131.995 38.61-49.554 0-96.431-13.713-131.995-38.61-38.054-26.643-59.013-62.869-59.013-102.009s20.959-75.366 59.013-102.009c35.563-24.898 82.444-38.61 131.995-38.61s96.431 13.713 131.995 38.61c38.057 26.643 59.013 62.869 59.013 102.009s-20.955 75.366-59.013 102.009z", - "M277.714 412.383h15.265c14.47 0 27.065 10.412 27.065 23.101 0 14.645 0.455 29.091 18.792 42.333v-294.639h-61.121v229.205z", - "M641.386 45.945v39.439h-55.009v452.439c24.449-5.458 39.729-13.004 55.009-22.074v-469.803z", - "M742.237 147.098v42.192h-61.121v288.53c6.112-13.239 17.031-27.691 17.031-42.336 0-12.689 11.008-23.101 25.057-23.101h19.033v-265.285h-0z", - "M543.592 198.369v45.93h-70.29v-45.93 347.842c9.168 0.889 23.917 1.357 35.145 1.357 11.225 0 29.033-0.468 35.145-1.357v-347.842z", - "M442.742 91.596v42.684h-61.121v381.465c24.449 9.077 45.841 16.619 61.121 22.077v-446.226z", - "M787.586 282.417v130.222h73.981c1.776-26.068 1.085-73.159-22.312-103.121-12.151-15.558-29.094-24.449-51.669-27.101z", - "M875.591 281.4c-20.864-26.814-50.48-41.972-88.006-45.132v-112.142c0-12.689-10.287-22.972-22.972-22.972h-78.073v-78.18c0-12.689-10.287-22.972-22.972-22.972h-101.046c-12.689 0-22.972 10.284-22.972 22.972v129.452h-55.098v-83.8c0-12.689-10.287-22.972-22.972-22.972h-101.046c-12.686 0-22.972 10.284-22.972 22.972v26.093h-78.070c-12.686 0-22.972 10.284-22.972 22.972v118.575c-37.525 3.16-67.139 18.318-88.006 45.132-46.122 59.269-29.87 154.225-29.155 158.24 0.018 0.101 115.235 565.972 115.235 565.972 2.179 10.702 11.589 18.391 22.511 18.391h509.997c10.922 0 20.332-7.689 22.511-18.391 0 0 115.217-565.871 115.235-565.972 0.712-4.013 16.967-98.971-29.155-158.237zM275.767 978.055l-105.774-519.471h108.417c17.221 75.167 117.197 134.928 233.591 134.928 116.39 0 216.37-59.761 233.588-134.928h108.42l-105.777 519.471h-472.465zM236.417 282.417v130.222h-74.094c-1.928-28.837 0.324-74.721 22.349-103.023 12.154-15.62 29.127-24.54 51.745-27.199zM282.362 140.662h55.095v337.155c-10.054-13.242-15.72-27.56-15.72-42.204 0-12.689-10.287-22.972-22.972-22.972h-16.405v-271.978zM741.638 412.64h-16.405c-12.689 0-22.972 10.284-22.972 22.972 0 14.645-5.669 28.968-15.723 42.207v-330.722h55.098v265.542zM585.497 45.945h55.098v469.803c-16.231 9.070-34.894 16.616-55.098 22.074v-491.877zM539.549 546.214c-9.064 0.889-18.266 1.357-27.547 1.357-9.284 0-18.486-0.468-27.55-1.357v-347.845h55.098v347.845zM383.405 91.596h55.101v446.226c-20.204-5.458-38.87-13.004-55.101-22.077v-424.149zM861.567 412.64h-73.981v-130.222c22.575 2.65 39.521 11.54 51.672 27.101 23.397 29.962 24.085 77.053 22.309 103.121z", - "M643.996 674.178c-35.563-24.898-82.441-38.61-131.995-38.61s-96.431 13.713-131.995 38.61c-38.057 26.643-59.016 62.869-59.016 102.009 0 39.136 20.959 75.366 59.016 102.009 35.563 24.898 82.441 38.61 131.995 38.61 49.551 0 96.431-13.713 131.995-38.61 38.057-26.643 59.016-62.869 59.016-102.009-0.003-39.139-20.959-75.366-59.016-102.009zM512.002 870.857c-78.636 0-145.065-43.356-145.065-94.674s66.43-94.674 145.065-94.674c78.633 0 145.062 43.356 145.062 94.674s-66.43 94.674-145.062 94.674z", - "M745.592 458.585h-0.003v0.012z", - "M169.34 340.244c-6.992 22.444-8.166 47.528-7.325 66.8-0.84-19.275 0.333-44.359 7.325-66.8z", - "M237.985 282.417v45.795c-39.729 9.19-35.689 68.89-38.415 84.17h38.415v-129.965h0z", - "M525.228 681.965c1.95 0.125 3.866 0.327 5.797 0.504-1.931-0.177-3.845-0.382-5.797-0.504z", - "M535.747 682.952c-67.496 7.83-120.663 47.329-120.663 93.231s53.166 85.402 120.66 93.231c67.793-7.659 121.32-47.186 121.32-93.231-0-46.043-53.527-85.573-121.317-93.231z", - "M531.007 869.904c-1.922 0.174-3.835 0.376-5.779 0.501 1.947-0.122 3.854-0.327 5.779-0.501z" - ], - "attrs": [ - { - "fill": "rgb(206, 89, 63)" - }, - { - "fill": "rgb(206, 89, 63)" - }, - { - "fill": "rgb(253, 212, 75)" - }, - { - "fill": "rgb(253, 212, 75)" - }, - { - "fill": "rgb(253, 212, 75)" - }, - { - "fill": "rgb(253, 212, 75)" - }, - { - "fill": "rgb(253, 212, 75)" - }, - { - "fill": "rgb(206, 89, 63)" - }, - { - "fill": "rgb(63, 45, 32)" - }, - { - "fill": "rgb(63, 45, 32)" - }, - { - "fill": "rgb(206, 89, 63)" - }, - { - "fill": "rgb(206, 89, 63)" - }, - { - "fill": "rgb(206, 89, 63)" - }, - { - "fill": "rgb(239, 136, 41)" - }, - { - "fill": "rgb(239, 136, 41)" - }, - { - "fill": "rgb(239, 136, 41)" - } - ], - "isMulticolor": true, - "isMulticolor2": false, - "grid": 0, - "tags": [ - "french-fries-svgrepo-com" - ], - "colorPermutations": { - "206896312391364112532127516345321": [ - { - "f": 1 - }, - { - "f": 1 - }, - { - "f": 3 - }, - { - "f": 3 - }, - { - "f": 3 - }, - { - "f": 3 - }, - { - "f": 3 - }, - { - "f": 1 - }, - { - "f": 0 - }, - { - "f": 0 - }, - { - "f": 1 - }, - { - "f": 1 - }, - { - "f": 1 - }, - { - "f": 2 - }, - { - "f": 2 - }, - { - "f": 2 - } - ] - } - }, - "attrs": [ - { - "fill": "rgb(206, 89, 63)" - }, - { - "fill": "rgb(206, 89, 63)" - }, - { - "fill": "rgb(253, 212, 75)" - }, - { - "fill": "rgb(253, 212, 75)" - }, - { - "fill": "rgb(253, 212, 75)" - }, - { - "fill": "rgb(253, 212, 75)" - }, - { - "fill": "rgb(253, 212, 75)" - }, - { - "fill": "rgb(206, 89, 63)" - }, - { - "fill": "rgb(63, 45, 32)" - }, - { - "fill": "rgb(63, 45, 32)" - }, - { - "fill": "rgb(206, 89, 63)" - }, - { - "fill": "rgb(206, 89, 63)" - }, - { - "fill": "rgb(206, 89, 63)" - }, - { - "fill": "rgb(239, 136, 41)" - }, - { - "fill": "rgb(239, 136, 41)" - }, - { - "fill": "rgb(239, 136, 41)" - } - ], - "properties": { - "order": 6, - "id": 0, - "name": "logo", - "prevSize": 32 - }, - "setIdx": 0, - "setId": 1, - "iconIdx": 0 - }, - { - "icon": { - "paths": [ - "M803.68 168.48l1.44-46.56c-86.208-43.136-181.952-68.96-287.136-68.96s-212.896 25.824-299.104 68.96l1.44 46.56 291.68 191.392 291.68-191.392zM512 145.792c60 0 110.336 19.232 110.336 19.232l-110.336 74.144-110.336-74.144c0 0 50.336-19.232 110.336-19.232zM578.336 767.264v-224.64l14.976-193.12-81.312 53.472-79.328-53.472 16.96 193.12v224.64h128.704zM396.48 328.832l-217.248-144.832-1.44-56.352h-127.872l18.976 273.6 155.2 110.912h189.664l-17.28-183.328zM149.92 340.896l205.184 96.576 3.424 31.648-203.424-92-5.184-36.224zM141.28 242.624l203.456 98.272 5.152 34.208-205.152-94.56-3.456-37.92zM137.856 849.568l151.52 77.568v-301.184l-89.472-55.68v-34.496l-87.936-60.352 25.888 374.144zM417.728 799.744v-224.384l-98.272 49.984v325.952l44.288 27.552 60.352-147.136h175.872l60.352 147.136 46.272-27.552-0-325.92-98.272-49.984v224.384l-190.592 0zM453.376 866.24l-44.832 125.824h206.912l-44.8-125.824h-117.28zM610.272 512.128h189.664l155.2-110.912 18.976-273.6h-127.872l-1.472 56.384-217.28 144.832-17.216 183.296zM868.896 377.12l-205.472 96 5.472-35.648 205.184-96.576-5.184 36.224zM879.264 280.544l-205.184 96.576 5.184-36.224 203.456-98.272-3.456 37.92zM912 475.392l-87.904 60.352v34.496l-88.16 55.68v301.184l150.208-77.568 25.856-374.144z" - ], - "attrs": [], - "isMulticolor": false, - "isMulticolor2": false, - "tags": [ - "transformers" - ], - "grid": 32 - }, - "attrs": [], - "properties": { - "id": 165, - "order": 11, - "prevSize": 32, - "name": "transformers" - }, - "setIdx": 1, - "setId": 0, - "iconIdx": 164 - }, - { - "icon": { - "paths": [ - "M958.816 799.424v-190.304h-93.12v191.008h-97.184v94.496h-225.536v-95.2h225.536l-0-95.104h-479.712v95.136l192.96 0.672v95.136h-193.632v-94.432h-97.152v-192.32h-93.152v190.304h-97.824v-288.128h95.84v-92.512h95.136v-97.824h97.824v-95.808h95.808v96.096l287.456 0.768-0-96.864h95.808v97.152h97.824v95.168h94.496l0 95.136h96.448v287.424h-97.824zM384.608 416.16h-95.808v95.84h95.808v-95.84zM767.872 416.16h-95.808v95.84h95.808v-95.84zM190.976 128.736h97.824v95.808h-97.824v-95.808zM865.696 128.736v95.808h-97.824l-0-95.808h97.824z" - ], - "width": 1056, - "attrs": [], - "isMulticolor": false, - "isMulticolor2": false, - "tags": [ - "space invaders" - ], - "grid": 32 - }, - "attrs": [], - "properties": { - "id": 167, - "order": 13, - "prevSize": 32, - "name": "spaceinvaders" - }, - "setIdx": 1, - "setId": 0, - "iconIdx": 166 - }, - { - "icon": { - "paths": [ - "M107.616 141.248l156 619.136 302.944-96.576-270.336-329.536 348.864 305.92 283.296-88.64-820.768-410.304zM576.128 882.752v-170.368l-99.712 29.632 99.712 140.736z" - ], - "attrs": [], - "isMulticolor": false, - "isMulticolor2": false, - "tags": [ - "paper plane", - "travel", - "plane" - ], - "grid": 32 - }, - "attrs": [], - "properties": { - "id": 299, - "order": 7, - "prevSize": 32, - "name": "paperplane" - }, - "setIdx": 1, - "setId": 0, - "iconIdx": 298 - }, - { - "icon": { - "paths": [ - "M848 864h-96c-8.832 0-16-7.168-16-16s7.168-16 16-16h80v-80c0-8.832 7.168-16 16-16 8.8 0 16 7.168 16 16v96c0 8.832-7.2 16-16 16zM848 672c-8.832 0-16-7.168-16-16v-96c0-8.832 7.168-16 16-16 8.8 0 16 7.168 16 16v96c0 8.832-7.2 16-16 16zM848 480c-8.832 0-16-7.168-16-16v-96c0-8.832 7.168-16 16-16 8.8 0 16 7.168 16 16v96c0 8.832-7.2 16-16 16zM848 288c-8.832 0-16-7.168-16-16v-80h-80c-8.832 0-16-7.168-16-16s7.168-16 16-16h96c8.8 0 16 7.168 16 16v96c0 8.832-7.2 16-16 16zM469.312 673.696c-5.888 5.92-15.456 5.92-21.376 0l-32.064-32.064c-0.064-0.096-0.032-0.224-0.096-0.288l-102.016-102.784c-5.92-5.888-5.92-15.456 0-21.376l32.064-32.096c5.92-5.92 15.488-5.92 21.408 0l91.52 92.192 192.448-192.416c5.888-5.92 15.456-5.92 21.376 0l32.064 32.096c5.952 5.92 5.952 15.488 0 21.408l-235.328 235.328zM656 192h-96c-8.832 0-16-7.168-16-16s7.168-16 16-16h96c8.8 0 16 7.168 16 16s-7.2 16-16 16zM464 192h-96c-8.832 0-16-7.168-16-16s7.168-16 16-16h96c8.8 0 16 7.168 16 16s-7.2 16-16 16zM272 864h-96c-8.832 0-16-7.168-16-16v-96c0-8.832 7.168-16 16-16s16 7.168 16 16v80h80c8.832 0 16 7.168 16 16s-7.168 16-16 16zM272 192h-80v80c0 8.832-7.168 16-16 16s-16-7.168-16-16v-96c0-8.832 7.168-16 16-16h96c8.832 0 16 7.168 16 16s-7.168 16-16 16zM176 352c8.832 0 16 7.168 16 16v96c0 8.832-7.168 16-16 16s-16-7.168-16-16v-96c0-8.832 7.168-16 16-16zM176 544c8.832 0 16 7.168 16 16v96c0 8.832-7.168 16-16 16s-16-7.168-16-16v-96c0-8.832 7.168-16 16-16zM368 832h96c8.8 0 16 7.168 16 16s-7.2 16-16 16h-96c-8.832 0-16-7.168-16-16s7.168-16 16-16zM560 832h96c8.8 0 16 7.168 16 16s-7.2 16-16 16h-96c-8.832 0-16-7.168-16-16s7.168-16 16-16z" - ], - "attrs": [], - "isMulticolor": false, - "isMulticolor2": false, - "tags": [ - "checked", - "checkmark", - "tick", - "checkbox" - ], - "grid": 32 - }, - "attrs": [], - "properties": { - "id": 323, - "order": 2, - "prevSize": 32, - "name": "checked" - }, - "setIdx": 1, - "setId": 0, - "iconIdx": 322 - }, - { - "icon": { - "paths": [ - "M272 160h-96c-8.832 0-16 7.168-16 16v96c0 8.832 7.168 16 16 16s16-7.168 16-16v-80h80c8.832 0 16-7.168 16-16s-7.168-16-16-16zM368 192h96c8.8 0 16-7.168 16-16s-7.2-16-16-16h-96c-8.832 0-16 7.168-16 16s7.168 16 16 16zM656 160h-96c-8.832 0-16 7.168-16 16s7.168 16 16 16h96c8.8 0 16-7.168 16-16s-7.2-16-16-16zM848 160h-96c-8.832 0-16 7.168-16 16s7.168 16 16 16h80v80c0 8.832 7.168 16 16 16 8.8 0 16-7.168 16-16v-96c0-8.832-7.2-16-16-16zM848 352c-8.832 0-16 7.168-16 16v96c0 8.832 7.168 16 16 16 8.8 0 16-7.168 16-16v-96c0-8.832-7.2-16-16-16zM848 544c-8.832 0-16 7.168-16 16v96c0 8.832 7.168 16 16 16 8.8 0 16-7.168 16-16v-96c0-8.832-7.2-16-16-16zM848 736c-8.832 0-16 7.168-16 16v80h-80c-8.832 0-16 7.168-16 16s7.168 16 16 16h96c8.8 0 16-7.168 16-16v-96c0-8.832-7.2-16-16-16zM656 832h-96c-8.832 0-16 7.168-16 16s7.168 16 16 16h96c8.8 0 16-7.168 16-16s-7.2-16-16-16zM464 832h-96c-8.832 0-16 7.168-16 16s7.168 16 16 16h96c8.8 0 16-7.168 16-16s-7.2-16-16-16zM272 832h-80v-80c0-8.832-7.168-16-16-16s-16 7.168-16 16v96c0 8.832 7.168 16 16 16h96c8.832 0 16-7.168 16-16s-7.168-16-16-16zM176 672c8.832 0 16-7.168 16-16v-96c0-8.832-7.168-16-16-16s-16 7.168-16 16v96c0 8.832 7.168 16 16 16zM176 480c8.832 0 16-7.168 16-16v-96c0-8.832-7.168-16-16-16s-16 7.168-16 16v96c0 8.832 7.168 16 16 16zM382.016 544h256c17.696 0 32-14.336 32-32 0-17.696-14.304-32-32-32h-256c-17.696 0-32 14.304-32 32-0 17.664 14.304 32 32 32z" - ], - "attrs": [], - "isMulticolor": false, - "isMulticolor2": false, - "tags": [ - "minus", - "remove", - "delete" - ], - "grid": 32 - }, - "attrs": [], - "properties": { - "id": 326, - "order": 5, - "prevSize": 32, - "name": "minus" - }, - "setIdx": 1, - "setId": 0, - "iconIdx": 325 - }, - { - "icon": { - "paths": [ - "M535.104 699.616c-14.592-13.824-31.616-24.448-50.208-31.072l-38.976-151.776 464.192-129.856 49.728 193.792-424.736 118.912zM387.328 288.608l309.472-86.56 49.76 193.856-309.44 86.56-49.792-193.856zM401.216 665.632c-8.64 2.432-16.672 5.888-24.48 9.696l-136.448-531.68h-51.328c-5.152 11.232-15.936 19.136-28.672 19.136h-64.064c-17.696 0-32.032-15.008-32.032-33.472s14.336-33.44 32.032-33.44h64.064c10.752 0 19.776 5.888 25.6 14.304h98.56v1.632l1.472-0.448 141.12 549.856c-8.608 0.8-17.216 2.048-25.824 4.416zM409.504 697.952c59.808-16.736 121.28 20.32 137.312 82.816 16.032 62.432-19.456 126.624-79.296 143.36-59.808 16.672-121.28-20.384-137.312-82.816s19.488-126.624 79.296-143.36zM392.64 826.048c6.848 26.752 33.216 42.624 58.848 35.424s40.832-34.688 33.984-61.44c-6.848-26.752-33.216-42.624-58.848-35.488-25.664 7.2-40.864 34.72-33.984 61.504zM955.84 694.432l-373.888 104.576c-0.672-8.928-1.92-17.952-4.224-26.944-2.272-8.992-5.568-17.44-9.248-25.568l371.936-104 15.424 51.936z" - ], - "attrs": [], - "isMulticolor": false, - "isMulticolor2": false, - "tags": [ - "shipping" - ], - "grid": 32 - }, - "attrs": [], - "properties": { - "id": 333, - "order": 9, - "prevSize": 32, - "name": "shipping" - }, - "setIdx": 1, - "setId": 0, - "iconIdx": 332 - }, - { - "icon": { - "paths": [ - "M193.856 218.72l21.952 21.952-89.856 89.856 70.016 70.016 90.272-90.272 20.512 20.512-90.272 90.304 69.12 69.088 205.312-205.312-249.984-248.512-204.576 204.576 67.648 67.68 89.856-89.888zM739.168 533.088l-205.312 205.344 69.088 69.088 90.304-90.272 20.512 20.512-90.272 90.272 70.016 70.016 89.824-89.856 21.952 21.952-89.824 89.856 67.616 67.648 204.608-204.608-248.512-249.952zM954.304 270.432c24.992-25.024 25.184-65.44 0.384-90.272l-112.384-112.352c-24.8-24.8-65.248-24.672-90.24 0.384l-69.44 69.44 202.24 202.24 69.44-69.44zM108.736 830.144l83.936 83.936 169.088-60.064-192.96-192.96-60.064 169.088zM660.8 158.176l-476.32 476.352 203.808 203.808 476.352-476.352-203.84-203.808zM277.024 634.112l383.392-383.392 22.336 22.336-383.424 383.424-22.304-22.368zM321.696 678.816l383.36-383.392 22.336 22.336-383.392 383.36-22.304-22.304zM366.368 723.456l383.392-383.392 22.304 22.336-383.36 383.392-22.336-22.336zM62.528 960.32l98.112-35.744-62.368-62.368-35.744 98.112z" - ], - "attrs": [], - "isMulticolor": false, - "isMulticolor2": false, - "tags": [ - "ruler", - "pencil", - "design" - ], - "grid": 32 - }, - "attrs": [], - "properties": { - "id": 350, - "order": 12, - "prevSize": 32, - "name": "ruler" - }, - "setIdx": 1, - "setId": 0, - "iconIdx": 349 - } - ], - "height": 1024, - "preferences": { - "showGlyphs": true, - "showCodes": true, - "showQuickUse": true, - "showQuickUse2": true, - "showSVGs": true, - "fontPref": { - "prefix": "icon-", - "metadata": {}, - "metrics": { - "emSize": 1024, - "baseline": 6.25, - "whitespace": 50 - } - }, - "imagePref": { - "prefix": "icon-", - "png": true, - "useClassSelector": true, - "color": 0, - "bgColor": 16777215, - "name": "icomoon", - "classSelector": ".icon", - "height": 32 - }, - "historySize": 50, - "gridSize": 16, - "showGrid": false - } -} \ No newline at end of file diff --git a/assets/iconmoon/style.css b/assets/iconmoon/style.css deleted file mode 100644 index 2d83959..0000000 --- a/assets/iconmoon/style.css +++ /dev/null @@ -1,20 +0,0 @@ -.icon { - display: inline-block; - width: 1em; - height: 1em; - stroke-width: 0; - stroke: currentColor; - fill: currentColor; -} - -/* ========================================== -Single-colored icons can be modified like so: -.icon-name { - font-size: 32px; - color: red; -} -========================================== */ - -.icon-spaceinvaders { - width: 1.03125em; -} diff --git a/assets/iconmoon/svgxuse.js b/assets/iconmoon/svgxuse.js deleted file mode 100644 index 245217c..0000000 --- a/assets/iconmoon/svgxuse.js +++ /dev/null @@ -1,230 +0,0 @@ -/*! - * @copyright Copyright (c) 2017 IcoMoon.io - * @license Licensed under MIT license - * See https://github.com/Keyamoon/svgxuse - * @version 1.2.6 - */ -/*jslint browser: true */ -/*global XDomainRequest, MutationObserver, window */ -(function () { - "use strict"; - if (typeof window !== "undefined" && window.addEventListener) { - var cache = Object.create(null); // holds xhr objects to prevent multiple requests - var checkUseElems; - var tid; // timeout id - var debouncedCheck = function () { - clearTimeout(tid); - tid = setTimeout(checkUseElems, 100); - }; - var unobserveChanges = function () { - return; - }; - var observeChanges = function () { - var observer; - window.addEventListener("resize", debouncedCheck, false); - window.addEventListener("orientationchange", debouncedCheck, false); - if (window.MutationObserver) { - observer = new MutationObserver(debouncedCheck); - observer.observe(document.documentElement, { - childList: true, - subtree: true, - attributes: true - }); - unobserveChanges = function () { - try { - observer.disconnect(); - window.removeEventListener("resize", debouncedCheck, false); - window.removeEventListener("orientationchange", debouncedCheck, false); - } catch (ignore) {} - }; - } else { - document.documentElement.addEventListener("DOMSubtreeModified", debouncedCheck, false); - unobserveChanges = function () { - document.documentElement.removeEventListener("DOMSubtreeModified", debouncedCheck, false); - window.removeEventListener("resize", debouncedCheck, false); - window.removeEventListener("orientationchange", debouncedCheck, false); - }; - } - }; - var createRequest = function (url) { - // In IE 9, cross origin requests can only be sent using XDomainRequest. - // XDomainRequest would fail if CORS headers are not set. - // Therefore, XDomainRequest should only be used with cross origin requests. - function getOrigin(loc) { - var a; - if (loc.protocol !== undefined) { - a = loc; - } else { - a = document.createElement("a"); - a.href = loc; - } - return a.protocol.replace(/:/g, "") + a.host; - } - var Request; - var origin; - var origin2; - if (window.XMLHttpRequest) { - Request = new XMLHttpRequest(); - origin = getOrigin(location); - origin2 = getOrigin(url); - if (Request.withCredentials === undefined && origin2 !== "" && origin2 !== origin) { - Request = XDomainRequest || undefined; - } else { - Request = XMLHttpRequest; - } - } - return Request; - }; - var xlinkNS = "http://www.w3.org/1999/xlink"; - checkUseElems = function () { - var base; - var bcr; - var fallback = ""; // optional fallback URL in case no base path to SVG file was given and no symbol definition was found. - var hash; - var href; - var i; - var inProgressCount = 0; - var isHidden; - var Request; - var url; - var uses; - var xhr; - function observeIfDone() { - // If done with making changes, start watching for chagnes in DOM again - inProgressCount -= 1; - if (inProgressCount === 0) { // if all xhrs were resolved - unobserveChanges(); // make sure to remove old handlers - observeChanges(); // watch for changes to DOM - } - } - function attrUpdateFunc(spec) { - return function () { - if (cache[spec.base] !== true) { - spec.useEl.setAttributeNS(xlinkNS, "xlink:href", "#" + spec.hash); - if (spec.useEl.hasAttribute("href")) { - spec.useEl.setAttribute("href", "#" + spec.hash); - } - } - }; - } - function onloadFunc(xhr) { - return function () { - var body = document.body; - var x = document.createElement("x"); - var svg; - xhr.onload = null; - x.innerHTML = xhr.responseText; - svg = x.getElementsByTagName("svg")[0]; - if (svg) { - svg.setAttribute("aria-hidden", "true"); - svg.style.position = "absolute"; - svg.style.width = 0; - svg.style.height = 0; - svg.style.overflow = "hidden"; - body.insertBefore(svg, body.firstChild); - } - observeIfDone(); - }; - } - function onErrorTimeout(xhr) { - return function () { - xhr.onerror = null; - xhr.ontimeout = null; - observeIfDone(); - }; - } - unobserveChanges(); // stop watching for changes to DOM - // find all use elements - uses = document.getElementsByTagName("use"); - for (i = 0; i < uses.length; i += 1) { - try { - bcr = uses[i].getBoundingClientRect(); - } catch (ignore) { - // failed to get bounding rectangle of the use element - bcr = false; - } - href = uses[i].getAttribute("href") - || uses[i].getAttributeNS(xlinkNS, "href") - || uses[i].getAttribute("xlink:href"); - if (href && href.split) { - url = href.split("#"); - } else { - url = ["", ""]; - } - base = url[0]; - hash = url[1]; - isHidden = bcr && bcr.left === 0 && bcr.right === 0 && bcr.top === 0 && bcr.bottom === 0; - if (bcr && bcr.width === 0 && bcr.height === 0 && !isHidden) { - // the use element is empty - // if there is a reference to an external SVG, try to fetch it - // use the optional fallback URL if there is no reference to an external SVG - if (fallback && !base.length && hash && !document.getElementById(hash)) { - base = fallback; - } - if (uses[i].hasAttribute("href")) { - uses[i].setAttributeNS(xlinkNS, "xlink:href", href); - } - if (base.length) { - // schedule updating xlink:href - xhr = cache[base]; - if (xhr !== true) { - // true signifies that prepending the SVG was not required - setTimeout(attrUpdateFunc({ - useEl: uses[i], - base: base, - hash: hash - }), 0); - } - if (xhr === undefined) { - Request = createRequest(base); - if (Request !== undefined) { - xhr = new Request(); - cache[base] = xhr; - xhr.onload = onloadFunc(xhr); - xhr.onerror = onErrorTimeout(xhr); - xhr.ontimeout = onErrorTimeout(xhr); - xhr.open("GET", base); - xhr.send(); - inProgressCount += 1; - } - } - } - } else { - if (!isHidden) { - if (cache[base] === undefined) { - // remember this URL if the use element was not empty and no request was sent - cache[base] = true; - } else if (cache[base].onload) { - // if it turns out that prepending the SVG is not necessary, - // abort the in-progress xhr. - cache[base].abort(); - delete cache[base].onload; - cache[base] = true; - } - } else if (base.length && cache[base]) { - setTimeout(attrUpdateFunc({ - useEl: uses[i], - base: base, - hash: hash - }), 0); - } - } - } - uses = ""; - inProgressCount += 1; - observeIfDone(); - }; - var winLoad; - winLoad = function () { - window.removeEventListener("load", winLoad, false); // to prevent memory leaks - tid = setTimeout(checkUseElems, 0); - }; - if (document.readyState !== "complete") { - // The load event fires when all resources have finished loading, which allows detecting whether SVG use elements are empty. - window.addEventListener("load", winLoad, false); - } else { - // No need to add a listener if the document is already loaded, initialize immediately. - winLoad(); - } - } -}()); diff --git a/assets/iconmoon/symbol-defs.svg b/assets/iconmoon/symbol-defs.svg deleted file mode 100644 index 5c6750b..0000000 --- a/assets/iconmoon/symbol-defs.svg +++ /dev/null @@ -1,51 +0,0 @@ - diff --git a/assets/svg/circle-right.svg b/assets/svg/circle-right.svg new file mode 100644 index 0000000..0910100 --- /dev/null +++ b/assets/svg/circle-right.svg @@ -0,0 +1,6 @@ + + +circle-right + + + diff --git a/assets/svg/design.svg b/assets/svg/design.svg new file mode 100644 index 0000000..d7f3ceb --- /dev/null +++ b/assets/svg/design.svg @@ -0,0 +1,6 @@ + + +design + + + diff --git a/assets/svg/emoticon-zip.svg b/assets/svg/emoticon-zip.svg new file mode 100644 index 0000000..ea00d68 --- /dev/null +++ b/assets/svg/emoticon-zip.svg @@ -0,0 +1,7 @@ + + +emoticon-zip + + + + diff --git a/assets/svg/flask.svg b/assets/svg/flask.svg new file mode 100644 index 0000000..185359d --- /dev/null +++ b/assets/svg/flask.svg @@ -0,0 +1,5 @@ + + +flask + + diff --git a/assets/svg/github.svg b/assets/svg/github.svg new file mode 100644 index 0000000..985f3e3 --- /dev/null +++ b/assets/svg/github.svg @@ -0,0 +1,5 @@ + + +github + + diff --git a/assets/iconmoon/SVG/logo.svg b/assets/svg/logo.svg similarity index 100% rename from assets/iconmoon/SVG/logo.svg rename to assets/svg/logo.svg diff --git a/assets/svg/spray.svg b/assets/svg/spray.svg new file mode 100644 index 0000000..891c6a7 --- /dev/null +++ b/assets/svg/spray.svg @@ -0,0 +1,6 @@ + + +spray + + + diff --git a/assets/svg/toggle-left.svg b/assets/svg/toggle-left.svg new file mode 100644 index 0000000..ac7290c --- /dev/null +++ b/assets/svg/toggle-left.svg @@ -0,0 +1,6 @@ + + +toggle-left + + + diff --git a/assets/svg/toggle-right.svg b/assets/svg/toggle-right.svg new file mode 100644 index 0000000..394b317 --- /dev/null +++ b/assets/svg/toggle-right.svg @@ -0,0 +1,5 @@ + + +toggle-right + + diff --git a/dist/crispy-all.css b/dist/crispy-all.css index e0d58ef..fbee6bd 100644 --- a/dist/crispy-all.css +++ b/dist/crispy-all.css @@ -1 +1 @@ -html{font-size:100%;line-height:1.15;-webkit-text-size-adjust:100%}body,html{margin:0;height:100%}html,legend{box-sizing:border-box}main{display:block}*,:after,:before{box-sizing:inherit}table{border-collapse:collapse;border-spacing:0}p{margin:0 0 1em}a,ins,u{-webkit-text-decoration-skip:ink edges;text-decoration-skip:ink edges}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#f18f01}a:hover{color:#b3b2af}a:focus{outline:none}abbr[title]{border-bottom:1px dotted;cursor:help;text-decoration:none}mark{padding:.25em}blockquote{border-left:1px solid #dfdfdf;margin-left:0;padding:.8em 1.2em}blockquote p:last-child{margin-bottom:0}dl,ol,ul{padding:0;margin:0 0 1em}ol,ul{margin-left:1.5em}ol ol,ul ul{margin-top:0;margin-left:1em}ol{list-style:decimal outside}ul{list-style:disc outside}dl{margin-left:.5em}dd,dt{margin:0}dt{font-weight:700}figure{margin:0 0 1em}figcaption{margin:.3em 0 0}button,input,optgroup,select,textarea{margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}hr{box-sizing:content-box;height:0;overflow:visible;border:0;border-top:1px solid #b3b2af;margin:.3em 0}code,kbd,pre,samp{font-family:Lucida Console,Monaco,monospace;font-size:.9rem}@media only screen and (min-width:992px){code,kbd,pre,samp{font-size:1rem}}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,Neue Helvetica,sans-serif;font-weight:700;line-height:1.2;margin:0 0 .3em}h5{line-height:1.4}h6{line-height:1.618}.h1,h1{font-size:2.25rem}@media only screen and (min-width:992px){.h1,h1{font-size:2.5rem}}@media only screen and (min-width:1600px){.h1,h1{font-size:2.75rem}}.h2,h2{font-size:1.8rem}@media only screen and (min-width:992px){.h2,h2{font-size:2rem}}@media only screen and (min-width:1600px){.h2,h2{font-size:2.2rem}}.h3,h3{font-size:1.575rem}@media only screen and (min-width:992px){.h3,h3{font-size:1.75rem}}@media only screen and (min-width:1600px){.h3,h3{font-size:1.925rem}}.h4,h4{font-size:1.35rem}@media only screen and (min-width:992px){.h4,h4{font-size:1.5rem}}@media only screen and (min-width:1600px){.h4,h4{font-size:1.65rem}}.h5,h5{font-size:1.125rem}@media only screen and (min-width:992px){.h5,h5{font-size:1.25rem}}@media only screen and (min-width:1600px){.h5,h5{font-size:1.375rem}}.h6,h6{font-size:.9rem}@media only screen and (min-width:992px){.h6,h6{font-size:1rem}}@media only screen and (min-width:1600px){.h6,h6{font-size:1.1rem}}body,button,input,optgroup,select,textarea{font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}button,input,optgroup,select,textarea{font-size:.9em;line-height:1.4}body{color:#363636;background-color:#fff;direction:ltr;font-size:.9rem;line-height:1.4}@media only screen and (min-width:992px){body{font-size:1rem}}@media only screen and (min-width:1600px){body{font-size:1.1rem}}@media only screen and (min-width:992px){body{line-height:1.618}}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-justify{text-align:justify!important}.text-uppercase{text-transform:uppercase!important}.text-lowercase{text-transform:lowercase!important}.text-crossed{text-decoration:line-through!important}.text-underline{text-decoration:underline!important}.text-capitalize{text-transform:capitalize!important}.text-italic{font-style:italic!important}.text-light{font-weight:lighter!important}.text-normal{font-weight:400!important}.text-medium{font-weight:medium!important}.text-bold{font-weight:bolder!important}.text-size-default{font-size:.9rem!important}@media only screen and (min-width:992px){.text-size-default{font-size:1rem!important}}@media only screen and (min-width:1600px){.text-size-default{font-size:1.1rem!important}}.text-size-small{font-size:.72rem!important}@media only screen and (min-width:992px){.text-size-small{font-size:.8rem!important}}@media only screen and (min-width:1600px){.text-size-small{font-size:.88rem!important}}.text-size-medium{font-size:.99rem!important}@media only screen and (min-width:992px){.text-size-medium{font-size:1.1rem!important}}@media only screen and (min-width:1600px){.text-size-medium{font-size:1.21rem!important}}.text-size-large{font-size:1.17rem!important}@media only screen and (min-width:992px){.text-size-large{font-size:1.3rem!important}}@media only screen and (min-width:1600px){.text-size-large{font-size:1.43rem!important}}.text-size-big{font-size:1.35rem!important}@media only screen and (min-width:992px){.text-size-big{font-size:1.5rem!important}}@media only screen and (min-width:1600px){.text-size-big{font-size:1.65rem!important}}.text-size-mega{font-size:1.62rem!important}@media only screen and (min-width:992px){.text-size-mega{font-size:1.8rem!important}}@media only screen and (min-width:1600px){.text-size-mega{font-size:1.98rem!important}}.float-left{float:left}.float-right{float:right}.float-none{float:none}.centered{margin-left:auto;margin-right:auto}.clearfix:after,.clearfix:before{display:table;content:" "}.clearfix:after{clear:both}.text-color-primary{color:#f18f01!important}.text-color-secondary{color:#b3b2af!important}.text-color-success{color:#5cb85c!important}.text-color-warning{color:#f0ad4e!important}.text-color-danger{color:#d9534f!important}.text-color-info{color:#0090d4!important}.text-color-grey{color:#7a7a7a!important}.text-color-grey-light{color:#f7f7f7!important}.text-color-grey-dark{color:#4a4a4a!important}.text-color-white{color:#fff!important}.background-color-primary{background-color:#f18f01!important}.background-color-secondary{background-color:#b3b2af!important}.background-color-success{background-color:#5cb85c!important}.background-color-warning{background-color:#f0ad4e!important}.background-color-danger{background-color:#d9534f!important}.background-color-info{background-color:#0090d4!important}.background-color-grey{background-color:#7a7a7a!important}.background-color-grey-light{background-color:#f7f7f7!important}.background-color-grey-dark{background-color:#4a4a4a!important}.background-color-white{background-color:#fff!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.relative{position:relative!important}.hide{display:none!important}@media only screen and (min-width:576px){.hide-xs{display:none!important}}@media only screen and (min-width:768px){.hide-sm{display:none!important}}@media only screen and (min-width:992px){.hide-md{display:none!important}}@media only screen and (min-width:1200px){.hide-lg{display:none!important}}@media only screen and (min-width:1600px){.hide-xlg{display:none!important}}.show{display:block!important}.show--inline{display:inline!important}.show--inline-block{display:inline-block!important}@media only screen and (min-width:576px){.show-xs{display:block!important}.show-xs--inline{display:inline!important}.show-xs--inline-block{display:inline-block!important}}@media only screen and (min-width:768px){.show-sm{display:block!important}.show-sm--inline{display:inline!important}.show-sm--inline-block{display:inline-block!important}}@media only screen and (min-width:992px){.show-md{display:block!important}.show-md--inline{display:inline!important}.show-md--inline-block{display:inline-block!important}}@media only screen and (min-width:1200px){.show-lg{display:block!important}.show-lg--inline{display:inline!important}.show-lg--inline-block{display:inline-block!important}}@media only screen and (min-width:1600px){.show-xlg{display:block!important}.show-xlg--inline{display:inline!important}.show-xlg--inline-block{display:inline-block!important}}.bordered{border:1px solid #dfdfdf!important}.rounded{border-radius:50%!important}.borderless{border:0!important}.radiusless{border-radius:0!important}.width-25{width:25%!important}.width-50{width:50%!important}.width-75{width:75%!important}.width-100{width:100%!important}.marginless{margin:0!important}.paddingless{padding:0!important}.margin-top-0{margin-top:0!important}.margin-left-0{margin-left:0!important}.margin-bottom-0{margin-bottom:0!important}.margin-right-0{margin-right:0!important}.padding-top-0{padding-top:0!important}.padding-left-0{padding-left:0!important}.padding-bottom-0{padding-bottom:0!important}.padding-right-0{padding-right:0!important}.margin-top-1{margin-top:.75em!important}.margin-left-1{margin-left:.75em!important}.margin-bottom-1{margin-bottom:.75em!important}.margin-right-1{margin-right:.75em!important}.padding-top-1{padding-top:.75em!important}.padding-left-1{padding-left:.75em!important}.padding-bottom-1{padding-bottom:.75em!important}.padding-right-1{padding-right:.75em!important}.margin-top-2{margin-top:1.5em!important}.margin-left-2{margin-left:1.5em!important}.margin-bottom-2{margin-bottom:1.5em!important}.margin-right-2{margin-right:1.5em!important}.padding-top-2{padding-top:1.5em!important}.padding-left-2{padding-left:1.5em!important}.padding-bottom-2{padding-bottom:1.5em!important}.padding-right-2{padding-right:1.5em!important}.margin-top-3{margin-top:2.25em!important}.margin-left-3{margin-left:2.25em!important}.margin-bottom-3{margin-bottom:2.25em!important}.margin-right-3{margin-right:2.25em!important}.padding-top-3{padding-top:2.25em!important}.padding-left-3{padding-left:2.25em!important}.padding-bottom-3{padding-bottom:2.25em!important}.padding-right-3{padding-right:2.25em!important}.margin-top-4{margin-top:3em!important}.margin-left-4{margin-left:3em!important}.margin-bottom-4{margin-bottom:3em!important}.margin-right-4{margin-right:3em!important}.padding-top-4{padding-top:3em!important}.padding-left-4{padding-left:3em!important}.padding-bottom-4{padding-bottom:3em!important}.padding-right-4{padding-right:3em!important}.margin-top-5{margin-top:3.75em!important}.margin-left-5{margin-left:3.75em!important}.margin-bottom-5{margin-bottom:3.75em!important}.margin-right-5{margin-right:3.75em!important}.padding-top-5{padding-top:3.75em!important}.padding-left-5{padding-left:3.75em!important}.padding-bottom-5{padding-bottom:3.75em!important}.padding-right-5{padding-right:3.75em!important}.margin-top-6{margin-top:4.5em!important}.margin-left-6{margin-left:4.5em!important}.margin-bottom-6{margin-bottom:4.5em!important}.margin-right-6{margin-right:4.5em!important}.padding-top-6{padding-top:4.5em!important}.padding-left-6{padding-left:4.5em!important}.padding-bottom-6{padding-bottom:4.5em!important}.padding-right-6{padding-right:4.5em!important}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-block;text-decoration:none;padding:.25em 1em .3em}.button:hover{cursor:pointer;text-decoration:none}.button:focus{outline:none}.code{white-space:pre;display:block;overflow-y:hidden;overflow-x:auto;padding:.8em 1.2em;background-color:#f7f7f7;margin:0 0 1em}.code,.progress{border:1px solid #dfdfdf}.progress__inner{height:30px;background-color:#f18f01}.field{margin:0 0 1em}.field__select,.field__text{display:block;width:100%;line-height:1.618;padding:6px 8px;color:#363636;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1rem;font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif}.field__label{display:inline-block;width:100%}.field--valid .field__label{color:#5cb85c}.field--error .field__label{color:#d9534f}.field__text{margin:0;border:1px solid #dfdfdf}.field__text:focus{border-color:#f18f01}.field--valid .field__select,.field--valid .field__text{border-color:#5cb85c}.field--error .field__select,.field--error .field__text{border-color:#d9534f}.field__select{padding:.25em;border:1px solid #dfdfdf;background-color:#fff}.field__select:focus{outline:0;border-color:#f18f01}.field__choice{position:relative;display:none}.field__choice+.field__label .field__choice__checked{display:none}.field__choice+.field__label:hover{cursor:pointer}.field__choice:checked+.field__label .field__choice__checked{display:inline-block}.field__choice:checked+.field__label .field__choice__unchecked{display:none}.field__choice__checked{fill:#5cb85c}.field__choice__unchecked{fill:#d9534f}.field__choice+.field__label+.field__panel{margin:.3em 0 0}.field--valid .field__choice__checked,.field--valid .field__choice__unchecked{fill:#5cb85c}.field--error .field__choice__checked,.field--error .field__choice__unchecked{fill:#d9534f}.field__panel{padding:.25em}.field--valid .field__panel{color:#fff;background-color:#5cb85c}.field--error .field__panel{color:#fff;background-color:#d9534f}.group{list-style:none}.group,.group li{margin:0;padding:0}.group--horizontal .group__item{display:inline-block}.group--separate .group__item:after{margin:0 .3em;content:"/"}.group--separate .group__item:last-child:after{display:none}.hero{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.hero--top{background-position:top}.hero--bottom{background-position:bottom}.hero--contain{background-size:contain}.icon{width:1.1em;height:1.1em;max-height:100%;max-width:100%;vertical-align:middle;overflow:hidden;line-height:1.4}@media only screen and (min-width:992px){.icon{line-height:1.618}}.button .icon,a .icon{margin:-.2em 0 0}.icon-color-primary{fill:#f18f01!important}.icon-color-secondary{fill:#b3b2af!important}.icon-color-success{fill:#5cb85c!important}.icon-color-warning{fill:#f0ad4e!important}.icon-color-danger{fill:#d9534f!important}.icon-color-info{fill:#0090d4!important}.icon-color-grey{fill:#7a7a7a!important}.icon-color-grey-light{fill:#f7f7f7!important}.icon-color-grey-dark{fill:#4a4a4a!important}.icon-color-white{fill:#fff!important}.img-responsive{display:block;max-width:100%;height:auto}.video-responsive{display:block;overflow:hidden;padding:0;position:relative;width:100%}.video-responsive embed,.video-responsive iframe,.video-responsive object{border:0;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.modal{position:absolute;z-index:100;width:100%;max-width:50%;margin:0;top:50%;left:50%;transform:translate(-50%,-50%)}.modal--fixed{position:fixed}.modal--bottom-left,.modal--center-left,.modal--top-left{left:0}.modal--bottom-right,.modal--center-right,.modal--top-right{right:0;left:unset}.modal--bottom-center,.modal--bottom-left,.modal--bottom-right,.modal--center-left,.modal--center-right,.modal--top-center,.modal--top-left,.modal--top-right{margin:1em;transform:translate(0)}.modal--bottom-center,.modal--bottom-left,.modal--bottom-right{bottom:0;top:unset}.modal--center-left,.modal--center-right{transform:translateY(-50%);margin-top:0;margin-bottom:0}.modal--bottom-center,.modal--top-center{transform:translate(-50%)}.modal--top-center,.modal--top-left,.modal--top-right{top:0}.overlay{position:fixed;top:0;left:0;z-index:90;width:100%;height:100%;background-color:#000}.panel{background-color:#f7f7f7}.panel__inner{padding:.8em 1.2em}.table{width:100%}.table--striped tr:nth-child(2n){background-color:#f7f7f7}.table--scroll{overflow-x:auto}.table td{color:#363636}.table td,.table th{padding:.8em 1.2em;text-align:left;border-bottom:1px solid #dfdfdf}.table th{border-bottom-width:2px} \ No newline at end of file +html{font-size:100%;line-height:1.15;-webkit-text-size-adjust:100%}body,html{margin:0;height:100%}html,legend{box-sizing:border-box}main{display:block}*,:after,:before{box-sizing:inherit}table{border-collapse:collapse;border-spacing:0}p{margin:0 0 1rem}a,ins,u{-webkit-text-decoration-skip:ink edges;text-decoration-skip:ink edges}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#f18f01}a:hover{color:#b3b2af}a:focus{outline:none}abbr[title]{border-bottom:1px dotted;cursor:help;text-decoration:none}mark{padding:.25em}blockquote{border-left:1px solid #dfdfdf;margin-left:0;padding:.8em 1.2em}blockquote p:last-child{margin-bottom:0}dl,ol,ul{padding:0;margin:0 0 1rem}ol,ul{margin-left:1.5em}ol ol,ul ul{margin-top:0;margin-left:1em}ol{list-style:decimal outside}ul{list-style:disc outside}dl{margin-left:.5em}dd,dt{margin:0}dt{font-weight:700}figure{margin:0 0 1rem}figcaption{margin:.3em 0 0}button,input,optgroup,select,textarea{margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}hr{box-sizing:content-box;height:0;overflow:visible;border:0;border-top:1px solid #b3b2af;margin:.3em 0}code,kbd,pre,samp{font-family:Lucida Console,Monaco,monospace;font-size:.9rem}@media only screen and (min-width:992px){code,kbd,pre,samp{font-size:1rem}}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,Neue Helvetica,sans-serif;font-weight:700;line-height:1.2;margin:0 0 .3em}h5{line-height:1.4}h6{line-height:1.618}.h1,h1{font-size:2.25rem}@media only screen and (min-width:992px){.h1,h1{font-size:2.5rem}}@media only screen and (min-width:1600px){.h1,h1{font-size:2.75rem}}.h2,h2{font-size:1.8rem}@media only screen and (min-width:992px){.h2,h2{font-size:2rem}}@media only screen and (min-width:1600px){.h2,h2{font-size:2.2rem}}.h3,h3{font-size:1.575rem}@media only screen and (min-width:992px){.h3,h3{font-size:1.75rem}}@media only screen and (min-width:1600px){.h3,h3{font-size:1.925rem}}.h4,h4{font-size:1.35rem}@media only screen and (min-width:992px){.h4,h4{font-size:1.5rem}}@media only screen and (min-width:1600px){.h4,h4{font-size:1.65rem}}.h5,h5{font-size:1.125rem}@media only screen and (min-width:992px){.h5,h5{font-size:1.25rem}}@media only screen and (min-width:1600px){.h5,h5{font-size:1.375rem}}.h6,h6{font-size:.9rem}@media only screen and (min-width:992px){.h6,h6{font-size:1rem}}@media only screen and (min-width:1600px){.h6,h6{font-size:1.1rem}}body,button,input,optgroup,select,textarea{font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}button,input,optgroup,select,textarea{font-size:.9em;line-height:1.4}body{color:#363636;background-color:#fff;direction:ltr;font-size:.9rem;line-height:1.4}@media only screen and (min-width:992px){body{font-size:1rem}}@media only screen and (min-width:1600px){body{font-size:1.1rem}}@media only screen and (min-width:992px){body{line-height:1.618}}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-justify{text-align:justify!important}.text-uppercase{text-transform:uppercase!important}.text-lowercase{text-transform:lowercase!important}.text-crossed{text-decoration:line-through!important}.text-underline{text-decoration:underline!important}.text-capitalize{text-transform:capitalize!important}.text-italic{font-style:italic!important}.text-light{font-weight:lighter!important}.text-normal{font-weight:400!important}.text-medium{font-weight:medium!important}.text-bold{font-weight:bolder!important}.text-size-default{font-size:.9rem!important}@media only screen and (min-width:992px){.text-size-default{font-size:1rem!important}}@media only screen and (min-width:1600px){.text-size-default{font-size:1.1rem!important}}.text-size-small{font-size:.675rem!important}@media only screen and (min-width:992px){.text-size-small{font-size:.75rem!important}}@media only screen and (min-width:1600px){.text-size-small{font-size:.825rem!important}}.text-size-medium{font-size:1.125rem!important}@media only screen and (min-width:992px){.text-size-medium{font-size:1.25rem!important}}@media only screen and (min-width:1600px){.text-size-medium{font-size:1.375rem!important}}.text-size-large{font-size:1.35rem!important}@media only screen and (min-width:992px){.text-size-large{font-size:1.5rem!important}}@media only screen and (min-width:1600px){.text-size-large{font-size:1.65rem!important}}.text-size-big{font-size:1.575rem!important}@media only screen and (min-width:992px){.text-size-big{font-size:1.75rem!important}}@media only screen and (min-width:1600px){.text-size-big{font-size:1.925rem!important}}.text-size-mega{font-size:1.8rem!important}@media only screen and (min-width:992px){.text-size-mega{font-size:2rem!important}}@media only screen and (min-width:1600px){.text-size-mega{font-size:2.2rem!important}}.float-left{float:left}.float-right{float:right}.float-none{float:none}.centered{margin-left:auto;margin-right:auto}.clearfix:after,.clearfix:before{display:table;content:" "}.clearfix:after{clear:both}.text-color-primary{color:#f18f01!important}.text-color-secondary{color:#b3b2af!important}.text-color-success{color:#5cb85c!important}.text-color-warning{color:#f0ad4e!important}.text-color-danger{color:#d9534f!important}.text-color-info{color:#0090d4!important}.text-color-grey{color:#7a7a7a!important}.text-color-grey-light{color:#f7f7f7!important}.text-color-grey-dark{color:#4a4a4a!important}.text-color-white{color:#fff!important}.background-color-primary{background-color:#f18f01!important}.background-color-secondary{background-color:#b3b2af!important}.background-color-success{background-color:#5cb85c!important}.background-color-warning{background-color:#f0ad4e!important}.background-color-danger{background-color:#d9534f!important}.background-color-info{background-color:#0090d4!important}.background-color-grey{background-color:#7a7a7a!important}.background-color-grey-light{background-color:#f7f7f7!important}.background-color-grey-dark{background-color:#4a4a4a!important}.background-color-white{background-color:#fff!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.relative{position:relative!important}.hide{display:none!important}@media only screen and (min-width:576px){.hide-xs{display:none!important}}@media only screen and (min-width:768px){.hide-sm{display:none!important}}@media only screen and (min-width:992px){.hide-md{display:none!important}}@media only screen and (min-width:1200px){.hide-lg{display:none!important}}@media only screen and (min-width:1600px){.hide-xlg{display:none!important}}.show{display:block!important}.show--inline{display:inline!important}.show--inline-block{display:inline-block!important}@media only screen and (min-width:576px){.show-xs{display:block!important}.show-xs--inline{display:inline!important}.show-xs--inline-block{display:inline-block!important}}@media only screen and (min-width:768px){.show-sm{display:block!important}.show-sm--inline{display:inline!important}.show-sm--inline-block{display:inline-block!important}}@media only screen and (min-width:992px){.show-md{display:block!important}.show-md--inline{display:inline!important}.show-md--inline-block{display:inline-block!important}}@media only screen and (min-width:1200px){.show-lg{display:block!important}.show-lg--inline{display:inline!important}.show-lg--inline-block{display:inline-block!important}}@media only screen and (min-width:1600px){.show-xlg{display:block!important}.show-xlg--inline{display:inline!important}.show-xlg--inline-block{display:inline-block!important}}.bordered{border:1px solid #dfdfdf!important}.rounded{border-radius:50%!important}.borderless{border:0!important}.radiusless{border-radius:0!important}.width-25{width:25%!important}.width-50{width:50%!important}.width-75{width:75%!important}.width-100{width:100%!important}.marginless{margin:0!important}.paddingless{padding:0!important}.margin-left-0{margin-left:0!important}.margin-right-0{margin-right:0!important}.padding-left-0{padding-left:0!important}.padding-right-0{padding-right:0!important}.margin-left-1{margin-left:.375rem!important}.margin-right-1{margin-right:.375rem!important}.padding-left-1{padding-left:.375rem!important}.padding-right-1{padding-right:.375rem!important}.margin-left-2{margin-left:.75rem!important}.margin-right-2{margin-right:.75rem!important}.padding-left-2{padding-left:.75rem!important}.padding-right-2{padding-right:.75rem!important}.margin-left-3{margin-left:1.125rem!important}.margin-right-3{margin-right:1.125rem!important}.padding-left-3{padding-left:1.125rem!important}.padding-right-3{padding-right:1.125rem!important}.margin-top-0{margin-top:0!important}@media only screen and (min-width:992px){.margin-top-0{margin-top:0!important}}.margin-bottom-0{margin-bottom:0!important}@media only screen and (min-width:992px){.margin-bottom-0{margin-bottom:0!important}}.padding-top-0{padding-top:0!important}@media only screen and (min-width:992px){.padding-top-0{padding-top:0!important}}.padding-bottom-0{padding-bottom:0!important}@media only screen and (min-width:992px){.padding-bottom-0{padding-bottom:0!important}}.margin-top-1{margin-top:.375rem!important}@media only screen and (min-width:992px){.margin-top-1{margin-top:.75rem!important}}.margin-bottom-1{margin-bottom:.375rem!important}@media only screen and (min-width:992px){.margin-bottom-1{margin-bottom:.75rem!important}}.padding-top-1{padding-top:.375rem!important}@media only screen and (min-width:992px){.padding-top-1{padding-top:.75rem!important}}.padding-bottom-1{padding-bottom:.375rem!important}@media only screen and (min-width:992px){.padding-bottom-1{padding-bottom:.75rem!important}}.margin-top-2{margin-top:.75rem!important}@media only screen and (min-width:992px){.margin-top-2{margin-top:1.5rem!important}}.margin-bottom-2{margin-bottom:.75rem!important}@media only screen and (min-width:992px){.margin-bottom-2{margin-bottom:1.5rem!important}}.padding-top-2{padding-top:.75rem!important}@media only screen and (min-width:992px){.padding-top-2{padding-top:1.5rem!important}}.padding-bottom-2{padding-bottom:.75rem!important}@media only screen and (min-width:992px){.padding-bottom-2{padding-bottom:1.5rem!important}}.margin-top-3{margin-top:1.125rem!important}@media only screen and (min-width:992px){.margin-top-3{margin-top:2.25rem!important}}.margin-bottom-3{margin-bottom:1.125rem!important}@media only screen and (min-width:992px){.margin-bottom-3{margin-bottom:2.25rem!important}}.padding-top-3{padding-top:1.125rem!important}@media only screen and (min-width:992px){.padding-top-3{padding-top:2.25rem!important}}.padding-bottom-3{padding-bottom:1.125rem!important}@media only screen and (min-width:992px){.padding-bottom-3{padding-bottom:2.25rem!important}}.margin-top-4{margin-top:1.5rem!important}@media only screen and (min-width:992px){.margin-top-4{margin-top:3rem!important}}.margin-bottom-4{margin-bottom:1.5rem!important}@media only screen and (min-width:992px){.margin-bottom-4{margin-bottom:3rem!important}}.padding-top-4{padding-top:1.5rem!important}@media only screen and (min-width:992px){.padding-top-4{padding-top:3rem!important}}.padding-bottom-4{padding-bottom:1.5rem!important}@media only screen and (min-width:992px){.padding-bottom-4{padding-bottom:3rem!important}}.margin-top-5{margin-top:1.875rem!important}@media only screen and (min-width:992px){.margin-top-5{margin-top:3.75rem!important}}.margin-bottom-5{margin-bottom:1.875rem!important}@media only screen and (min-width:992px){.margin-bottom-5{margin-bottom:3.75rem!important}}.padding-top-5{padding-top:1.875rem!important}@media only screen and (min-width:992px){.padding-top-5{padding-top:3.75rem!important}}.padding-bottom-5{padding-bottom:1.875rem!important}@media only screen and (min-width:992px){.padding-bottom-5{padding-bottom:3.75rem!important}}.margin-top-6{margin-top:2.25rem!important}@media only screen and (min-width:992px){.margin-top-6{margin-top:4.5rem!important}}.margin-bottom-6{margin-bottom:2.25rem!important}@media only screen and (min-width:992px){.margin-bottom-6{margin-bottom:4.5rem!important}}.padding-top-6{padding-top:2.25rem!important}@media only screen and (min-width:992px){.padding-top-6{padding-top:4.5rem!important}}.padding-bottom-6{padding-bottom:2.25rem!important}@media only screen and (min-width:992px){.padding-bottom-6{padding-bottom:4.5rem!important}}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-block;text-decoration:none;padding:.5em 1.2em .6em;margin:0 0 1rem}.button:hover{cursor:pointer;text-decoration:none}.button:focus{outline:none}.code{white-space:pre;display:block;overflow-y:hidden;overflow-x:auto;padding:.8em 1.2em;background-color:#f7f7f7;margin:0 0 1rem}.code,.progress{border:1px solid #dfdfdf}.progress__inner{height:30px;background-color:#f18f01}.field{margin:0 0 1rem}.field__select,.field__text{display:block;width:100%;line-height:1.618;padding:.4em .6em;color:#363636;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1rem;font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif}.field__label{display:inline-block;width:100%}.field--valid .field__label{color:#5cb85c}.field--error .field__label{color:#d9534f}.field__text{margin:0;border:1px solid #dfdfdf}.field__text:focus{border-color:#f18f01}.field--valid .field__select,.field--valid .field__text{border-color:#5cb85c}.field--error .field__select,.field--error .field__text{border-color:#d9534f}.field__select{padding:.3em .5em;border:1px solid #dfdfdf;background-color:#fff}.field__select:focus{outline:0;border-color:#f18f01}.field__choice{position:relative;display:none}.field__choice+.field__label .field__choice__checked{display:none}.field__choice+.field__label:hover{cursor:pointer}.field__choice:checked+.field__label .field__choice__checked{display:inline-block}.field__choice:checked+.field__label .field__choice__unchecked{display:none}.field__choice__checked{fill:#5cb85c}.field__choice__unchecked{fill:#d9534f}.field__choice+.field__label+.field__panel{margin:.3em 0 0}.field--valid .field__choice__checked,.field--valid .field__choice__unchecked{fill:#5cb85c}.field--error .field__choice__checked,.field--error .field__choice__unchecked{fill:#d9534f}.field__panel{padding:.3em .6em}.field--valid .field__panel{color:#fff;background-color:#5cb85c}.field--error .field__panel{color:#fff;background-color:#d9534f}.group{list-style:none}.group,.group li{margin:0;padding:0}.group--horizontal .group__item{display:inline-block}.group--separate .group__item:after{margin:0 .3em;content:"/"}.group--separate .group__item:last-child:after{display:none}.hero{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.hero--top{background-position:top}.hero--bottom{background-position:bottom}.hero--contain{background-size:contain}.icon{width:1.1em;height:1.1em;max-height:100%;max-width:100%;vertical-align:middle;overflow:hidden;line-height:1.4}@media only screen and (min-width:992px){.icon{line-height:1.618}}.button .icon{margin:-.2em 0 0}.icon-color-primary{fill:#f18f01!important}.icon-color-secondary{fill:#b3b2af!important}.icon-color-success{fill:#5cb85c!important}.icon-color-warning{fill:#f0ad4e!important}.icon-color-danger{fill:#d9534f!important}.icon-color-info{fill:#0090d4!important}.icon-color-grey{fill:#7a7a7a!important}.icon-color-grey-light{fill:#f7f7f7!important}.icon-color-grey-dark{fill:#4a4a4a!important}.icon-color-white{fill:#fff!important}.img-responsive{display:block;max-width:100%;height:auto}.video-responsive{display:block;overflow:hidden;padding:0;position:relative;width:100%}.video-responsive embed,.video-responsive iframe,.video-responsive object{border:0;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.modal{position:absolute;z-index:100;width:100%;max-width:50%;margin:0;top:50%;left:50%;transform:translate(-50%,-50%)}.modal--fixed{position:fixed}.modal--bottom-left,.modal--center-left,.modal--top-left{left:0}.modal--bottom-right,.modal--center-right,.modal--top-right{right:0;left:unset}.modal--bottom-center,.modal--bottom-left,.modal--bottom-right,.modal--center-left,.modal--center-right,.modal--top-center,.modal--top-left,.modal--top-right{margin:1em;transform:translate(0)}.modal--bottom-center,.modal--bottom-left,.modal--bottom-right{bottom:0;top:unset}.modal--center-left,.modal--center-right{transform:translateY(-50%);margin-top:0;margin-bottom:0}.modal--bottom-center,.modal--top-center{transform:translate(-50%)}.modal--top-center,.modal--top-left,.modal--top-right{top:0}.overlay{position:fixed;top:0;left:0;z-index:90;width:100%;height:100%;background-color:#000}.panel{background-color:#f7f7f7}.panel__inner{padding:.8em 1.2em}.table{width:100%}.table--striped tr:nth-child(2n){background-color:#f7f7f7}.table--scroll{overflow-x:auto}.table td{color:#363636}.table td,.table th{padding:.8em 1.2em;text-align:left;border-bottom:1px solid #dfdfdf}.table th{border-bottom-width:2px} \ No newline at end of file diff --git a/dist/crispy-minimal.css b/dist/crispy-minimal.css index 0ef8f36..bac08fa 100644 --- a/dist/crispy-minimal.css +++ b/dist/crispy-minimal.css @@ -1 +1 @@ -html{font-size:100%;line-height:1.15;-webkit-text-size-adjust:100%}body,html{margin:0;height:100%}html,legend{box-sizing:border-box}main{display:block}*,:after,:before{box-sizing:inherit}table{border-collapse:collapse;border-spacing:0}p{margin:0 0 1em}a,ins,u{-webkit-text-decoration-skip:ink edges;text-decoration-skip:ink edges}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#f18f01}a:hover{color:#b3b2af}a:focus{outline:none}abbr[title]{border-bottom:1px dotted;cursor:help;text-decoration:none}mark{padding:.25em}blockquote{border-left:1px solid #dfdfdf;margin-left:0;padding:.8em 1.2em}blockquote p:last-child{margin-bottom:0}dl,ol,ul{padding:0;margin:0 0 1em}ol,ul{margin-left:1.5em}ol ol,ul ul{margin-top:0;margin-left:1em}ol{list-style:decimal outside}ul{list-style:disc outside}dl{margin-left:.5em}dd,dt{margin:0}dt{font-weight:700}figure{margin:0 0 1em}figcaption{margin:.3em 0 0}button,input,optgroup,select,textarea{margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}hr{box-sizing:content-box;height:0;overflow:visible;border:0;border-top:1px solid #b3b2af;margin:.3em 0}code,kbd,pre,samp{font-family:Lucida Console,Monaco,monospace;font-size:.9rem}@media only screen and (min-width:992px){code,kbd,pre,samp{font-size:1rem}}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,Neue Helvetica,sans-serif;font-weight:700;line-height:1.2;margin:0 0 .3em}h5{line-height:1.4}h6{line-height:1.618}.h1,h1{font-size:2.25rem}@media only screen and (min-width:992px){.h1,h1{font-size:2.5rem}}@media only screen and (min-width:1600px){.h1,h1{font-size:2.75rem}}.h2,h2{font-size:1.8rem}@media only screen and (min-width:992px){.h2,h2{font-size:2rem}}@media only screen and (min-width:1600px){.h2,h2{font-size:2.2rem}}.h3,h3{font-size:1.575rem}@media only screen and (min-width:992px){.h3,h3{font-size:1.75rem}}@media only screen and (min-width:1600px){.h3,h3{font-size:1.925rem}}.h4,h4{font-size:1.35rem}@media only screen and (min-width:992px){.h4,h4{font-size:1.5rem}}@media only screen and (min-width:1600px){.h4,h4{font-size:1.65rem}}.h5,h5{font-size:1.125rem}@media only screen and (min-width:992px){.h5,h5{font-size:1.25rem}}@media only screen and (min-width:1600px){.h5,h5{font-size:1.375rem}}.h6,h6{font-size:.9rem}@media only screen and (min-width:992px){.h6,h6{font-size:1rem}}@media only screen and (min-width:1600px){.h6,h6{font-size:1.1rem}}body,button,input,optgroup,select,textarea{font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}button,input,optgroup,select,textarea{font-size:.9em;line-height:1.4}body{color:#363636;background-color:#fff;direction:ltr;font-size:.9rem;line-height:1.4}@media only screen and (min-width:992px){body{font-size:1rem}}@media only screen and (min-width:1600px){body{font-size:1.1rem}}@media only screen and (min-width:992px){body{line-height:1.618}}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-justify{text-align:justify!important}.text-uppercase{text-transform:uppercase!important}.text-lowercase{text-transform:lowercase!important}.text-crossed{text-decoration:line-through!important}.text-underline{text-decoration:underline!important}.text-capitalize{text-transform:capitalize!important}.text-italic{font-style:italic!important}.text-light{font-weight:lighter!important}.text-normal{font-weight:400!important}.text-medium{font-weight:medium!important}.text-bold{font-weight:bolder!important}.text-size-default{font-size:.9rem!important}@media only screen and (min-width:992px){.text-size-default{font-size:1rem!important}}@media only screen and (min-width:1600px){.text-size-default{font-size:1.1rem!important}}.text-size-small{font-size:.72rem!important}@media only screen and (min-width:992px){.text-size-small{font-size:.8rem!important}}@media only screen and (min-width:1600px){.text-size-small{font-size:.88rem!important}}.text-size-medium{font-size:.99rem!important}@media only screen and (min-width:992px){.text-size-medium{font-size:1.1rem!important}}@media only screen and (min-width:1600px){.text-size-medium{font-size:1.21rem!important}}.text-size-large{font-size:1.17rem!important}@media only screen and (min-width:992px){.text-size-large{font-size:1.3rem!important}}@media only screen and (min-width:1600px){.text-size-large{font-size:1.43rem!important}}.text-size-big{font-size:1.35rem!important}@media only screen and (min-width:992px){.text-size-big{font-size:1.5rem!important}}@media only screen and (min-width:1600px){.text-size-big{font-size:1.65rem!important}}.text-size-mega{font-size:1.62rem!important}@media only screen and (min-width:992px){.text-size-mega{font-size:1.8rem!important}}@media only screen and (min-width:1600px){.text-size-mega{font-size:1.98rem!important}}.float-left{float:left}.float-right{float:right}.float-none{float:none}.centered{margin-left:auto;margin-right:auto}.clearfix:after,.clearfix:before{display:table;content:" "}.clearfix:after{clear:both}.text-color-primary{color:#f18f01!important}.text-color-secondary{color:#b3b2af!important}.text-color-success{color:#5cb85c!important}.text-color-warning{color:#f0ad4e!important}.text-color-danger{color:#d9534f!important}.text-color-info{color:#0090d4!important}.text-color-grey{color:#7a7a7a!important}.text-color-grey-light{color:#f7f7f7!important}.text-color-grey-dark{color:#4a4a4a!important}.text-color-white{color:#fff!important}.background-color-primary{background-color:#f18f01!important}.background-color-secondary{background-color:#b3b2af!important}.background-color-success{background-color:#5cb85c!important}.background-color-warning{background-color:#f0ad4e!important}.background-color-danger{background-color:#d9534f!important}.background-color-info{background-color:#0090d4!important}.background-color-grey{background-color:#7a7a7a!important}.background-color-grey-light{background-color:#f7f7f7!important}.background-color-grey-dark{background-color:#4a4a4a!important}.background-color-white{background-color:#fff!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.relative{position:relative!important}.hide{display:none!important}@media only screen and (min-width:576px){.hide-xs{display:none!important}}@media only screen and (min-width:768px){.hide-sm{display:none!important}}@media only screen and (min-width:992px){.hide-md{display:none!important}}@media only screen and (min-width:1200px){.hide-lg{display:none!important}}@media only screen and (min-width:1600px){.hide-xlg{display:none!important}}.show{display:block!important}.show--inline{display:inline!important}.show--inline-block{display:inline-block!important}@media only screen and (min-width:576px){.show-xs{display:block!important}.show-xs--inline{display:inline!important}.show-xs--inline-block{display:inline-block!important}}@media only screen and (min-width:768px){.show-sm{display:block!important}.show-sm--inline{display:inline!important}.show-sm--inline-block{display:inline-block!important}}@media only screen and (min-width:992px){.show-md{display:block!important}.show-md--inline{display:inline!important}.show-md--inline-block{display:inline-block!important}}@media only screen and (min-width:1200px){.show-lg{display:block!important}.show-lg--inline{display:inline!important}.show-lg--inline-block{display:inline-block!important}}@media only screen and (min-width:1600px){.show-xlg{display:block!important}.show-xlg--inline{display:inline!important}.show-xlg--inline-block{display:inline-block!important}}.bordered{border:1px solid #dfdfdf!important}.rounded{border-radius:50%!important}.borderless{border:0!important}.radiusless{border-radius:0!important}.width-25{width:25%!important}.width-50{width:50%!important}.width-75{width:75%!important}.width-100{width:100%!important}.marginless{margin:0!important}.paddingless{padding:0!important}.margin-top-0{margin-top:0!important}.margin-left-0{margin-left:0!important}.margin-bottom-0{margin-bottom:0!important}.margin-right-0{margin-right:0!important}.padding-top-0{padding-top:0!important}.padding-left-0{padding-left:0!important}.padding-bottom-0{padding-bottom:0!important}.padding-right-0{padding-right:0!important}.margin-top-1{margin-top:.75em!important}.margin-left-1{margin-left:.75em!important}.margin-bottom-1{margin-bottom:.75em!important}.margin-right-1{margin-right:.75em!important}.padding-top-1{padding-top:.75em!important}.padding-left-1{padding-left:.75em!important}.padding-bottom-1{padding-bottom:.75em!important}.padding-right-1{padding-right:.75em!important}.margin-top-2{margin-top:1.5em!important}.margin-left-2{margin-left:1.5em!important}.margin-bottom-2{margin-bottom:1.5em!important}.margin-right-2{margin-right:1.5em!important}.padding-top-2{padding-top:1.5em!important}.padding-left-2{padding-left:1.5em!important}.padding-bottom-2{padding-bottom:1.5em!important}.padding-right-2{padding-right:1.5em!important}.margin-top-3{margin-top:2.25em!important}.margin-left-3{margin-left:2.25em!important}.margin-bottom-3{margin-bottom:2.25em!important}.margin-right-3{margin-right:2.25em!important}.padding-top-3{padding-top:2.25em!important}.padding-left-3{padding-left:2.25em!important}.padding-bottom-3{padding-bottom:2.25em!important}.padding-right-3{padding-right:2.25em!important}.margin-top-4{margin-top:3em!important}.margin-left-4{margin-left:3em!important}.margin-bottom-4{margin-bottom:3em!important}.margin-right-4{margin-right:3em!important}.padding-top-4{padding-top:3em!important}.padding-left-4{padding-left:3em!important}.padding-bottom-4{padding-bottom:3em!important}.padding-right-4{padding-right:3em!important}.margin-top-5{margin-top:3.75em!important}.margin-left-5{margin-left:3.75em!important}.margin-bottom-5{margin-bottom:3.75em!important}.margin-right-5{margin-right:3.75em!important}.padding-top-5{padding-top:3.75em!important}.padding-left-5{padding-left:3.75em!important}.padding-bottom-5{padding-bottom:3.75em!important}.padding-right-5{padding-right:3.75em!important}.margin-top-6{margin-top:4.5em!important}.margin-left-6{margin-left:4.5em!important}.margin-bottom-6{margin-bottom:4.5em!important}.margin-right-6{margin-right:4.5em!important}.padding-top-6{padding-top:4.5em!important}.padding-left-6{padding-left:4.5em!important}.padding-bottom-6{padding-bottom:4.5em!important}.padding-right-6{padding-right:4.5em!important} \ No newline at end of file +html{font-size:100%;line-height:1.15;-webkit-text-size-adjust:100%}body,html{margin:0;height:100%}html,legend{box-sizing:border-box}main{display:block}*,:after,:before{box-sizing:inherit}table{border-collapse:collapse;border-spacing:0}p{margin:0 0 1rem}a,ins,u{-webkit-text-decoration-skip:ink edges;text-decoration-skip:ink edges}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#f18f01}a:hover{color:#b3b2af}a:focus{outline:none}abbr[title]{border-bottom:1px dotted;cursor:help;text-decoration:none}mark{padding:.25em}blockquote{border-left:1px solid #dfdfdf;margin-left:0;padding:.8em 1.2em}blockquote p:last-child{margin-bottom:0}dl,ol,ul{padding:0;margin:0 0 1rem}ol,ul{margin-left:1.5em}ol ol,ul ul{margin-top:0;margin-left:1em}ol{list-style:decimal outside}ul{list-style:disc outside}dl{margin-left:.5em}dd,dt{margin:0}dt{font-weight:700}figure{margin:0 0 1rem}figcaption{margin:.3em 0 0}button,input,optgroup,select,textarea{margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}hr{box-sizing:content-box;height:0;overflow:visible;border:0;border-top:1px solid #b3b2af;margin:.3em 0}code,kbd,pre,samp{font-family:Lucida Console,Monaco,monospace;font-size:.9rem}@media only screen and (min-width:992px){code,kbd,pre,samp{font-size:1rem}}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,Neue Helvetica,sans-serif;font-weight:700;line-height:1.2;margin:0 0 .3em}h5{line-height:1.4}h6{line-height:1.618}.h1,h1{font-size:2.25rem}@media only screen and (min-width:992px){.h1,h1{font-size:2.5rem}}@media only screen and (min-width:1600px){.h1,h1{font-size:2.75rem}}.h2,h2{font-size:1.8rem}@media only screen and (min-width:992px){.h2,h2{font-size:2rem}}@media only screen and (min-width:1600px){.h2,h2{font-size:2.2rem}}.h3,h3{font-size:1.575rem}@media only screen and (min-width:992px){.h3,h3{font-size:1.75rem}}@media only screen and (min-width:1600px){.h3,h3{font-size:1.925rem}}.h4,h4{font-size:1.35rem}@media only screen and (min-width:992px){.h4,h4{font-size:1.5rem}}@media only screen and (min-width:1600px){.h4,h4{font-size:1.65rem}}.h5,h5{font-size:1.125rem}@media only screen and (min-width:992px){.h5,h5{font-size:1.25rem}}@media only screen and (min-width:1600px){.h5,h5{font-size:1.375rem}}.h6,h6{font-size:.9rem}@media only screen and (min-width:992px){.h6,h6{font-size:1rem}}@media only screen and (min-width:1600px){.h6,h6{font-size:1.1rem}}body,button,input,optgroup,select,textarea{font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}button,input,optgroup,select,textarea{font-size:.9em;line-height:1.4}body{color:#363636;background-color:#fff;direction:ltr;font-size:.9rem;line-height:1.4}@media only screen and (min-width:992px){body{font-size:1rem}}@media only screen and (min-width:1600px){body{font-size:1.1rem}}@media only screen and (min-width:992px){body{line-height:1.618}}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-justify{text-align:justify!important}.text-uppercase{text-transform:uppercase!important}.text-lowercase{text-transform:lowercase!important}.text-crossed{text-decoration:line-through!important}.text-underline{text-decoration:underline!important}.text-capitalize{text-transform:capitalize!important}.text-italic{font-style:italic!important}.text-light{font-weight:lighter!important}.text-normal{font-weight:400!important}.text-medium{font-weight:medium!important}.text-bold{font-weight:bolder!important}.text-size-default{font-size:.9rem!important}@media only screen and (min-width:992px){.text-size-default{font-size:1rem!important}}@media only screen and (min-width:1600px){.text-size-default{font-size:1.1rem!important}}.text-size-small{font-size:.675rem!important}@media only screen and (min-width:992px){.text-size-small{font-size:.75rem!important}}@media only screen and (min-width:1600px){.text-size-small{font-size:.825rem!important}}.text-size-medium{font-size:1.125rem!important}@media only screen and (min-width:992px){.text-size-medium{font-size:1.25rem!important}}@media only screen and (min-width:1600px){.text-size-medium{font-size:1.375rem!important}}.text-size-large{font-size:1.35rem!important}@media only screen and (min-width:992px){.text-size-large{font-size:1.5rem!important}}@media only screen and (min-width:1600px){.text-size-large{font-size:1.65rem!important}}.text-size-big{font-size:1.575rem!important}@media only screen and (min-width:992px){.text-size-big{font-size:1.75rem!important}}@media only screen and (min-width:1600px){.text-size-big{font-size:1.925rem!important}}.text-size-mega{font-size:1.8rem!important}@media only screen and (min-width:992px){.text-size-mega{font-size:2rem!important}}@media only screen and (min-width:1600px){.text-size-mega{font-size:2.2rem!important}}.float-left{float:left}.float-right{float:right}.float-none{float:none}.centered{margin-left:auto;margin-right:auto}.clearfix:after,.clearfix:before{display:table;content:" "}.clearfix:after{clear:both}.text-color-primary{color:#f18f01!important}.text-color-secondary{color:#b3b2af!important}.text-color-success{color:#5cb85c!important}.text-color-warning{color:#f0ad4e!important}.text-color-danger{color:#d9534f!important}.text-color-info{color:#0090d4!important}.text-color-grey{color:#7a7a7a!important}.text-color-grey-light{color:#f7f7f7!important}.text-color-grey-dark{color:#4a4a4a!important}.text-color-white{color:#fff!important}.background-color-primary{background-color:#f18f01!important}.background-color-secondary{background-color:#b3b2af!important}.background-color-success{background-color:#5cb85c!important}.background-color-warning{background-color:#f0ad4e!important}.background-color-danger{background-color:#d9534f!important}.background-color-info{background-color:#0090d4!important}.background-color-grey{background-color:#7a7a7a!important}.background-color-grey-light{background-color:#f7f7f7!important}.background-color-grey-dark{background-color:#4a4a4a!important}.background-color-white{background-color:#fff!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.relative{position:relative!important}.hide{display:none!important}@media only screen and (min-width:576px){.hide-xs{display:none!important}}@media only screen and (min-width:768px){.hide-sm{display:none!important}}@media only screen and (min-width:992px){.hide-md{display:none!important}}@media only screen and (min-width:1200px){.hide-lg{display:none!important}}@media only screen and (min-width:1600px){.hide-xlg{display:none!important}}.show{display:block!important}.show--inline{display:inline!important}.show--inline-block{display:inline-block!important}@media only screen and (min-width:576px){.show-xs{display:block!important}.show-xs--inline{display:inline!important}.show-xs--inline-block{display:inline-block!important}}@media only screen and (min-width:768px){.show-sm{display:block!important}.show-sm--inline{display:inline!important}.show-sm--inline-block{display:inline-block!important}}@media only screen and (min-width:992px){.show-md{display:block!important}.show-md--inline{display:inline!important}.show-md--inline-block{display:inline-block!important}}@media only screen and (min-width:1200px){.show-lg{display:block!important}.show-lg--inline{display:inline!important}.show-lg--inline-block{display:inline-block!important}}@media only screen and (min-width:1600px){.show-xlg{display:block!important}.show-xlg--inline{display:inline!important}.show-xlg--inline-block{display:inline-block!important}}.bordered{border:1px solid #dfdfdf!important}.rounded{border-radius:50%!important}.borderless{border:0!important}.radiusless{border-radius:0!important}.width-25{width:25%!important}.width-50{width:50%!important}.width-75{width:75%!important}.width-100{width:100%!important}.marginless{margin:0!important}.paddingless{padding:0!important}.margin-left-0{margin-left:0!important}.margin-right-0{margin-right:0!important}.padding-left-0{padding-left:0!important}.padding-right-0{padding-right:0!important}.margin-left-1{margin-left:.375rem!important}.margin-right-1{margin-right:.375rem!important}.padding-left-1{padding-left:.375rem!important}.padding-right-1{padding-right:.375rem!important}.margin-left-2{margin-left:.75rem!important}.margin-right-2{margin-right:.75rem!important}.padding-left-2{padding-left:.75rem!important}.padding-right-2{padding-right:.75rem!important}.margin-left-3{margin-left:1.125rem!important}.margin-right-3{margin-right:1.125rem!important}.padding-left-3{padding-left:1.125rem!important}.padding-right-3{padding-right:1.125rem!important}.margin-top-0{margin-top:0!important}@media only screen and (min-width:992px){.margin-top-0{margin-top:0!important}}.margin-bottom-0{margin-bottom:0!important}@media only screen and (min-width:992px){.margin-bottom-0{margin-bottom:0!important}}.padding-top-0{padding-top:0!important}@media only screen and (min-width:992px){.padding-top-0{padding-top:0!important}}.padding-bottom-0{padding-bottom:0!important}@media only screen and (min-width:992px){.padding-bottom-0{padding-bottom:0!important}}.margin-top-1{margin-top:.375rem!important}@media only screen and (min-width:992px){.margin-top-1{margin-top:.75rem!important}}.margin-bottom-1{margin-bottom:.375rem!important}@media only screen and (min-width:992px){.margin-bottom-1{margin-bottom:.75rem!important}}.padding-top-1{padding-top:.375rem!important}@media only screen and (min-width:992px){.padding-top-1{padding-top:.75rem!important}}.padding-bottom-1{padding-bottom:.375rem!important}@media only screen and (min-width:992px){.padding-bottom-1{padding-bottom:.75rem!important}}.margin-top-2{margin-top:.75rem!important}@media only screen and (min-width:992px){.margin-top-2{margin-top:1.5rem!important}}.margin-bottom-2{margin-bottom:.75rem!important}@media only screen and (min-width:992px){.margin-bottom-2{margin-bottom:1.5rem!important}}.padding-top-2{padding-top:.75rem!important}@media only screen and (min-width:992px){.padding-top-2{padding-top:1.5rem!important}}.padding-bottom-2{padding-bottom:.75rem!important}@media only screen and (min-width:992px){.padding-bottom-2{padding-bottom:1.5rem!important}}.margin-top-3{margin-top:1.125rem!important}@media only screen and (min-width:992px){.margin-top-3{margin-top:2.25rem!important}}.margin-bottom-3{margin-bottom:1.125rem!important}@media only screen and (min-width:992px){.margin-bottom-3{margin-bottom:2.25rem!important}}.padding-top-3{padding-top:1.125rem!important}@media only screen and (min-width:992px){.padding-top-3{padding-top:2.25rem!important}}.padding-bottom-3{padding-bottom:1.125rem!important}@media only screen and (min-width:992px){.padding-bottom-3{padding-bottom:2.25rem!important}}.margin-top-4{margin-top:1.5rem!important}@media only screen and (min-width:992px){.margin-top-4{margin-top:3rem!important}}.margin-bottom-4{margin-bottom:1.5rem!important}@media only screen and (min-width:992px){.margin-bottom-4{margin-bottom:3rem!important}}.padding-top-4{padding-top:1.5rem!important}@media only screen and (min-width:992px){.padding-top-4{padding-top:3rem!important}}.padding-bottom-4{padding-bottom:1.5rem!important}@media only screen and (min-width:992px){.padding-bottom-4{padding-bottom:3rem!important}}.margin-top-5{margin-top:1.875rem!important}@media only screen and (min-width:992px){.margin-top-5{margin-top:3.75rem!important}}.margin-bottom-5{margin-bottom:1.875rem!important}@media only screen and (min-width:992px){.margin-bottom-5{margin-bottom:3.75rem!important}}.padding-top-5{padding-top:1.875rem!important}@media only screen and (min-width:992px){.padding-top-5{padding-top:3.75rem!important}}.padding-bottom-5{padding-bottom:1.875rem!important}@media only screen and (min-width:992px){.padding-bottom-5{padding-bottom:3.75rem!important}}.margin-top-6{margin-top:2.25rem!important}@media only screen and (min-width:992px){.margin-top-6{margin-top:4.5rem!important}}.margin-bottom-6{margin-bottom:2.25rem!important}@media only screen and (min-width:992px){.margin-bottom-6{margin-bottom:4.5rem!important}}.padding-top-6{padding-top:2.25rem!important}@media only screen and (min-width:992px){.padding-top-6{padding-top:4.5rem!important}}.padding-bottom-6{padding-bottom:2.25rem!important}@media only screen and (min-width:992px){.padding-bottom-6{padding-bottom:4.5rem!important}} \ No newline at end of file diff --git a/dist/example/getstarted.html b/dist/example/getstarted.html index e5e88f9..8908681 100644 --- a/dist/example/getstarted.html +++ b/dist/example/getstarted.html @@ -5,7 +5,7 @@ Get Started | Crispy CSS - + @@ -26,7 +26,12 @@
  • - + + Installation + +
  • +
  • + Typography
  • @@ -36,13 +41,18 @@
  • - - Functions + + Modifiers
  • - - Modifiziers + + Mixins + +
  • +
  • + + Functions
  • @@ -55,20 +65,22 @@
    -

    +

    Get started!

    -

    Installation

    -
    npm install crispy-css
    +

    + Installation +

    +
    -

    How it works

    +
    npm install crispy-css

    SCSS

    @import
         "crispy";
    -

    Now include Mixins you need. Components and Modifiziers only works if you include them,

    -
    @include crispy__core();
    +                

    Now include Mixins you need. Components and Modifiziers only works if you include them,

    +
    @include crispy__core();
     @include crispy__modifiers();
     
     // components
    @@ -100,24 +112,26 @@
                         

    CSS

    For using CSS you can use crispy-all.css for all Styles or crispy-mininmal.css without Components.

    -

    Example

    +

    Example

    You find an example in "/src/example", this is this Documentation. In the given example there are additional directories. These ones are part of a structure which might be helpful for you.

    -

    Site

    + +

    Site

    Contains header, footer, partials that are used on a site or webapp. Header and Footer are not classical components, there often more complex and have a special brand.

    -

    Templates

    + +

    Templates

    Templates are for a single site or a group of sites, they are complex and there is no benefit so reuse them as components.

    -
    -

    +

    Typography

    +

    a

    @@ -207,7 +221,7 @@
    defined item 1
    - +

    Heading

    @@ -232,10 +246,10 @@
    Heading h6
    -
    -

    +

    Components

    +

    @@ -243,9 +257,32 @@

    Html:

    <button class="button"></button>
    +<button class="button text-size-large"></button>
     <button class="button width-100"></button>
    - + +

    + With Modifiers you can also change Size and width. +

    + + + + +

    + Also with the Component Icon you can use SVG. +

    + + +

    @@ -308,7 +345,7 @@ Icon

    - To change Size you can use "text-size-*" that you find in the modifiers. + Change Size of Icons with "text-size-*", you find them in the modifiers.

    Html:

    <svg class="icon text-size-small">
    @@ -317,48 +354,33 @@
                         
    -
    -
    - - -
    -

    To change Color you can use "icon-color-*".

    Html:

    <svg class="icon icon-color-danger">
    -    <use xlink:href="symbol-defs.svg#icon-minus"></use>
    +    <use xlink:href="symbol-defs.svg#icon-flask"></use>
     </svg>
    @@ -484,28 +506,63 @@ + +

    + Media +

    +
    <img class="img-responsive" src="https://picsum.photos/400" />
    +<figure>
    +    <img class="img-responsive" src="https://picsum.photos/400" />
    +    <figcaption class="text-center">Lorem Ipsum</figcaption>
    +</figure>
    +<div class="video-responsive" style="height: 280px;">
    +    <iframe src="https://giphy.com/embed/13XW2MJE0XCoM0" width="480" height="361"></iframe>
    +</div>
    +
    +
    + +
    +
    +
    + +
    Lorem Ipsum
    +
    +
    +
    + +

    + Fields +

    + +

    + Fields are Form-Elements. +

    + -

    +

    Checkbox -

    + +

    + Checkboxes +

    @@ -514,10 +571,10 @@ @@ -534,20 +591,20 @@
    @@ -558,20 +615,20 @@
    @@ -649,69 +706,40 @@
    - -
    -

    - Functions -

    - - -

    - stripUnit() -

    -

    Sass:

    -
    stripUnit(10px);
    -

    - Returns value without unit. -

    - - -

    - zIndex(name) -

    -

    Sass:

    -
    zIndex('modal');
    -

    - Returns value from $crispy__z-index. -

    -

    Sass:

    -
    $crispy__z-index: (
    -    'overlay': 90,
    -    'modal'  : 100
    -);
    - -
    -

    - Modifiziers +

    + Modifiers

    +

    Margin & Padding

    - Adding margin-top, -left, -bottom and -right and the same for padding. + Adding margin and padding-top, -left, -bottom and -right. For left and right steps and values + are halved.

    Sass:

    -$crispy__modifiers__spacing: 0.75em;
    +$crispy__modifiers__spacing__value: 0.75em;
     $crispy__modifiers__spacing__steps: 6;
     

    Html:

    -
    <div class="panel">margin-bottom-0</div>
    -<div class="margin-bottom-1">margin-bottom-1</div>
    -<div class="margin-bottom-2">margin-bottom-2</div>
    -<div class="margin-bottom-3">margin-bottom-3</div>
    -<div class="margin-bottom-4">margin-bottom-4</div>
    -<div class="margin-bottom-5">margin-bottom-5</div>
    -
    margin-bottom-0
    +
    <div class="margin-bottom-1">margin-bottom-1</div>
    +
    margin-bottom-0
    margin-bottom-1
    margin-bottom-2
    margin-bottom-3
    margin-bottom-4
    margin-bottom-5
    +
    margin-bottom-6
    + +
    margin-left-0
    +
    margin-left-1
    +
    margin-left-2
    +
    margin-left-3

    Also set padding and margin to 0, @@ -720,30 +748,6 @@ $crispy__modifiers__spacing__steps: 6;

    <div class="marginless"</div>
     <div class="paddingless"</div>
    - -

    - Media -

    -
    <img class="img-responsive" src="https://picsum.photos/400" />
    -<figure>
    -    <img class="img-responsive" src="https://picsum.photos/400" />
    -    <figcaption class="text-center">Lorem Ipsum</figcaption>
    -</figure>
    -<div class="video-responsive" style="height: 280px;">
    -    <iframe src="https://giphy.com/embed/13XW2MJE0XCoM0" width="480" height="361"></iframe>
    -</div>
    -
    -
    - -
    -
    -
    - -
    Lorem Ipsum
    -
    -
    -
    -

    Typography @@ -931,6 +935,37 @@ $crispy__modifiers__spacing__steps: 6;
    lg-only

    + + +

    + Functions +

    +
    + + +

    + stripUnit() +

    +

    Sass:

    +
    stripUnit(10px);
    +

    + Returns value without unit. +

    + + +

    + zIndex(name) +

    +

    Sass:

    +
    zIndex('modal');
    +

    + Returns value from $crispy__z-index. +

    +

    Sass:

    +
    $crispy__z-index: (
    +    'overlay': 90,
    +    'modal'  : 100
    +);
    diff --git a/dist/example/img/gaming-circus.jpg b/dist/example/img/gaming-circus.jpg new file mode 100644 index 0000000..17f1e77 Binary files /dev/null and b/dist/example/img/gaming-circus.jpg differ diff --git a/dist/example/img/tentakelfabrik.jpg b/dist/example/img/tentakelfabrik.jpg new file mode 100644 index 0000000..e1d08a2 Binary files /dev/null and b/dist/example/img/tentakelfabrik.jpg differ diff --git a/dist/example/img/trinkkofi.jpg b/dist/example/img/trinkkofi.jpg new file mode 100644 index 0000000..1b52e57 Binary files /dev/null and b/dist/example/img/trinkkofi.jpg differ diff --git a/dist/example/imprint.html b/dist/example/imprint.html new file mode 100644 index 0000000..34819c2 --- /dev/null +++ b/dist/example/imprint.html @@ -0,0 +1,66 @@ + + + + + + + Crispy CSS | Lightweight CSS Framework for Building Apps and Websites + + + + + + + + +
    + +
    + + + + + \ No newline at end of file diff --git a/dist/example/index.html b/dist/example/index.html index 2d003ae..bbf4ee6 100644 --- a/dist/example/index.html +++ b/dist/example/index.html @@ -36,74 +36,101 @@
    -
    -
    -

    - - - - - -
    Lightweight
    -

    -

    - Only what you need! Basic Settings and Styles to create UI-Elements for - Websites and Apps. Less Code, less Size and that means Crispy CSS is - simple and has less loading Time! -

    -
    -
    +
    +

    - +
    Ugly

    - Youre are right, these Elements are not + Yes, this Framework has no fancy Layout or shiny Elements, + because what created with Crispy CSS could be fancy. + This Framework adds basic styles and support your Work.

    -
    +

    - + -
    Customizable
    +
    Helpers

    - There are many Frameworks that really great, but if you want customize them, - that can be a lot of work. Crispy CSS is great to build Styles for Layouts that are unusual. + Mixins, Functions and Modifiers make your Workflow simpler. Only + import Components you really need and make your Work lightweight.

    -
    +

    - +
    Coding Style

    - Crispy CSS uses BEM for naming, but - a simpler approach of it. BEM is good to show other Developers what classes - are belong to a Component. + Crispy CSS uses BEM, but + an simpler approach of it. BEM is good to show dependencies + in Components and add structure to your Styles.

    -
    + + +
    +
    +
    +

    Apps and Websites that have been crafted

    +
    +
    +
    +
    +

    + Tentakelfabrik +

    + + + +
    +
    +

    + Gaming Circus +

    + + + +
    +
    +

    + Trinkkofi +

    + + + +
    +
    +
    diff --git a/dist/example/privacy-policy.html b/dist/example/privacy-policy.html new file mode 100644 index 0000000..34819c2 --- /dev/null +++ b/dist/example/privacy-policy.html @@ -0,0 +1,66 @@ + + + + + + + Crispy CSS | Lightweight CSS Framework for Building Apps and Websites + + + + + + + + +
    + +
    + + + + + \ No newline at end of file diff --git a/dist/example/styles.css b/dist/example/styles.css index 7358f0c..1e3b22d 100644 --- a/dist/example/styles.css +++ b/dist/example/styles.css @@ -1 +1 @@ -.container,.container-full{box-sizing:border-box;width:100%;margin-right:auto;margin-left:auto;padding-right:30px;padding-left:30px}.container-full .grid,.container .grid{margin-right:-15px;margin-left:-15px}@media (min-width:576px){.container{max-width:576px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:992px){.container{max-width:992px}}@media (min-width:1200px){.container{max-width:1200px}}@media (min-width:1600px){.container{max-width:1600px}}.grid{box-sizing:border-box;display:block;display:flex;flex-wrap:wrap;padding:0;margin:0 auto;position:relative;letter-spacing:-.31em;*letter-spacing:normal;word-spacing:-.43em;list-style-type:none}.grid:after,.grid:before,[class*=col-]{box-sizing:border-box;letter-spacing:normal;word-spacing:normal;white-space:normal}[class*=col-]{position:relative;width:100%;vertical-align:top;padding:15px;display:inline-block;*display:inline;zoom:1}[class*=col-]:after,[class*=col-]:before{box-sizing:border-box;letter-spacing:normal;word-spacing:normal;white-space:normal}[class*=col-] .grid{flex:1 1 auto;margin:-15px}.col-12{width:100%;*width:99.9%}.col-11{width:91.6666666667%;*width:91.5666666667%}.col-10{width:83.3333333333%;*width:83.2333333333%}.col-9{width:75%;*width:74.9%}.col-8{width:66.6666666667%;*width:66.5666666667%}.col-7{width:58.3333333333%;*width:58.2333333333%}.col-6{width:50%;*width:49.9%}.col-5{width:41.6666666667%;*width:41.5666666667%}.col-4{width:33.3333333333%;*width:33.2333333333%}.col-3{width:25%;*width:24.9%}.col-2{width:16.6666666667%;*width:16.5666666667%}.col-1{width:8.3333333333%;*width:8.2333333333%}@media (min-width:576px){.col-xs-12{width:100%;*width:99.9%}.col-xs-11{width:91.6666666667%;*width:91.5666666667%}.col-xs-10{width:83.3333333333%;*width:83.2333333333%}.col-xs-9{width:75%;*width:74.9%}.col-xs-8{width:66.6666666667%;*width:66.5666666667%}.col-xs-7{width:58.3333333333%;*width:58.2333333333%}.col-xs-6{width:50%;*width:49.9%}.col-xs-5{width:41.6666666667%;*width:41.5666666667%}.col-xs-4{width:33.3333333333%;*width:33.2333333333%}.col-xs-3{width:25%;*width:24.9%}.col-xs-2{width:16.6666666667%;*width:16.5666666667%}.col-xs-1{width:8.3333333333%;*width:8.2333333333%}}@media (min-width:768px){.col-sm-12{width:100%;*width:99.9%}.col-sm-11{width:91.6666666667%;*width:91.5666666667%}.col-sm-10{width:83.3333333333%;*width:83.2333333333%}.col-sm-9{width:75%;*width:74.9%}.col-sm-8{width:66.6666666667%;*width:66.5666666667%}.col-sm-7{width:58.3333333333%;*width:58.2333333333%}.col-sm-6{width:50%;*width:49.9%}.col-sm-5{width:41.6666666667%;*width:41.5666666667%}.col-sm-4{width:33.3333333333%;*width:33.2333333333%}.col-sm-3{width:25%;*width:24.9%}.col-sm-2{width:16.6666666667%;*width:16.5666666667%}.col-sm-1{width:8.3333333333%;*width:8.2333333333%}}@media (min-width:992px){.col-md-12{width:100%;*width:99.9%}.col-md-11{width:91.6666666667%;*width:91.5666666667%}.col-md-10{width:83.3333333333%;*width:83.2333333333%}.col-md-9{width:75%;*width:74.9%}.col-md-8{width:66.6666666667%;*width:66.5666666667%}.col-md-7{width:58.3333333333%;*width:58.2333333333%}.col-md-6{width:50%;*width:49.9%}.col-md-5{width:41.6666666667%;*width:41.5666666667%}.col-md-4{width:33.3333333333%;*width:33.2333333333%}.col-md-3{width:25%;*width:24.9%}.col-md-2{width:16.6666666667%;*width:16.5666666667%}.col-md-1{width:8.3333333333%;*width:8.2333333333%}}@media (min-width:1200px){.col-lg-12{width:100%;*width:99.9%}.col-lg-11{width:91.6666666667%;*width:91.5666666667%}.col-lg-10{width:83.3333333333%;*width:83.2333333333%}.col-lg-9{width:75%;*width:74.9%}.col-lg-8{width:66.6666666667%;*width:66.5666666667%}.col-lg-7{width:58.3333333333%;*width:58.2333333333%}.col-lg-6{width:50%;*width:49.9%}.col-lg-5{width:41.6666666667%;*width:41.5666666667%}.col-lg-4{width:33.3333333333%;*width:33.2333333333%}.col-lg-3{width:25%;*width:24.9%}.col-lg-2{width:16.6666666667%;*width:16.5666666667%}.col-lg-1{width:8.3333333333%;*width:8.2333333333%}}@media (min-width:1600px){.col-xlg-12{width:100%;*width:99.9%}.col-xlg-11{width:91.6666666667%;*width:91.5666666667%}.col-xlg-10{width:83.3333333333%;*width:83.2333333333%}.col-xlg-9{width:75%;*width:74.9%}.col-xlg-8{width:66.6666666667%;*width:66.5666666667%}.col-xlg-7{width:58.3333333333%;*width:58.2333333333%}.col-xlg-6{width:50%;*width:49.9%}.col-xlg-5{width:41.6666666667%;*width:41.5666666667%}.col-xlg-4{width:33.3333333333%;*width:33.2333333333%}.col-xlg-3{width:25%;*width:24.9%}.col-xlg-2{width:16.6666666667%;*width:16.5666666667%}.col-xlg-1{width:8.3333333333%;*width:8.2333333333%}}.col-auto{flex:1 0 0px;width:auto}@media (min-width:576px){.col-xs-auto{flex:1 0 0px;width:auto}}@media (min-width:768px){.col-sm-auto{flex:1 0 0px;width:auto}}@media (min-width:992px){.col-md-auto{flex:1 0 0px;width:auto}}@media (min-width:1200px){.col-lg-auto{flex:1 0 0px;width:auto}}@media (min-width:1600px){.col-xlg-auto{flex:1 0 0px;width:auto}}.order-12{order:12}.order-11{order:11}.order-10{order:10}.order-9{order:9}.order-8{order:8}.order-7{order:7}.order-6{order:6}.order-5{order:5}.order-4{order:4}.order-3{order:3}.order-2{order:2}.order-1{order:1}.order-0{order:0}@media only screen and (min-width:576px){.order-xs-12{order:12}.order-xs-11{order:11}.order-xs-10{order:10}.order-xs-9{order:9}.order-xs-8{order:8}.order-xs-7{order:7}.order-xs-6{order:6}.order-xs-5{order:5}.order-xs-4{order:4}.order-xs-3{order:3}.order-xs-2{order:2}.order-xs-1{order:1}.order-xs-0{order:0}}@media only screen and (min-width:768px){.order-sm-12{order:12}.order-sm-11{order:11}.order-sm-10{order:10}.order-sm-9{order:9}.order-sm-8{order:8}.order-sm-7{order:7}.order-sm-6{order:6}.order-sm-5{order:5}.order-sm-4{order:4}.order-sm-3{order:3}.order-sm-2{order:2}.order-sm-1{order:1}.order-sm-0{order:0}}@media only screen and (min-width:992px){.order-md-12{order:12}.order-md-11{order:11}.order-md-10{order:10}.order-md-9{order:9}.order-md-8{order:8}.order-md-7{order:7}.order-md-6{order:6}.order-md-5{order:5}.order-md-4{order:4}.order-md-3{order:3}.order-md-2{order:2}.order-md-1{order:1}.order-md-0{order:0}}@media only screen and (min-width:1200px){.order-lg-12{order:12}.order-lg-11{order:11}.order-lg-10{order:10}.order-lg-9{order:9}.order-lg-8{order:8}.order-lg-7{order:7}.order-lg-6{order:6}.order-lg-5{order:5}.order-lg-4{order:4}.order-lg-3{order:3}.order-lg-2{order:2}.order-lg-1{order:1}.order-lg-0{order:0}}@media only screen and (min-width:1600px){.order-xlg-12{order:12}.order-xlg-11{order:11}.order-xlg-10{order:10}.order-xlg-9{order:9}.order-xlg-8{order:8}.order-xlg-7{order:7}.order-xlg-6{order:6}.order-xlg-5{order:5}.order-xlg-4{order:4}.order-xlg-3{order:3}.order-xlg-2{order:2}.order-xlg-1{order:1}.order-xlg-0{order:0}}.offset-11{margin-left:91.6666666667%;*margin-left:91.5666666667%}.offset-10{margin-left:83.3333333333%;*margin-left:83.2333333333%}.offset-9{margin-left:75%;*margin-left:74.9%}.offset-8{margin-left:66.6666666667%;*margin-left:66.5666666667%}.offset-7{margin-left:58.3333333333%;*margin-left:58.2333333333%}.offset-6{margin-left:50%;*margin-left:49.9%}.offset-5{margin-left:41.6666666667%;*margin-left:41.5666666667%}.offset-4{margin-left:33.3333333333%;*margin-left:33.2333333333%}.offset-3{margin-left:25%;*margin-left:24.9%}.offset-2{margin-left:16.6666666667%;*margin-left:16.5666666667%}.offset-1{margin-left:8.3333333333%;*margin-left:8.2333333333%}@media only screen and (min-width:576px){.offset-xs-11{margin-left:91.6666666667%;*margin-left:91.5666666667%}.offset-xs-10{margin-left:83.3333333333%;*margin-left:83.2333333333%}.offset-xs-9{margin-left:75%;*margin-left:74.9%}.offset-xs-8{margin-left:66.6666666667%;*margin-left:66.5666666667%}.offset-xs-7{margin-left:58.3333333333%;*margin-left:58.2333333333%}.offset-xs-6{margin-left:50%;*margin-left:49.9%}.offset-xs-5{margin-left:41.6666666667%;*margin-left:41.5666666667%}.offset-xs-4{margin-left:33.3333333333%;*margin-left:33.2333333333%}.offset-xs-3{margin-left:25%;*margin-left:24.9%}.offset-xs-2{margin-left:16.6666666667%;*margin-left:16.5666666667%}.offset-xs-1{margin-left:8.3333333333%;*margin-left:8.2333333333%}.offset-xs-0{margin-left:0;*margin-left:-.1%}}@media only screen and (min-width:768px){.offset-sm-11{margin-left:91.6666666667%;*margin-left:91.5666666667%}.offset-sm-10{margin-left:83.3333333333%;*margin-left:83.2333333333%}.offset-sm-9{margin-left:75%;*margin-left:74.9%}.offset-sm-8{margin-left:66.6666666667%;*margin-left:66.5666666667%}.offset-sm-7{margin-left:58.3333333333%;*margin-left:58.2333333333%}.offset-sm-6{margin-left:50%;*margin-left:49.9%}.offset-sm-5{margin-left:41.6666666667%;*margin-left:41.5666666667%}.offset-sm-4{margin-left:33.3333333333%;*margin-left:33.2333333333%}.offset-sm-3{margin-left:25%;*margin-left:24.9%}.offset-sm-2{margin-left:16.6666666667%;*margin-left:16.5666666667%}.offset-sm-1{margin-left:8.3333333333%;*margin-left:8.2333333333%}.offset-sm-0{margin-left:0;*margin-left:-.1%}}@media only screen and (min-width:992px){.offset-md-11{margin-left:91.6666666667%;*margin-left:91.5666666667%}.offset-md-10{margin-left:83.3333333333%;*margin-left:83.2333333333%}.offset-md-9{margin-left:75%;*margin-left:74.9%}.offset-md-8{margin-left:66.6666666667%;*margin-left:66.5666666667%}.offset-md-7{margin-left:58.3333333333%;*margin-left:58.2333333333%}.offset-md-6{margin-left:50%;*margin-left:49.9%}.offset-md-5{margin-left:41.6666666667%;*margin-left:41.5666666667%}.offset-md-4{margin-left:33.3333333333%;*margin-left:33.2333333333%}.offset-md-3{margin-left:25%;*margin-left:24.9%}.offset-md-2{margin-left:16.6666666667%;*margin-left:16.5666666667%}.offset-md-1{margin-left:8.3333333333%;*margin-left:8.2333333333%}.offset-md-0{margin-left:0;*margin-left:-.1%}}@media only screen and (min-width:1200px){.offset-lg-11{margin-left:91.6666666667%;*margin-left:91.5666666667%}.offset-lg-10{margin-left:83.3333333333%;*margin-left:83.2333333333%}.offset-lg-9{margin-left:75%;*margin-left:74.9%}.offset-lg-8{margin-left:66.6666666667%;*margin-left:66.5666666667%}.offset-lg-7{margin-left:58.3333333333%;*margin-left:58.2333333333%}.offset-lg-6{margin-left:50%;*margin-left:49.9%}.offset-lg-5{margin-left:41.6666666667%;*margin-left:41.5666666667%}.offset-lg-4{margin-left:33.3333333333%;*margin-left:33.2333333333%}.offset-lg-3{margin-left:25%;*margin-left:24.9%}.offset-lg-2{margin-left:16.6666666667%;*margin-left:16.5666666667%}.offset-lg-1{margin-left:8.3333333333%;*margin-left:8.2333333333%}.offset-lg-0{margin-left:0;*margin-left:-.1%}}@media only screen and (min-width:1600px){.offset-xlg-11{margin-left:91.6666666667%;*margin-left:91.5666666667%}.offset-xlg-10{margin-left:83.3333333333%;*margin-left:83.2333333333%}.offset-xlg-9{margin-left:75%;*margin-left:74.9%}.offset-xlg-8{margin-left:66.6666666667%;*margin-left:66.5666666667%}.offset-xlg-7{margin-left:58.3333333333%;*margin-left:58.2333333333%}.offset-xlg-6{margin-left:50%;*margin-left:49.9%}.offset-xlg-5{margin-left:41.6666666667%;*margin-left:41.5666666667%}.offset-xlg-4{margin-left:33.3333333333%;*margin-left:33.2333333333%}.offset-xlg-3{margin-left:25%;*margin-left:24.9%}.offset-xlg-2{margin-left:16.6666666667%;*margin-left:16.5666666667%}.offset-xlg-1{margin-left:8.3333333333%;*margin-left:8.2333333333%}.offset-xlg-0{margin-left:0;*margin-left:-.1%}}.wrap{flex-wrap:wrap}.no-wrap{flex-wrap:nowrap}.no-wrap [class*=col-]{flex-shrink:1}.wrap-reverse{flex-wrap:wrap-reverse}.direction-row{flex-direction:row}.direction-row-reverse{flex-direction:row-reverse}.direction-column{flex-direction:column}.direction-column-reverse{flex-direction:column-reverse}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-end [class*=col-]{vertical-align:bottom}.align-center{align-items:center}.align-center [class*=col-]{vertical-align:middle}.align-baseline{align-items:baseline}.align-content-start{align-content:flex-start}.align-content-end{align-content:flex-end}.align-content-end [class*=col-]{vertical-align:bottom}.align-content-center{align-content:center}.align-content-space-between{align-content:space-between}.align-content-space-around{align-content:space-around}.align-self-stretch{align-self:stretch}.align-self-start{align-self:flex-start}.align-self-end{align-self:flex-end;vertical-align:bottom}.align-self-center{align-self:center;vertical-align:middle}.align-self-baseline{align-self:baseline;vertical-align:baseline}.justify-start{justify-content:flex-start}.justify-start.grid{text-align:left}.justify-end{justify-content:flex-end}.justify-end.grid{text-align:right;-moz-text-align-last:right;text-align-last:right}.justify-end.grid [class*=col-]{text-align:left;text-align:start;-moz-text-align-last:left;-moz-text-align-last:start;text-align-last:left;text-align-last:start}.justify-center{justify-content:center}.justify-center.grid{text-align:center;-moz-text-align-last:center;text-align-last:center}.justify-center.grid [class*=col-]{text-align:left;text-align:start;-moz-text-align-last:left;-moz-text-align-last:start;text-align-last:left;text-align-last:start}.justify-space-between{justify-content:space-between}.justify-space-between.grid{text-align:justify;-moz-text-align-last:justify;text-align-last:justify}.justify-space-between.grid [class*=col-]{text-align:left;text-align:start;-moz-text-align-last:left;-moz-text-align-last:start;text-align-last:left;text-align-last:start}.justify-space-around{justify-content:space-around}.justify-space-around.grid{text-align:justify;-moz-text-align-last:justify;text-align-last:justify}.justify-space-around.grid [class*=col-]{text-align:left;text-align:start;-moz-text-align-last:left;-moz-text-align-last:start;text-align-last:left;text-align-last:start}.grid-bleed [class*=col-]{padding:0}.col-grid{display:flex;flex-direction:column}.col-grid.direction-row{flex-direction:row}.col-bleed{padding:0}.col-bleed-x{padding:15px 0}.col-bleed-y{padding:0 15px}.flex-img{display:block;flex:0 0 auto;max-width:100%;height:auto;width:100%;*width:auto}.flex-footer{width:100%;margin-top:auto}.flex-footer,.flex-footer>:last-child{margin-bottom:0}@media (max-width:575px){.hidden-xxs{display:none}}@media (min-width:576px)and (max-width:767px){.hidden-xs{display:none}}@media (min-width:768px)and (max-width:991px){.hidden-sm{display:none}}@media (min-width:992px)and (max-width:1199px){.hidden-md{display:none}}@media (min-width:1200px)and (max-width:1599px){.hidden-lg{display:none}}@media (min-width:1600px){.hidden-xlg{display:none}}html{font-size:100%;line-height:1.15;-webkit-text-size-adjust:100%}body,html{margin:0;height:100%}html,legend{box-sizing:border-box}main{display:block}*,:after,:before{box-sizing:inherit}table{border-collapse:collapse;border-spacing:0}p{margin:0 0 1em}a,ins,u{-webkit-text-decoration-skip:ink edges;text-decoration-skip:ink edges}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#f18f01}a:hover{color:#b3b2af}a:focus{outline:none}abbr[title]{border-bottom:1px dotted;cursor:help;text-decoration:none}mark{padding:.25em}blockquote{border-left:1px solid #dfdfdf;margin-left:0;padding:.8em 1.2em}blockquote p:last-child{margin-bottom:0}dl,ol,ul{padding:0;margin:0 0 1em}ol,ul{margin-left:1.5em}ol ol,ul ul{margin-top:0;margin-left:1em}ol{list-style:decimal outside}ul{list-style:disc outside}dl{margin-left:.5em}dd,dt{margin:0}dt{font-weight:700}figure{margin:0 0 1em}figcaption{margin:.3em 0 0}button,input,optgroup,select,textarea{margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}hr{box-sizing:content-box;height:0;overflow:visible;border:0;border-top:1px solid #b3b2af;margin:.3em 0}code,kbd,pre,samp{font-family:Lucida Console,Monaco,monospace;font-size:.9rem}@media only screen and (min-width:992px){code,kbd,pre,samp{font-size:1rem}}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,Neue Helvetica,sans-serif;font-weight:700;line-height:1.2;margin:0 0 .3em}h5{line-height:1.4}h6{line-height:1.618}.h1,h1{font-size:2.25rem}@media only screen and (min-width:992px){.h1,h1{font-size:2.5rem}}@media only screen and (min-width:1600px){.h1,h1{font-size:2.75rem}}.h2,h2{font-size:1.8rem}@media only screen and (min-width:992px){.h2,h2{font-size:2rem}}@media only screen and (min-width:1600px){.h2,h2{font-size:2.2rem}}.h3,h3{font-size:1.575rem}@media only screen and (min-width:992px){.h3,h3{font-size:1.75rem}}@media only screen and (min-width:1600px){.h3,h3{font-size:1.925rem}}.h4,h4{font-size:1.35rem}@media only screen and (min-width:992px){.h4,h4{font-size:1.5rem}}@media only screen and (min-width:1600px){.h4,h4{font-size:1.65rem}}.h5,h5{font-size:1.125rem}@media only screen and (min-width:992px){.h5,h5{font-size:1.25rem}}@media only screen and (min-width:1600px){.h5,h5{font-size:1.375rem}}.h6,h6{font-size:.9rem}@media only screen and (min-width:992px){.h6,h6{font-size:1rem}}@media only screen and (min-width:1600px){.h6,h6{font-size:1.1rem}}body,button,input,optgroup,select,textarea{font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}button,input,optgroup,select,textarea{font-size:.9em;line-height:1.4}body{color:#363636;background-color:#fff;direction:ltr;font-size:.9rem;line-height:1.4}@media only screen and (min-width:992px){body{font-size:1rem}}@media only screen and (min-width:1600px){body{font-size:1.1rem}}@media only screen and (min-width:992px){body{line-height:1.618}}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-justify{text-align:justify!important}.text-uppercase{text-transform:uppercase!important}.text-lowercase{text-transform:lowercase!important}.text-crossed{text-decoration:line-through!important}.text-underline{text-decoration:underline!important}.text-capitalize{text-transform:capitalize!important}.text-italic{font-style:italic!important}.text-light{font-weight:lighter!important}.text-normal{font-weight:400!important}.text-medium{font-weight:medium!important}.text-bold{font-weight:bolder!important}.text-size-default{font-size:.9rem!important}@media only screen and (min-width:992px){.text-size-default{font-size:1rem!important}}@media only screen and (min-width:1600px){.text-size-default{font-size:1.1rem!important}}.text-size-small{font-size:.72rem!important}@media only screen and (min-width:992px){.text-size-small{font-size:.8rem!important}}@media only screen and (min-width:1600px){.text-size-small{font-size:.88rem!important}}.text-size-medium{font-size:.99rem!important}@media only screen and (min-width:992px){.text-size-medium{font-size:1.1rem!important}}@media only screen and (min-width:1600px){.text-size-medium{font-size:1.21rem!important}}.text-size-large{font-size:1.17rem!important}@media only screen and (min-width:992px){.text-size-large{font-size:1.3rem!important}}@media only screen and (min-width:1600px){.text-size-large{font-size:1.43rem!important}}.text-size-big{font-size:1.35rem!important}@media only screen and (min-width:992px){.text-size-big{font-size:1.5rem!important}}@media only screen and (min-width:1600px){.text-size-big{font-size:1.65rem!important}}.text-size-mega{font-size:1.62rem!important}@media only screen and (min-width:992px){.text-size-mega{font-size:1.8rem!important}}@media only screen and (min-width:1600px){.text-size-mega{font-size:1.98rem!important}}.float-left{float:left}.float-right{float:right}.float-none{float:none}.centered{margin-left:auto;margin-right:auto}.clearfix:after,.clearfix:before{display:table;content:" "}.clearfix:after{clear:both}.text-color-primary{color:#f18f01!important}.text-color-secondary{color:#b3b2af!important}.text-color-success{color:#5cb85c!important}.text-color-warning{color:#f0ad4e!important}.text-color-danger{color:#d9534f!important}.text-color-info{color:#0090d4!important}.text-color-grey{color:#7a7a7a!important}.text-color-grey-light{color:#f7f7f7!important}.text-color-grey-dark{color:#4a4a4a!important}.text-color-white{color:#fff!important}.background-color-primary{background-color:#f18f01!important}.background-color-secondary{background-color:#b3b2af!important}.background-color-success{background-color:#5cb85c!important}.background-color-warning{background-color:#f0ad4e!important}.background-color-danger{background-color:#d9534f!important}.background-color-info{background-color:#0090d4!important}.background-color-grey{background-color:#7a7a7a!important}.background-color-grey-light{background-color:#f7f7f7!important}.background-color-grey-dark{background-color:#4a4a4a!important}.background-color-white{background-color:#fff!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.relative{position:relative!important}.hide{display:none!important}@media only screen and (min-width:576px){.hide-xs{display:none!important}}@media only screen and (min-width:768px){.hide-sm{display:none!important}}@media only screen and (min-width:992px){.hide-md{display:none!important}}@media only screen and (min-width:1200px){.hide-lg{display:none!important}}@media only screen and (min-width:1600px){.hide-xlg{display:none!important}}.show{display:block!important}.show--inline{display:inline!important}.show--inline-block{display:inline-block!important}@media only screen and (min-width:576px){.show-xs{display:block!important}.show-xs--inline{display:inline!important}.show-xs--inline-block{display:inline-block!important}}@media only screen and (min-width:768px){.show-sm{display:block!important}.show-sm--inline{display:inline!important}.show-sm--inline-block{display:inline-block!important}}@media only screen and (min-width:992px){.show-md{display:block!important}.show-md--inline{display:inline!important}.show-md--inline-block{display:inline-block!important}}@media only screen and (min-width:1200px){.show-lg{display:block!important}.show-lg--inline{display:inline!important}.show-lg--inline-block{display:inline-block!important}}@media only screen and (min-width:1600px){.show-xlg{display:block!important}.show-xlg--inline{display:inline!important}.show-xlg--inline-block{display:inline-block!important}}.bordered{border:1px solid #dfdfdf!important}.rounded{border-radius:50%!important}.borderless{border:0!important}.radiusless{border-radius:0!important}.width-25{width:25%!important}.width-50{width:50%!important}.width-75{width:75%!important}.width-100{width:100%!important}.marginless{margin:0!important}.paddingless{padding:0!important}.margin-top-0{margin-top:0!important}.margin-left-0{margin-left:0!important}.margin-bottom-0{margin-bottom:0!important}.margin-right-0{margin-right:0!important}.padding-top-0{padding-top:0!important}.padding-left-0{padding-left:0!important}.padding-bottom-0{padding-bottom:0!important}.padding-right-0{padding-right:0!important}.margin-top-1{margin-top:.75em!important}.margin-left-1{margin-left:.75em!important}.margin-bottom-1{margin-bottom:.75em!important}.margin-right-1{margin-right:.75em!important}.padding-top-1{padding-top:.75em!important}.padding-left-1{padding-left:.75em!important}.padding-bottom-1{padding-bottom:.75em!important}.padding-right-1{padding-right:.75em!important}.margin-top-2{margin-top:1.5em!important}.margin-left-2{margin-left:1.5em!important}.margin-bottom-2{margin-bottom:1.5em!important}.margin-right-2{margin-right:1.5em!important}.padding-top-2{padding-top:1.5em!important}.padding-left-2{padding-left:1.5em!important}.padding-bottom-2{padding-bottom:1.5em!important}.padding-right-2{padding-right:1.5em!important}.margin-top-3{margin-top:2.25em!important}.margin-left-3{margin-left:2.25em!important}.margin-bottom-3{margin-bottom:2.25em!important}.margin-right-3{margin-right:2.25em!important}.padding-top-3{padding-top:2.25em!important}.padding-left-3{padding-left:2.25em!important}.padding-bottom-3{padding-bottom:2.25em!important}.padding-right-3{padding-right:2.25em!important}.margin-top-4{margin-top:3em!important}.margin-left-4{margin-left:3em!important}.margin-bottom-4{margin-bottom:3em!important}.margin-right-4{margin-right:3em!important}.padding-top-4{padding-top:3em!important}.padding-left-4{padding-left:3em!important}.padding-bottom-4{padding-bottom:3em!important}.padding-right-4{padding-right:3em!important}.margin-top-5{margin-top:3.75em!important}.margin-left-5{margin-left:3.75em!important}.margin-bottom-5{margin-bottom:3.75em!important}.margin-right-5{margin-right:3.75em!important}.padding-top-5{padding-top:3.75em!important}.padding-left-5{padding-left:3.75em!important}.padding-bottom-5{padding-bottom:3.75em!important}.padding-right-5{padding-right:3.75em!important}.margin-top-6{margin-top:4.5em!important}.margin-left-6{margin-left:4.5em!important}.margin-bottom-6{margin-bottom:4.5em!important}.margin-right-6{margin-right:4.5em!important}.padding-top-6{padding-top:4.5em!important}.padding-left-6{padding-left:4.5em!important}.padding-bottom-6{padding-bottom:4.5em!important}.padding-right-6{padding-right:4.5em!important}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-block;text-decoration:none;padding:.25em 1em .3em}.button:hover{cursor:pointer;text-decoration:none}.button:focus{outline:none}.code{white-space:pre;display:block;overflow-y:hidden;overflow-x:auto;padding:.8em 1.2em;background-color:#f7f7f7;margin:0 0 1em}.code,.progress{border:1px solid #dfdfdf}.progress__inner{height:30px;background-color:#f18f01}.field{margin:0 0 1em}.field__select,.field__text{display:block;width:100%;line-height:1.618;padding:6px 8px;color:#363636;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1rem;font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif}.field__label{display:inline-block;width:100%}.field--valid .field__label{color:#5cb85c}.field--error .field__label{color:#d9534f}.field__text{margin:0;border:1px solid #dfdfdf}.field__text:focus{border-color:#f18f01}.field--valid .field__select,.field--valid .field__text{border-color:#5cb85c}.field--error .field__select,.field--error .field__text{border-color:#d9534f}.field__select{padding:.25em;border:1px solid #dfdfdf;background-color:#fff}.field__select:focus{outline:0;border-color:#f18f01}.field__choice{position:relative;display:none}.field__choice+.field__label .field__choice__checked{display:none}.field__choice+.field__label:hover{cursor:pointer}.field__choice:checked+.field__label .field__choice__checked{display:inline-block}.field__choice:checked+.field__label .field__choice__unchecked{display:none}.field__choice__checked{fill:#5cb85c}.field__choice__unchecked{fill:#d9534f}.field__choice+.field__label+.field__panel{margin:.3em 0 0}.field--valid .field__choice__checked,.field--valid .field__choice__unchecked{fill:#5cb85c}.field--error .field__choice__checked,.field--error .field__choice__unchecked{fill:#d9534f}.field__panel{padding:.25em}.field--valid .field__panel{color:#fff;background-color:#5cb85c}.field--error .field__panel{color:#fff;background-color:#d9534f}.group{list-style:none}.group,.group li{margin:0;padding:0}.group--horizontal .group__item{display:inline-block}.group--separate .group__item:after{margin:0 .3em;content:"/"}.group--separate .group__item:last-child:after{display:none}.hero{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.hero--top{background-position:top}.hero--bottom{background-position:bottom}.hero--contain{background-size:contain}.icon{width:1.1em;height:1.1em;max-height:100%;max-width:100%;vertical-align:middle;overflow:hidden;line-height:1.4}@media only screen and (min-width:992px){.icon{line-height:1.618}}.button .icon,a .icon{margin:-.2em 0 0}.icon-color-primary{fill:#f18f01!important}.icon-color-secondary{fill:#b3b2af!important}.icon-color-success{fill:#5cb85c!important}.icon-color-warning{fill:#f0ad4e!important}.icon-color-danger{fill:#d9534f!important}.icon-color-info{fill:#0090d4!important}.icon-color-grey{fill:#7a7a7a!important}.icon-color-grey-light{fill:#f7f7f7!important}.icon-color-grey-dark{fill:#4a4a4a!important}.icon-color-white{fill:#fff!important}.img-responsive{display:block;max-width:100%;height:auto}.video-responsive{display:block;overflow:hidden;padding:0;position:relative;width:100%}.video-responsive embed,.video-responsive iframe,.video-responsive object{border:0;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.modal{position:absolute;z-index:100;width:100%;max-width:50%;margin:0;top:50%;left:50%;transform:translate(-50%,-50%)}.modal--fixed{position:fixed}.modal--bottom-left,.modal--center-left,.modal--top-left{left:0}.modal--bottom-right,.modal--center-right,.modal--top-right{right:0;left:unset}.modal--bottom-center,.modal--bottom-left,.modal--bottom-right,.modal--center-left,.modal--center-right,.modal--top-center,.modal--top-left,.modal--top-right{margin:1em;transform:translate(0)}.modal--bottom-center,.modal--bottom-left,.modal--bottom-right{bottom:0;top:unset}.modal--center-left,.modal--center-right{transform:translateY(-50%);margin-top:0;margin-bottom:0}.modal--bottom-center,.modal--top-center{transform:translate(-50%)}.modal--top-center,.modal--top-left,.modal--top-right{top:0}.overlay{position:fixed;top:0;left:0;z-index:90;width:100%;height:100%;background-color:#000}.panel{background-color:#f7f7f7}.panel__inner{padding:.8em 1.2em}.table{width:100%}.table--striped tr:nth-child(2n){background-color:#f7f7f7}.table--scroll{overflow-x:auto}.table td{color:#363636}.table td,.table th{padding:.8em 1.2em;text-align:left;border-bottom:1px solid #dfdfdf}.table th{border-bottom-width:2px}.header{text-align:center;max-width:100%}.header a{text-decoration:none}.header a .icon--big{font-size:6rem}.header a:hover{color:#f18f01}.header .group__item{margin-right:10px}.header--fixed{position:fixed;top:0;left:0;width:100%;z-index:91}.container{max-width:992px}.lg-only,.md,.md-only,.sm{display:none}@media only screen and (min-width:768px){.sm{display:block}}@media only screen and (min-width:992px){.md{display:block}}@media only screen and (min-width:992px)and (max-width:1199px){.md-only{display:block}}@media only screen and (min-width:1200px)and (max-width:1599px){.lg-only{display:block}}.triangle-bottom,.triangle-left,.triangle-right,.triangle-top{display:block}.triangle-left{border-right:1.5em solid #f18f01}.triangle-left,.triangle-right{width:0;height:0;content:"";z-index:2;border-bottom:1em solid transparent;border-top:1em solid transparent}.triangle-right{border-left:1.5em solid #f18f01}.triangle-top{border-bottom:1.5em solid #f18f01}.triangle-bottom,.triangle-top{width:0;height:0;content:"";z-index:2;border-left:1em solid transparent;border-right:1em solid transparent}.triangle-bottom{border-top:1.5em solid #f18f01}.h3__icon{display:inline-block;border:3px solid #f18f01;border-radius:50%;padding:.6em;margin:0 0 .5em}.h3__icon .icon{font-size:3rem!important} \ No newline at end of file +.container,.container-full{box-sizing:border-box;width:100%;margin-right:auto;margin-left:auto;padding-right:30px;padding-left:30px}.container-full .grid,.container .grid{margin-right:-15px;margin-left:-15px}@media (min-width:576px){.container{max-width:576px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:992px){.container{max-width:992px}}@media (min-width:1200px){.container{max-width:1200px}}@media (min-width:1600px){.container{max-width:1600px}}.grid{box-sizing:border-box;display:block;display:flex;flex-wrap:wrap;padding:0;margin:0 auto;position:relative;letter-spacing:-.31em;*letter-spacing:normal;word-spacing:-.43em;list-style-type:none}.grid:after,.grid:before,[class*=col-]{box-sizing:border-box;letter-spacing:normal;word-spacing:normal;white-space:normal}[class*=col-]{position:relative;width:100%;vertical-align:top;padding:15px;display:inline-block;*display:inline;zoom:1}[class*=col-]:after,[class*=col-]:before{box-sizing:border-box;letter-spacing:normal;word-spacing:normal;white-space:normal}[class*=col-] .grid{flex:1 1 auto;margin:-15px}.col-12{width:100%;*width:99.9%}.col-11{width:91.6666666667%;*width:91.5666666667%}.col-10{width:83.3333333333%;*width:83.2333333333%}.col-9{width:75%;*width:74.9%}.col-8{width:66.6666666667%;*width:66.5666666667%}.col-7{width:58.3333333333%;*width:58.2333333333%}.col-6{width:50%;*width:49.9%}.col-5{width:41.6666666667%;*width:41.5666666667%}.col-4{width:33.3333333333%;*width:33.2333333333%}.col-3{width:25%;*width:24.9%}.col-2{width:16.6666666667%;*width:16.5666666667%}.col-1{width:8.3333333333%;*width:8.2333333333%}@media (min-width:576px){.col-xs-12{width:100%;*width:99.9%}.col-xs-11{width:91.6666666667%;*width:91.5666666667%}.col-xs-10{width:83.3333333333%;*width:83.2333333333%}.col-xs-9{width:75%;*width:74.9%}.col-xs-8{width:66.6666666667%;*width:66.5666666667%}.col-xs-7{width:58.3333333333%;*width:58.2333333333%}.col-xs-6{width:50%;*width:49.9%}.col-xs-5{width:41.6666666667%;*width:41.5666666667%}.col-xs-4{width:33.3333333333%;*width:33.2333333333%}.col-xs-3{width:25%;*width:24.9%}.col-xs-2{width:16.6666666667%;*width:16.5666666667%}.col-xs-1{width:8.3333333333%;*width:8.2333333333%}}@media (min-width:768px){.col-sm-12{width:100%;*width:99.9%}.col-sm-11{width:91.6666666667%;*width:91.5666666667%}.col-sm-10{width:83.3333333333%;*width:83.2333333333%}.col-sm-9{width:75%;*width:74.9%}.col-sm-8{width:66.6666666667%;*width:66.5666666667%}.col-sm-7{width:58.3333333333%;*width:58.2333333333%}.col-sm-6{width:50%;*width:49.9%}.col-sm-5{width:41.6666666667%;*width:41.5666666667%}.col-sm-4{width:33.3333333333%;*width:33.2333333333%}.col-sm-3{width:25%;*width:24.9%}.col-sm-2{width:16.6666666667%;*width:16.5666666667%}.col-sm-1{width:8.3333333333%;*width:8.2333333333%}}@media (min-width:992px){.col-md-12{width:100%;*width:99.9%}.col-md-11{width:91.6666666667%;*width:91.5666666667%}.col-md-10{width:83.3333333333%;*width:83.2333333333%}.col-md-9{width:75%;*width:74.9%}.col-md-8{width:66.6666666667%;*width:66.5666666667%}.col-md-7{width:58.3333333333%;*width:58.2333333333%}.col-md-6{width:50%;*width:49.9%}.col-md-5{width:41.6666666667%;*width:41.5666666667%}.col-md-4{width:33.3333333333%;*width:33.2333333333%}.col-md-3{width:25%;*width:24.9%}.col-md-2{width:16.6666666667%;*width:16.5666666667%}.col-md-1{width:8.3333333333%;*width:8.2333333333%}}@media (min-width:1200px){.col-lg-12{width:100%;*width:99.9%}.col-lg-11{width:91.6666666667%;*width:91.5666666667%}.col-lg-10{width:83.3333333333%;*width:83.2333333333%}.col-lg-9{width:75%;*width:74.9%}.col-lg-8{width:66.6666666667%;*width:66.5666666667%}.col-lg-7{width:58.3333333333%;*width:58.2333333333%}.col-lg-6{width:50%;*width:49.9%}.col-lg-5{width:41.6666666667%;*width:41.5666666667%}.col-lg-4{width:33.3333333333%;*width:33.2333333333%}.col-lg-3{width:25%;*width:24.9%}.col-lg-2{width:16.6666666667%;*width:16.5666666667%}.col-lg-1{width:8.3333333333%;*width:8.2333333333%}}@media (min-width:1600px){.col-xlg-12{width:100%;*width:99.9%}.col-xlg-11{width:91.6666666667%;*width:91.5666666667%}.col-xlg-10{width:83.3333333333%;*width:83.2333333333%}.col-xlg-9{width:75%;*width:74.9%}.col-xlg-8{width:66.6666666667%;*width:66.5666666667%}.col-xlg-7{width:58.3333333333%;*width:58.2333333333%}.col-xlg-6{width:50%;*width:49.9%}.col-xlg-5{width:41.6666666667%;*width:41.5666666667%}.col-xlg-4{width:33.3333333333%;*width:33.2333333333%}.col-xlg-3{width:25%;*width:24.9%}.col-xlg-2{width:16.6666666667%;*width:16.5666666667%}.col-xlg-1{width:8.3333333333%;*width:8.2333333333%}}.col-auto{flex:1 0 0px;width:auto}@media (min-width:576px){.col-xs-auto{flex:1 0 0px;width:auto}}@media (min-width:768px){.col-sm-auto{flex:1 0 0px;width:auto}}@media (min-width:992px){.col-md-auto{flex:1 0 0px;width:auto}}@media (min-width:1200px){.col-lg-auto{flex:1 0 0px;width:auto}}@media (min-width:1600px){.col-xlg-auto{flex:1 0 0px;width:auto}}.order-12{order:12}.order-11{order:11}.order-10{order:10}.order-9{order:9}.order-8{order:8}.order-7{order:7}.order-6{order:6}.order-5{order:5}.order-4{order:4}.order-3{order:3}.order-2{order:2}.order-1{order:1}.order-0{order:0}@media only screen and (min-width:576px){.order-xs-12{order:12}.order-xs-11{order:11}.order-xs-10{order:10}.order-xs-9{order:9}.order-xs-8{order:8}.order-xs-7{order:7}.order-xs-6{order:6}.order-xs-5{order:5}.order-xs-4{order:4}.order-xs-3{order:3}.order-xs-2{order:2}.order-xs-1{order:1}.order-xs-0{order:0}}@media only screen and (min-width:768px){.order-sm-12{order:12}.order-sm-11{order:11}.order-sm-10{order:10}.order-sm-9{order:9}.order-sm-8{order:8}.order-sm-7{order:7}.order-sm-6{order:6}.order-sm-5{order:5}.order-sm-4{order:4}.order-sm-3{order:3}.order-sm-2{order:2}.order-sm-1{order:1}.order-sm-0{order:0}}@media only screen and (min-width:992px){.order-md-12{order:12}.order-md-11{order:11}.order-md-10{order:10}.order-md-9{order:9}.order-md-8{order:8}.order-md-7{order:7}.order-md-6{order:6}.order-md-5{order:5}.order-md-4{order:4}.order-md-3{order:3}.order-md-2{order:2}.order-md-1{order:1}.order-md-0{order:0}}@media only screen and (min-width:1200px){.order-lg-12{order:12}.order-lg-11{order:11}.order-lg-10{order:10}.order-lg-9{order:9}.order-lg-8{order:8}.order-lg-7{order:7}.order-lg-6{order:6}.order-lg-5{order:5}.order-lg-4{order:4}.order-lg-3{order:3}.order-lg-2{order:2}.order-lg-1{order:1}.order-lg-0{order:0}}@media only screen and (min-width:1600px){.order-xlg-12{order:12}.order-xlg-11{order:11}.order-xlg-10{order:10}.order-xlg-9{order:9}.order-xlg-8{order:8}.order-xlg-7{order:7}.order-xlg-6{order:6}.order-xlg-5{order:5}.order-xlg-4{order:4}.order-xlg-3{order:3}.order-xlg-2{order:2}.order-xlg-1{order:1}.order-xlg-0{order:0}}.offset-11{margin-left:91.6666666667%;*margin-left:91.5666666667%}.offset-10{margin-left:83.3333333333%;*margin-left:83.2333333333%}.offset-9{margin-left:75%;*margin-left:74.9%}.offset-8{margin-left:66.6666666667%;*margin-left:66.5666666667%}.offset-7{margin-left:58.3333333333%;*margin-left:58.2333333333%}.offset-6{margin-left:50%;*margin-left:49.9%}.offset-5{margin-left:41.6666666667%;*margin-left:41.5666666667%}.offset-4{margin-left:33.3333333333%;*margin-left:33.2333333333%}.offset-3{margin-left:25%;*margin-left:24.9%}.offset-2{margin-left:16.6666666667%;*margin-left:16.5666666667%}.offset-1{margin-left:8.3333333333%;*margin-left:8.2333333333%}@media only screen and (min-width:576px){.offset-xs-11{margin-left:91.6666666667%;*margin-left:91.5666666667%}.offset-xs-10{margin-left:83.3333333333%;*margin-left:83.2333333333%}.offset-xs-9{margin-left:75%;*margin-left:74.9%}.offset-xs-8{margin-left:66.6666666667%;*margin-left:66.5666666667%}.offset-xs-7{margin-left:58.3333333333%;*margin-left:58.2333333333%}.offset-xs-6{margin-left:50%;*margin-left:49.9%}.offset-xs-5{margin-left:41.6666666667%;*margin-left:41.5666666667%}.offset-xs-4{margin-left:33.3333333333%;*margin-left:33.2333333333%}.offset-xs-3{margin-left:25%;*margin-left:24.9%}.offset-xs-2{margin-left:16.6666666667%;*margin-left:16.5666666667%}.offset-xs-1{margin-left:8.3333333333%;*margin-left:8.2333333333%}.offset-xs-0{margin-left:0;*margin-left:-.1%}}@media only screen and (min-width:768px){.offset-sm-11{margin-left:91.6666666667%;*margin-left:91.5666666667%}.offset-sm-10{margin-left:83.3333333333%;*margin-left:83.2333333333%}.offset-sm-9{margin-left:75%;*margin-left:74.9%}.offset-sm-8{margin-left:66.6666666667%;*margin-left:66.5666666667%}.offset-sm-7{margin-left:58.3333333333%;*margin-left:58.2333333333%}.offset-sm-6{margin-left:50%;*margin-left:49.9%}.offset-sm-5{margin-left:41.6666666667%;*margin-left:41.5666666667%}.offset-sm-4{margin-left:33.3333333333%;*margin-left:33.2333333333%}.offset-sm-3{margin-left:25%;*margin-left:24.9%}.offset-sm-2{margin-left:16.6666666667%;*margin-left:16.5666666667%}.offset-sm-1{margin-left:8.3333333333%;*margin-left:8.2333333333%}.offset-sm-0{margin-left:0;*margin-left:-.1%}}@media only screen and (min-width:992px){.offset-md-11{margin-left:91.6666666667%;*margin-left:91.5666666667%}.offset-md-10{margin-left:83.3333333333%;*margin-left:83.2333333333%}.offset-md-9{margin-left:75%;*margin-left:74.9%}.offset-md-8{margin-left:66.6666666667%;*margin-left:66.5666666667%}.offset-md-7{margin-left:58.3333333333%;*margin-left:58.2333333333%}.offset-md-6{margin-left:50%;*margin-left:49.9%}.offset-md-5{margin-left:41.6666666667%;*margin-left:41.5666666667%}.offset-md-4{margin-left:33.3333333333%;*margin-left:33.2333333333%}.offset-md-3{margin-left:25%;*margin-left:24.9%}.offset-md-2{margin-left:16.6666666667%;*margin-left:16.5666666667%}.offset-md-1{margin-left:8.3333333333%;*margin-left:8.2333333333%}.offset-md-0{margin-left:0;*margin-left:-.1%}}@media only screen and (min-width:1200px){.offset-lg-11{margin-left:91.6666666667%;*margin-left:91.5666666667%}.offset-lg-10{margin-left:83.3333333333%;*margin-left:83.2333333333%}.offset-lg-9{margin-left:75%;*margin-left:74.9%}.offset-lg-8{margin-left:66.6666666667%;*margin-left:66.5666666667%}.offset-lg-7{margin-left:58.3333333333%;*margin-left:58.2333333333%}.offset-lg-6{margin-left:50%;*margin-left:49.9%}.offset-lg-5{margin-left:41.6666666667%;*margin-left:41.5666666667%}.offset-lg-4{margin-left:33.3333333333%;*margin-left:33.2333333333%}.offset-lg-3{margin-left:25%;*margin-left:24.9%}.offset-lg-2{margin-left:16.6666666667%;*margin-left:16.5666666667%}.offset-lg-1{margin-left:8.3333333333%;*margin-left:8.2333333333%}.offset-lg-0{margin-left:0;*margin-left:-.1%}}@media only screen and (min-width:1600px){.offset-xlg-11{margin-left:91.6666666667%;*margin-left:91.5666666667%}.offset-xlg-10{margin-left:83.3333333333%;*margin-left:83.2333333333%}.offset-xlg-9{margin-left:75%;*margin-left:74.9%}.offset-xlg-8{margin-left:66.6666666667%;*margin-left:66.5666666667%}.offset-xlg-7{margin-left:58.3333333333%;*margin-left:58.2333333333%}.offset-xlg-6{margin-left:50%;*margin-left:49.9%}.offset-xlg-5{margin-left:41.6666666667%;*margin-left:41.5666666667%}.offset-xlg-4{margin-left:33.3333333333%;*margin-left:33.2333333333%}.offset-xlg-3{margin-left:25%;*margin-left:24.9%}.offset-xlg-2{margin-left:16.6666666667%;*margin-left:16.5666666667%}.offset-xlg-1{margin-left:8.3333333333%;*margin-left:8.2333333333%}.offset-xlg-0{margin-left:0;*margin-left:-.1%}}.wrap{flex-wrap:wrap}.no-wrap{flex-wrap:nowrap}.no-wrap [class*=col-]{flex-shrink:1}.wrap-reverse{flex-wrap:wrap-reverse}.direction-row{flex-direction:row}.direction-row-reverse{flex-direction:row-reverse}.direction-column{flex-direction:column}.direction-column-reverse{flex-direction:column-reverse}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-end [class*=col-]{vertical-align:bottom}.align-center{align-items:center}.align-center [class*=col-]{vertical-align:middle}.align-baseline{align-items:baseline}.align-content-start{align-content:flex-start}.align-content-end{align-content:flex-end}.align-content-end [class*=col-]{vertical-align:bottom}.align-content-center{align-content:center}.align-content-space-between{align-content:space-between}.align-content-space-around{align-content:space-around}.align-self-stretch{align-self:stretch}.align-self-start{align-self:flex-start}.align-self-end{align-self:flex-end;vertical-align:bottom}.align-self-center{align-self:center;vertical-align:middle}.align-self-baseline{align-self:baseline;vertical-align:baseline}.justify-start{justify-content:flex-start}.justify-start.grid{text-align:left}.justify-end{justify-content:flex-end}.justify-end.grid{text-align:right;-moz-text-align-last:right;text-align-last:right}.justify-end.grid [class*=col-]{text-align:left;text-align:start;-moz-text-align-last:left;-moz-text-align-last:start;text-align-last:left;text-align-last:start}.justify-center{justify-content:center}.justify-center.grid{text-align:center;-moz-text-align-last:center;text-align-last:center}.justify-center.grid [class*=col-]{text-align:left;text-align:start;-moz-text-align-last:left;-moz-text-align-last:start;text-align-last:left;text-align-last:start}.justify-space-between{justify-content:space-between}.justify-space-between.grid{text-align:justify;-moz-text-align-last:justify;text-align-last:justify}.justify-space-between.grid [class*=col-]{text-align:left;text-align:start;-moz-text-align-last:left;-moz-text-align-last:start;text-align-last:left;text-align-last:start}.justify-space-around{justify-content:space-around}.justify-space-around.grid{text-align:justify;-moz-text-align-last:justify;text-align-last:justify}.justify-space-around.grid [class*=col-]{text-align:left;text-align:start;-moz-text-align-last:left;-moz-text-align-last:start;text-align-last:left;text-align-last:start}.grid-bleed [class*=col-]{padding:0}.col-grid{display:flex;flex-direction:column}.col-grid.direction-row{flex-direction:row}.col-bleed{padding:0}.col-bleed-x{padding:15px 0}.col-bleed-y{padding:0 15px}.flex-img{display:block;flex:0 0 auto;max-width:100%;height:auto;width:100%;*width:auto}.flex-footer{width:100%;margin-top:auto}.flex-footer,.flex-footer>:last-child{margin-bottom:0}@media (max-width:575px){.hidden-xxs{display:none}}@media (min-width:576px)and (max-width:767px){.hidden-xs{display:none}}@media (min-width:768px)and (max-width:991px){.hidden-sm{display:none}}@media (min-width:992px)and (max-width:1199px){.hidden-md{display:none}}@media (min-width:1200px)and (max-width:1599px){.hidden-lg{display:none}}@media (min-width:1600px){.hidden-xlg{display:none}}html{font-size:100%;line-height:1.15;-webkit-text-size-adjust:100%}body,html{margin:0;height:100%}html,legend{box-sizing:border-box}main{display:block}*,:after,:before{box-sizing:inherit}table{border-collapse:collapse;border-spacing:0}p{margin:0 0 1rem}a,ins,u{-webkit-text-decoration-skip:ink edges;text-decoration-skip:ink edges}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#f18f01}a:hover{color:#b3b2af}a:focus{outline:none}abbr[title]{border-bottom:1px dotted;cursor:help;text-decoration:none}mark{padding:.25em}blockquote{border-left:1px solid #dfdfdf;margin-left:0;padding:.8em 1.2em}blockquote p:last-child{margin-bottom:0}dl,ol,ul{padding:0;margin:0 0 1rem}ol,ul{margin-left:1.5em}ol ol,ul ul{margin-top:0;margin-left:1em}ol{list-style:decimal outside}ul{list-style:disc outside}dl{margin-left:.5em}dd,dt{margin:0}dt{font-weight:700}figure{margin:0 0 1rem}figcaption{margin:.3em 0 0}button,input,optgroup,select,textarea{margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}hr{box-sizing:content-box;height:0;overflow:visible;border:0;border-top:1px solid #b3b2af;margin:.3em 0}code,kbd,pre,samp{font-family:Lucida Console,Monaco,monospace;font-size:.9rem}@media only screen and (min-width:992px){code,kbd,pre,samp{font-size:1rem}}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,Neue Helvetica,sans-serif;font-weight:700;line-height:1.2;margin:0 0 .3em}h5{line-height:1.4}h6{line-height:1.618}.h1,h1{font-size:2.25rem}@media only screen and (min-width:992px){.h1,h1{font-size:2.5rem}}@media only screen and (min-width:1600px){.h1,h1{font-size:2.75rem}}.h2,h2{font-size:1.8rem}@media only screen and (min-width:992px){.h2,h2{font-size:2rem}}@media only screen and (min-width:1600px){.h2,h2{font-size:2.2rem}}.h3,h3{font-size:1.575rem}@media only screen and (min-width:992px){.h3,h3{font-size:1.75rem}}@media only screen and (min-width:1600px){.h3,h3{font-size:1.925rem}}.h4,h4{font-size:1.35rem}@media only screen and (min-width:992px){.h4,h4{font-size:1.5rem}}@media only screen and (min-width:1600px){.h4,h4{font-size:1.65rem}}.h5,h5{font-size:1.125rem}@media only screen and (min-width:992px){.h5,h5{font-size:1.25rem}}@media only screen and (min-width:1600px){.h5,h5{font-size:1.375rem}}.h6,h6{font-size:.9rem}@media only screen and (min-width:992px){.h6,h6{font-size:1rem}}@media only screen and (min-width:1600px){.h6,h6{font-size:1.1rem}}body,button,input,optgroup,select,textarea{font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}button,input,optgroup,select,textarea{font-size:.9em;line-height:1.4}body{color:#363636;background-color:#fff;direction:ltr;font-size:.9rem;line-height:1.4}@media only screen and (min-width:992px){body{font-size:1rem}}@media only screen and (min-width:1600px){body{font-size:1.1rem}}@media only screen and (min-width:992px){body{line-height:1.618}}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-justify{text-align:justify!important}.text-uppercase{text-transform:uppercase!important}.text-lowercase{text-transform:lowercase!important}.text-crossed{text-decoration:line-through!important}.text-underline{text-decoration:underline!important}.text-capitalize{text-transform:capitalize!important}.text-italic{font-style:italic!important}.text-light{font-weight:lighter!important}.text-normal{font-weight:400!important}.text-medium{font-weight:medium!important}.text-bold{font-weight:bolder!important}.text-size-default{font-size:.9rem!important}@media only screen and (min-width:992px){.text-size-default{font-size:1rem!important}}@media only screen and (min-width:1600px){.text-size-default{font-size:1.1rem!important}}.text-size-small{font-size:.675rem!important}@media only screen and (min-width:992px){.text-size-small{font-size:.75rem!important}}@media only screen and (min-width:1600px){.text-size-small{font-size:.825rem!important}}.text-size-medium{font-size:1.125rem!important}@media only screen and (min-width:992px){.text-size-medium{font-size:1.25rem!important}}@media only screen and (min-width:1600px){.text-size-medium{font-size:1.375rem!important}}.text-size-large{font-size:1.35rem!important}@media only screen and (min-width:992px){.text-size-large{font-size:1.5rem!important}}@media only screen and (min-width:1600px){.text-size-large{font-size:1.65rem!important}}.text-size-big{font-size:1.575rem!important}@media only screen and (min-width:992px){.text-size-big{font-size:1.75rem!important}}@media only screen and (min-width:1600px){.text-size-big{font-size:1.925rem!important}}.text-size-mega{font-size:1.8rem!important}@media only screen and (min-width:992px){.text-size-mega{font-size:2rem!important}}@media only screen and (min-width:1600px){.text-size-mega{font-size:2.2rem!important}}.float-left{float:left}.float-right{float:right}.float-none{float:none}.centered{margin-left:auto;margin-right:auto}.clearfix:after,.clearfix:before{display:table;content:" "}.clearfix:after{clear:both}.text-color-primary{color:#f18f01!important}.text-color-secondary{color:#b3b2af!important}.text-color-success{color:#5cb85c!important}.text-color-warning{color:#f0ad4e!important}.text-color-danger{color:#d9534f!important}.text-color-info{color:#0090d4!important}.text-color-grey{color:#7a7a7a!important}.text-color-grey-light{color:#f7f7f7!important}.text-color-grey-dark{color:#4a4a4a!important}.text-color-white{color:#fff!important}.background-color-primary{background-color:#f18f01!important}.background-color-secondary{background-color:#b3b2af!important}.background-color-success{background-color:#5cb85c!important}.background-color-warning{background-color:#f0ad4e!important}.background-color-danger{background-color:#d9534f!important}.background-color-info{background-color:#0090d4!important}.background-color-grey{background-color:#7a7a7a!important}.background-color-grey-light{background-color:#f7f7f7!important}.background-color-grey-dark{background-color:#4a4a4a!important}.background-color-white{background-color:#fff!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.relative{position:relative!important}.hide{display:none!important}@media only screen and (min-width:576px){.hide-xs{display:none!important}}@media only screen and (min-width:768px){.hide-sm{display:none!important}}@media only screen and (min-width:992px){.hide-md{display:none!important}}@media only screen and (min-width:1200px){.hide-lg{display:none!important}}@media only screen and (min-width:1600px){.hide-xlg{display:none!important}}.show{display:block!important}.show--inline{display:inline!important}.show--inline-block{display:inline-block!important}@media only screen and (min-width:576px){.show-xs{display:block!important}.show-xs--inline{display:inline!important}.show-xs--inline-block{display:inline-block!important}}@media only screen and (min-width:768px){.show-sm{display:block!important}.show-sm--inline{display:inline!important}.show-sm--inline-block{display:inline-block!important}}@media only screen and (min-width:992px){.show-md{display:block!important}.show-md--inline{display:inline!important}.show-md--inline-block{display:inline-block!important}}@media only screen and (min-width:1200px){.show-lg{display:block!important}.show-lg--inline{display:inline!important}.show-lg--inline-block{display:inline-block!important}}@media only screen and (min-width:1600px){.show-xlg{display:block!important}.show-xlg--inline{display:inline!important}.show-xlg--inline-block{display:inline-block!important}}.bordered{border:1px solid #dfdfdf!important}.rounded{border-radius:50%!important}.borderless{border:0!important}.radiusless{border-radius:0!important}.width-25{width:25%!important}.width-50{width:50%!important}.width-75{width:75%!important}.width-100{width:100%!important}.marginless{margin:0!important}.paddingless{padding:0!important}.margin-left-0{margin-left:0!important}.margin-right-0{margin-right:0!important}.padding-left-0{padding-left:0!important}.padding-right-0{padding-right:0!important}.margin-left-1{margin-left:.375rem!important}.margin-right-1{margin-right:.375rem!important}.padding-left-1{padding-left:.375rem!important}.padding-right-1{padding-right:.375rem!important}.margin-left-2{margin-left:.75rem!important}.margin-right-2{margin-right:.75rem!important}.padding-left-2{padding-left:.75rem!important}.padding-right-2{padding-right:.75rem!important}.margin-left-3{margin-left:1.125rem!important}.margin-right-3{margin-right:1.125rem!important}.padding-left-3{padding-left:1.125rem!important}.padding-right-3{padding-right:1.125rem!important}.margin-top-0{margin-top:0!important}@media only screen and (min-width:992px){.margin-top-0{margin-top:0!important}}.margin-bottom-0{margin-bottom:0!important}@media only screen and (min-width:992px){.margin-bottom-0{margin-bottom:0!important}}.padding-top-0{padding-top:0!important}@media only screen and (min-width:992px){.padding-top-0{padding-top:0!important}}.padding-bottom-0{padding-bottom:0!important}@media only screen and (min-width:992px){.padding-bottom-0{padding-bottom:0!important}}.margin-top-1{margin-top:.375rem!important}@media only screen and (min-width:992px){.margin-top-1{margin-top:.75rem!important}}.margin-bottom-1{margin-bottom:.375rem!important}@media only screen and (min-width:992px){.margin-bottom-1{margin-bottom:.75rem!important}}.padding-top-1{padding-top:.375rem!important}@media only screen and (min-width:992px){.padding-top-1{padding-top:.75rem!important}}.padding-bottom-1{padding-bottom:.375rem!important}@media only screen and (min-width:992px){.padding-bottom-1{padding-bottom:.75rem!important}}.margin-top-2{margin-top:.75rem!important}@media only screen and (min-width:992px){.margin-top-2{margin-top:1.5rem!important}}.margin-bottom-2{margin-bottom:.75rem!important}@media only screen and (min-width:992px){.margin-bottom-2{margin-bottom:1.5rem!important}}.padding-top-2{padding-top:.75rem!important}@media only screen and (min-width:992px){.padding-top-2{padding-top:1.5rem!important}}.padding-bottom-2{padding-bottom:.75rem!important}@media only screen and (min-width:992px){.padding-bottom-2{padding-bottom:1.5rem!important}}.margin-top-3{margin-top:1.125rem!important}@media only screen and (min-width:992px){.margin-top-3{margin-top:2.25rem!important}}.margin-bottom-3{margin-bottom:1.125rem!important}@media only screen and (min-width:992px){.margin-bottom-3{margin-bottom:2.25rem!important}}.padding-top-3{padding-top:1.125rem!important}@media only screen and (min-width:992px){.padding-top-3{padding-top:2.25rem!important}}.padding-bottom-3{padding-bottom:1.125rem!important}@media only screen and (min-width:992px){.padding-bottom-3{padding-bottom:2.25rem!important}}.margin-top-4{margin-top:1.5rem!important}@media only screen and (min-width:992px){.margin-top-4{margin-top:3rem!important}}.margin-bottom-4{margin-bottom:1.5rem!important}@media only screen and (min-width:992px){.margin-bottom-4{margin-bottom:3rem!important}}.padding-top-4{padding-top:1.5rem!important}@media only screen and (min-width:992px){.padding-top-4{padding-top:3rem!important}}.padding-bottom-4{padding-bottom:1.5rem!important}@media only screen and (min-width:992px){.padding-bottom-4{padding-bottom:3rem!important}}.margin-top-5{margin-top:1.875rem!important}@media only screen and (min-width:992px){.margin-top-5{margin-top:3.75rem!important}}.margin-bottom-5{margin-bottom:1.875rem!important}@media only screen and (min-width:992px){.margin-bottom-5{margin-bottom:3.75rem!important}}.padding-top-5{padding-top:1.875rem!important}@media only screen and (min-width:992px){.padding-top-5{padding-top:3.75rem!important}}.padding-bottom-5{padding-bottom:1.875rem!important}@media only screen and (min-width:992px){.padding-bottom-5{padding-bottom:3.75rem!important}}.margin-top-6{margin-top:2.25rem!important}@media only screen and (min-width:992px){.margin-top-6{margin-top:4.5rem!important}}.margin-bottom-6{margin-bottom:2.25rem!important}@media only screen and (min-width:992px){.margin-bottom-6{margin-bottom:4.5rem!important}}.padding-top-6{padding-top:2.25rem!important}@media only screen and (min-width:992px){.padding-top-6{padding-top:4.5rem!important}}.padding-bottom-6{padding-bottom:2.25rem!important}@media only screen and (min-width:992px){.padding-bottom-6{padding-bottom:4.5rem!important}}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-block;text-decoration:none;padding:.5em 1.2em .6em;margin:0 0 1rem}.button:hover{cursor:pointer;text-decoration:none}.button:focus{outline:none}.code{white-space:pre;display:block;overflow-y:hidden;overflow-x:auto;padding:.8em 1.2em;background-color:#f7f7f7;margin:0 0 1rem}.code,.progress{border:1px solid #dfdfdf}.progress__inner{height:30px;background-color:#f18f01}.field{margin:0 0 1rem}.field__select,.field__text{display:block;width:100%;line-height:1.618;padding:.4em .6em;color:#363636;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1rem;font-family:BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif}.field__label{display:inline-block;width:100%}.field--valid .field__label{color:#5cb85c}.field--error .field__label{color:#d9534f}.field__text{margin:0;border:1px solid #dfdfdf}.field__text:focus{border-color:#f18f01}.field--valid .field__select,.field--valid .field__text{border-color:#5cb85c}.field--error .field__select,.field--error .field__text{border-color:#d9534f}.field__select{padding:.3em .5em;border:1px solid #dfdfdf;background-color:#fff}.field__select:focus{outline:0;border-color:#f18f01}.field__choice{position:relative;display:none}.field__choice+.field__label .field__choice__checked{display:none}.field__choice+.field__label:hover{cursor:pointer}.field__choice:checked+.field__label .field__choice__checked{display:inline-block}.field__choice:checked+.field__label .field__choice__unchecked{display:none}.field__choice__checked{fill:#5cb85c}.field__choice__unchecked{fill:#d9534f}.field__choice+.field__label+.field__panel{margin:.3em 0 0}.field--valid .field__choice__checked,.field--valid .field__choice__unchecked{fill:#5cb85c}.field--error .field__choice__checked,.field--error .field__choice__unchecked{fill:#d9534f}.field__panel{padding:.3em .6em}.field--valid .field__panel{color:#fff;background-color:#5cb85c}.field--error .field__panel{color:#fff;background-color:#d9534f}.group{list-style:none}.group,.group li{margin:0;padding:0}.group--horizontal .group__item{display:inline-block}.group--separate .group__item:after{margin:0 .3em;content:"/"}.group--separate .group__item:last-child:after{display:none}.hero{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.hero--top{background-position:top}.hero--bottom{background-position:bottom}.hero--contain{background-size:contain}.icon{width:1.1em;height:1.1em;max-height:100%;max-width:100%;vertical-align:middle;overflow:hidden;line-height:1.4}@media only screen and (min-width:992px){.icon{line-height:1.618}}.button .icon{margin:-.2em 0 0}.icon-color-primary{fill:#f18f01!important}.icon-color-secondary{fill:#b3b2af!important}.icon-color-success{fill:#5cb85c!important}.icon-color-warning{fill:#f0ad4e!important}.icon-color-danger{fill:#d9534f!important}.icon-color-info{fill:#0090d4!important}.icon-color-grey{fill:#7a7a7a!important}.icon-color-grey-light{fill:#f7f7f7!important}.icon-color-grey-dark{fill:#4a4a4a!important}.icon-color-white{fill:#fff!important}.img-responsive{display:block;max-width:100%;height:auto}.video-responsive{display:block;overflow:hidden;padding:0;position:relative;width:100%}.video-responsive embed,.video-responsive iframe,.video-responsive object{border:0;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.modal{position:absolute;z-index:100;width:100%;max-width:50%;margin:0;top:50%;left:50%;transform:translate(-50%,-50%)}.modal--fixed{position:fixed}.modal--bottom-left,.modal--center-left,.modal--top-left{left:0}.modal--bottom-right,.modal--center-right,.modal--top-right{right:0;left:unset}.modal--bottom-center,.modal--bottom-left,.modal--bottom-right,.modal--center-left,.modal--center-right,.modal--top-center,.modal--top-left,.modal--top-right{margin:1em;transform:translate(0)}.modal--bottom-center,.modal--bottom-left,.modal--bottom-right{bottom:0;top:unset}.modal--center-left,.modal--center-right{transform:translateY(-50%);margin-top:0;margin-bottom:0}.modal--bottom-center,.modal--top-center{transform:translate(-50%)}.modal--top-center,.modal--top-left,.modal--top-right{top:0}.overlay{position:fixed;top:0;left:0;z-index:90;width:100%;height:100%;background-color:#000}.panel{background-color:#f7f7f7}.panel__inner{padding:.8em 1.2em}.table{width:100%}.table--striped tr:nth-child(2n){background-color:#f7f7f7}.table--scroll{overflow-x:auto}.table td{color:#363636}.table td,.table th{padding:.8em 1.2em;text-align:left;border-bottom:1px solid #dfdfdf}.table th{border-bottom-width:2px}.header{text-align:center;max-width:100%}.header a{text-decoration:none}.header a .icon--big{font-size:6rem}.header a:hover{color:#f18f01}.header .group__item{margin-right:10px}.header--fixed{position:fixed;top:0;left:0;width:100%;z-index:91}.h3__icon{display:inline-block;border-radius:50%;padding:.9em;margin:0 0 .5em}.h3__icon .icon{font-size:3rem!important}.container{max-width:1200px}.lg-only,.md,.md-only,.sm{display:none}@media only screen and (min-width:768px){.sm{display:block}}@media only screen and (min-width:992px){.md{display:block}}@media only screen and (min-width:992px)and (max-width:1199px){.md-only{display:block}}@media only screen and (min-width:1200px)and (max-width:1599px){.lg-only{display:block}}.triangle-bottom,.triangle-left,.triangle-right,.triangle-top{display:block}.triangle-left{border-right:1.5em solid #f18f01}.triangle-left,.triangle-right{width:0;height:0;content:"";z-index:2;border-bottom:1em solid transparent;border-top:1em solid transparent}.triangle-right{border-left:1.5em solid #f18f01}.triangle-top{border-bottom:1.5em solid #f18f01}.triangle-bottom,.triangle-top{width:0;height:0;content:"";z-index:2;border-left:1em solid transparent;border-right:1em solid transparent}.triangle-bottom{border-top:1.5em solid #f18f01} \ No newline at end of file diff --git a/dist/example/symbol-defs.svg b/dist/example/symbol-defs.svg index 5c6750b..218d251 100644 --- a/dist/example/symbol-defs.svg +++ b/dist/example/symbol-defs.svg @@ -1,51 +1 @@ - +circle-rightdesignemoticon-zipflaskgithubspraytoggle-lefttoggle-right \ No newline at end of file diff --git a/mix-manifest.json b/mix-manifest.json index 2c00c08..239b104 100644 --- a/mix-manifest.json +++ b/mix-manifest.json @@ -2,5 +2,6 @@ "/dist/crispy-all.css": "/dist/crispy-all.css", "/dist/crispy-minimal.css": "/dist/crispy-minimal.css", "/dist/example/styles.css": "/dist/example/styles.css", + "/spritemap.js": "/spritemap.js", "/dist/example/symbol-defs.svg": "/dist/example/symbol-defs.svg" } diff --git a/package-lock.json b/package-lock.json index 758bb92..6c80b4d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "crispy-css", - "version": "3.0.0", + "version": "3.0.0-pre", "lockfileVersion": 1, "requires": true, "dependencies": { @@ -920,6 +920,55 @@ "to-fast-properties": "^2.0.0" } }, + "@hapi/address": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/@hapi/address/-/address-4.0.1.tgz", + "integrity": "sha512-0oEP5UiyV4f3d6cBL8F3Z5S7iWSX39Knnl0lY8i+6gfmmIBj44JCBNtcMgwyS+5v7j3VYavNay0NFHDS+UGQcw==", + "dev": true, + "requires": { + "@hapi/hoek": "^9.0.0" + } + }, + "@hapi/formula": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@hapi/formula/-/formula-2.0.0.tgz", + "integrity": "sha512-V87P8fv7PI0LH7LiVi8Lkf3x+KCO7pQozXRssAHNXXL9L1K+uyu4XypLXwxqVDKgyQai6qj3/KteNlrqDx4W5A==", + "dev": true + }, + "@hapi/hoek": { + "version": "9.0.4", + "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.0.4.tgz", + "integrity": "sha512-EwaJS7RjoXUZ2cXXKZZxZqieGtc7RbvQhUy8FwDoMQtxWVi14tFjeFCYPZAM1mBCpOpiBpyaZbb9NeHc7eGKgw==", + "dev": true + }, + "@hapi/joi": { + "version": "17.1.1", + "resolved": "https://registry.npmjs.org/@hapi/joi/-/joi-17.1.1.tgz", + "integrity": "sha512-p4DKeZAoeZW4g3u7ZeRo+vCDuSDgSvtsB/NpfjXEHTUjSeINAi/RrVOWiVQ1isaoLzMvFEhe8n5065mQq1AdQg==", + "dev": true, + "requires": { + "@hapi/address": "^4.0.1", + "@hapi/formula": "^2.0.0", + "@hapi/hoek": "^9.0.0", + "@hapi/pinpoint": "^2.0.0", + "@hapi/topo": "^5.0.0" + } + }, + "@hapi/pinpoint": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@hapi/pinpoint/-/pinpoint-2.0.0.tgz", + "integrity": "sha512-vzXR5MY7n4XeIvLpfl3HtE3coZYO4raKXW766R6DZw/6aLqR26iuZ109K7a0NtF2Db0jxqh7xz2AxkUwpUFybw==", + "dev": true + }, + "@hapi/topo": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/@hapi/topo/-/topo-5.0.0.tgz", + "integrity": "sha512-tFJlT47db0kMqVm3H4nQYgn6Pwg10GTZHb1pwmSiv1K4ks6drQOtfEF5ZnPjkvC+y4/bUPHK+bc87QvLcL+WMw==", + "dev": true, + "requires": { + "@hapi/hoek": "^9.0.0" + } + }, "@mrmlnc/readdir-enhanced": { "version": "2.2.1", "resolved": "https://registry.npmjs.org/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz", @@ -4443,6 +4492,12 @@ "uglify-js": "3.4.x" } }, + "html4-id": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/html4-id/-/html4-id-1.0.0.tgz", + "integrity": "sha1-uS9lInlVRoHNL24W0n6q9nwCmL8=", + "dev": true + }, "http-deceiver": { "version": "1.2.7", "resolved": "https://registry.npmjs.org/http-deceiver/-/http-deceiver-1.2.7.tgz", @@ -5492,6 +5547,12 @@ "integrity": "sha1-ftLCzMyvhNP/y3pptXcR/CCDQBs=", "dev": true }, + "mini-svg-data-uri": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.2.3.tgz", + "integrity": "sha512-zd6KCAyXgmq6FV1mR10oKXYtvmA9vRoB6xPSTUJTbFApCtkefDnYueVR1gkof3KcdLZo1Y8mjF2DFmQMIxsHNQ==", + "dev": true + }, "minimalistic-assert": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz", @@ -8432,6 +8493,57 @@ "has-flag": "^3.0.0" } }, + "svg-element-attributes": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/svg-element-attributes/-/svg-element-attributes-1.3.1.tgz", + "integrity": "sha512-Bh05dSOnJBf3miNMqpsormfNtfidA/GxQVakhtn0T4DECWKeXQRQUceYjJ+OxYiiLdGe4Jo9iFV8wICFapFeIA==", + "dev": true + }, + "svg-spritemap-webpack-plugin": { + "version": "3.5.5", + "resolved": "https://registry.npmjs.org/svg-spritemap-webpack-plugin/-/svg-spritemap-webpack-plugin-3.5.5.tgz", + "integrity": "sha512-MOdamYIJ3O9D4e1lds2bgIfqml59ivloDFtNsVzJpQnuNaF7I8NjKX3udp6Eal/b1X0rJZUQ70xy+RoW3LlUiw==", + "dev": true, + "requires": { + "@hapi/joi": "^17.1.1", + "glob": "^7.1.6", + "html4-id": "^1.0.0", + "loader-utils": "^2.0.0", + "mini-svg-data-uri": "^1.1.3", + "mkdirp": "^1.0.3", + "svg-element-attributes": "^1.3.1", + "svg4everybody": "^2.1.9", + "svgo": "^1.3.2", + "webpack-merge": "^4.2.2", + "webpack-sources": "^1.4.3", + "xmldom": "^0.3.0" + }, + "dependencies": { + "loader-utils": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz", + "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==", + "dev": true, + "requires": { + "big.js": "^5.2.2", + "emojis-list": "^3.0.0", + "json5": "^2.1.2" + } + }, + "mkdirp": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz", + "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==", + "dev": true + } + } + }, + "svg4everybody": { + "version": "2.1.9", + "resolved": "https://registry.npmjs.org/svg4everybody/-/svg4everybody-2.1.9.tgz", + "integrity": "sha1-W9n23vwTOFmgRGRtR0P6vCjbfi0=", + "dev": true + }, "svgo": { "version": "1.3.2", "resolved": "https://registry.npmjs.org/svgo/-/svgo-1.3.2.tgz", @@ -9813,6 +9925,12 @@ "async-limiter": "~1.0.0" } }, + "xmldom": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/xmldom/-/xmldom-0.3.0.tgz", + "integrity": "sha512-z9s6k3wxE+aZHgXYxSTpGDo7BYOUfJsIRyoZiX6HTjwpwfS2wpQBQKa2fD+ShLyPkqDYo5ud7KitmLZ2Cd6r0g==", + "dev": true + }, "xtend": { "version": "4.0.2", "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz", diff --git a/package.json b/package.json index f452de0..b682326 100644 --- a/package.json +++ b/package.json @@ -23,7 +23,8 @@ "postcss-css-variables": "^0.11.0", "resolve-url-loader": "^3.1.1", "sass": "^1.26.5", - "sass-loader": "^8.0.2" + "sass-loader": "^8.0.2", + "svg-spritemap-webpack-plugin": "^3.5.5" }, "dependencies": { "reflex-grid": "^2.0.4" diff --git a/src/_modifiers.scss b/src/_modifiers.scss index 9b23e88..73f7a9d 100644 --- a/src/_modifiers.scss +++ b/src/_modifiers.scss @@ -7,7 +7,7 @@ */ // spacing -$crispy__modifiers__spacing: 0.75em !default; +$crispy__modifiers__spacing: 0.75rem !default; $crispy__modifiers__spacing__steps: 6 !default; // width @@ -328,37 +328,55 @@ $crispy__modifiers__width: ( padding: 0 !important; } + @for $i from 0 through ($crispy__modifiers__spacing__steps / 2) { + .margin-left-#{$i} { + margin-left: ($crispy__modifiers__spacing * $i * 0.5) !important; + } + + .margin-right-#{$i} { + margin-right: ($crispy__modifiers__spacing * $i * 0.5) !important; + } + + .padding-left-#{$i} { + padding-left: ($crispy__modifiers__spacing * $i * 0.5) !important; + } + + .padding-right-#{$i} { + padding-right: ($crispy__modifiers__spacing * $i * 0.5) !important; + } + } + @for $i from 0 through $crispy__modifiers__spacing__steps { .margin-top-#{$i} { - margin-top: ($crispy__modifiers__spacing * $i) !important; - } + margin-top: ($crispy__modifiers__spacing * $i * 0.5) !important; - .margin-left-#{$i} { - margin-left: ($crispy__modifiers__spacing * $i) !important; + @include crispy__media-md() { + margin-top: ($crispy__modifiers__spacing * $i) !important; + } } .margin-bottom-#{$i} { - margin-bottom: ($crispy__modifiers__spacing * $i) !important; - } + margin-bottom: ($crispy__modifiers__spacing * $i * 0.5) !important; - .margin-right-#{$i} { - margin-right: ($crispy__modifiers__spacing * $i) !important; + @include crispy__media-md() { + margin-bottom: ($crispy__modifiers__spacing * $i) !important; + } } .padding-top-#{$i} { - padding-top: ($crispy__modifiers__spacing * $i) !important; - } + padding-top: ($crispy__modifiers__spacing * $i * 0.5) !important; - .padding-left-#{$i} { - padding-left: ($crispy__modifiers__spacing * $i) !important; + @include crispy__media-md() { + padding-top: ($crispy__modifiers__spacing * $i) !important; + } } .padding-bottom-#{$i} { - padding-bottom: ($crispy__modifiers__spacing * $i) !important; - } + padding-bottom: ($crispy__modifiers__spacing * $i * 0.5) !important; - .padding-right-#{$i} { - padding-right: ($crispy__modifiers__spacing * $i) !important; + @include crispy__media-md() { + padding-bottom: ($crispy__modifiers__spacing * $i) !important; + } } } } diff --git a/src/_variables.scss b/src/_variables.scss index c363adb..6d99780 100644 --- a/src/_variables.scss +++ b/src/_variables.scss @@ -35,11 +35,11 @@ $crispy__direction: ltr !default; $crispy__font-sizes: ( 'default' : $crispy__font-size, - 'small' : $crispy__font-size * 0.8, - 'medium' : $crispy__font-size * 1.1, - 'large' : $crispy__font-size * 1.3, - 'big' : $crispy__font-size * 1.5, - 'mega' : $crispy__font-size * 1.8 + 'small' : $crispy__font-size * 0.75, + 'medium' : $crispy__font-size * 1.25, + 'large' : $crispy__font-size * 1.5, + 'big' : $crispy__font-size * 1.75, + 'mega' : $crispy__font-size * 2, ) !default; // colors @@ -85,7 +85,7 @@ $crispy__colors: ( * Padding & Margin * */ -$crispy__margin: 0 0 1em !default; +$crispy__margin: 0 0 1rem !default; $crispy__padding: 0.8em 1.2em !default; diff --git a/src/components/_button.scss b/src/components/_button.scss index 548cdf8..fb2829a 100644 --- a/src/components/_button.scss +++ b/src/components/_button.scss @@ -11,7 +11,8 @@ * */ -$crispy__button__padding: 0.25em 1em 0.3em !default; +$crispy__button__padding: 0.5em 1.2em 0.6em !default; +$crispy__button__margin: $crispy__margin !default; @mixin crispy__button() { .button { @@ -21,6 +22,7 @@ $crispy__button__padding: 0.25em 1em 0.3em !default; text-decoration: none; padding: $crispy__button__padding; + margin: $crispy__button__margin; &:hover { cursor: pointer; diff --git a/src/components/_field.scss b/src/components/_field.scss index 277da35..7f4471b 100644 --- a/src/components/_field.scss +++ b/src/components/_field.scss @@ -27,11 +27,11 @@ $crispy__field__choice__checked__color: $crispy__color-success !default; $crispy__field__choice__unchecked__color: $crispy__color-danger !default; $crispy__field__input__font-size: $crispy__font-size !default; -$crispy__field__input__padding: 6px 8px !default; +$crispy__field__input__padding: 0.4em 0.6em !default; $crispy__field__input__color: $crispy__color-text !default; -$crispy__field__select__padding: 0.25em !default; -$crispy__field__panel__padding: 0.25em !default; +$crispy__field__select__padding: 0.3em 0.5em !default; +$crispy__field__panel__padding: 0.3em 0.6em !default; $crispy__field__select__background-color: white !default; $crispy__field__select__border: $crispy__border !default; diff --git a/src/components/_icon.scss b/src/components/_icon.scss index 8d88232..cf879a5 100644 --- a/src/components/_icon.scss +++ b/src/components/_icon.scss @@ -32,8 +32,8 @@ $crispy__icon__offset: -0.2em !default; } } - // workaround for buttons and a - .button, a { + // workaround for buttons + .button { .icon { margin: $crispy__icon__offset 0 0; } diff --git a/src/example/_config.scss b/src/example/_config.scss deleted file mode 100644 index e69de29..0000000 diff --git a/src/example/styles.scss b/src/example/styles.scss index 547b06a..8b271c5 100644 --- a/src/example/styles.scss +++ b/src/example/styles.scss @@ -7,9 +7,10 @@ 'templates/home'; @include site__header(); +@include template__home(); .container { - max-width: $crispy__md; + max-width: $crispy__lg; } .sm, .md, .md-only, .lg-only { @@ -60,14 +61,3 @@ @include triangle('bottom', $crispy__color-primary); } -.h3__icon { - display: inline-block; - border: 3px solid $crispy__color-primary; - border-radius: 50%; - padding: 0.6em; - margin: 0 0 0.5em; - - .icon { - font-size: 3rem !important; - } -} \ No newline at end of file diff --git a/src/example/templates/_home.scss b/src/example/templates/_home.scss index 9050d45..3f12c45 100644 --- a/src/example/templates/_home.scss +++ b/src/example/templates/_home.scss @@ -6,7 +6,16 @@ * */ -@mixin templates__home() +@mixin template__home() { + .h3__icon { + display: inline-block; + border-radius: 50%; + padding: 0.9em; + margin: 0 0 0.5em; + .icon { + font-size: 3rem !important; + } + } } diff --git a/webpack.mix.js b/webpack.mix.js index 02dbc76..cbcd894 100644 --- a/webpack.mix.js +++ b/webpack.mix.js @@ -1,4 +1,6 @@ -let mix = require('laravel-mix'); +const mix = require('laravel-mix'); + +const SvgSpritemapPlugin = require('svg-spritemap-webpack-plugin'); /* |-------------------------------------------------------------------------- @@ -11,6 +13,19 @@ let mix = require('laravel-mix'); | */ +mix.webpackConfig({ + plugins: [ + new SvgSpritemapPlugin('assets/svg/*.svg', { + output: { + filename: 'dist/example/symbol-defs.svg' + }, + sprite: { + prefix: 'icon-' + } + }) + ] +}); + mix.sass('src/crispy-all.scss', 'dist/crispy-all.css') .sass('src/crispy-minimal.scss', 'dist/crispy-minimal.css') .sass('src/example/styles.scss', 'dist/example/styles.css', { @@ -20,7 +35,6 @@ mix.sass('src/crispy-all.scss', 'dist/crispy-all.css') ] } }) - .copy('assets/iconmoon/symbol-defs.svg', 'dist/example') .options({ postCss: [ require('postcss-css-variables')()