From b4443e011883b4a602c41cdf473594fa956c7e50 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Bj=C3=B6rn?= Date: Tue, 2 Jun 2020 12:51:38 +0200 Subject: [PATCH] adding --- assets/svg/hamburger.svg | 8 +++++ dist/example/components.html | 4 +-- dist/example/core.html | 2 +- dist/example/functions.html | 4 +-- dist/example/getting-started.html | 4 +-- dist/example/helpers.html | 2 +- dist/example/imprint.html | 2 +- dist/example/mixins.html | 4 +-- dist/example/privacy-policy.html | 2 +- dist/example/script.js | 1 + dist/example/styles.css | 2 +- dist/example/symbol-defs.svg | 2 +- mix-manifest.json | 1 + package-lock.json | 29 +++++++++++++++--- package.json | 4 ++- src/components/_group.scss | 12 ++++---- src/example/components/_button.scss | 20 +++++++++++++ src/example/components/_main.scss | 21 ++++++++++++++ src/example/components/_triangle.scss | 8 ++--- src/example/js/script.js | 10 +++++++ src/example/site/_header.scss | 42 +++++++++++++++++++++++---- src/example/styles.scss | 4 +++ src/example/templates/_home.scss | 7 +++-- src/html/page.html.ejs | 33 +++++++++++++-------- webpack.mix.js | 1 + 25 files changed, 181 insertions(+), 48 deletions(-) create mode 100644 assets/svg/hamburger.svg create mode 100644 dist/example/script.js create mode 100644 src/example/components/_button.scss create mode 100644 src/example/components/_main.scss create mode 100644 src/example/js/script.js diff --git a/assets/svg/hamburger.svg b/assets/svg/hamburger.svg new file mode 100644 index 0000000..82fea30 --- /dev/null +++ b/assets/svg/hamburger.svg @@ -0,0 +1,8 @@ + + +hamburger + + + + + diff --git a/dist/example/components.html b/dist/example/components.html index 038ab19..ed44dab 100644 --- a/dist/example/components.html +++ b/dist/example/components.html @@ -1,4 +1,4 @@ -Components | Crispy CSS
Crispy CSS

Components

Button

SCSS:

$crispy__button__font-family: $crispy__font-family;
+Components | Crispy CSS
 Crispy CSS
Components
Button
SCSS:
$crispy__button__font-family: $crispy__font-family;
 $crispy__button__font-weight: $crispy__font-weight;
 $crispy__button__font-size: $crispy__font-size;
 $crispy__button__font-size-breakpoints: $crispy__font-size-breakpoints;
@@ -246,4 +246,4 @@ $crispy__table__striped__background-color: $crispy__color-grey-light !default;
nameage
Mr. Brown43
Mr. Magenta32
Mr. White45

\ No newline at end of file
+</table>
nameage
Mr. Brown43
Mr. Magenta32
Mr. White45
\ No newline at end of file diff --git a/dist/example/core.html b/dist/example/core.html index dbea844..11423f1 100644 --- a/dist/example/core.html +++ b/dist/example/core.html @@ -1 +1 @@ -Core | Crispy CSS
Crispy CSS

Core

Normalize

a

Link

Typography

Heading

Heading h1
Heading h2
Heading h3
Heading h4
Heading h5
Heading h6

abbr

Glossier viral occupy mixtape pok pok cornhole, vape affogato hella knausgaard thundercats

blockquote

Hoodie kickstarter four loko, pinterest hashtag chambray glossier. Pug before they sold out etsy listicle. Deep v bespoke tacos polaroid, squid flexitarian crucifix messenger bag.

hr

paragraph

Glossier viral occupy mixtape pok pok.

mark

Pug before they four loko Deep v bespoke

list

  • item 1
  • item 2
    • child item 1
    • child item 2
  1. item 1
  2. item 2
defined title 1
defined item 1
\ No newline at end of file +Core | Crispy CSS
Crispy CSS

Core

Normalize

a

Link

Typography

Heading

Heading h1
Heading h2
Heading h3
Heading h4
Heading h5
Heading h6

abbr

Glossier viral occupy mixtape pok pok cornhole, vape affogato hella knausgaard thundercats

blockquote

Hoodie kickstarter four loko, pinterest hashtag chambray glossier. Pug before they sold out etsy listicle. Deep v bespoke tacos polaroid, squid flexitarian crucifix messenger bag.

hr

paragraph

Glossier viral occupy mixtape pok pok.

mark

Pug before they four loko Deep v bespoke

list

  • item 1
  • item 2
    • child item 1
    • child item 2
  1. item 1
  2. item 2
defined title 1
defined item 1
\ No newline at end of file diff --git a/dist/example/functions.html b/dist/example/functions.html index 884f952..71c93b7 100644 --- a/dist/example/functions.html +++ b/dist/example/functions.html @@ -1,4 +1,4 @@ -Functions | Crispy CSS
Crispy CSS

Functions

stripUnit()

Sass:

stripUnit(10px);

Returns value without unit.

zIndex(name)

Sass:

zIndex('modal');

Returns value from $crispy__z-index.

Sass:

$crispy__z-index: (
+Functions | Crispy CSS
 Crispy CSS
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
-);

\ No newline at end of file
+);
\ No newline at end of file diff --git a/dist/example/getting-started.html b/dist/example/getting-started.html index 6115464..a442db8 100644 --- a/dist/example/getting-started.html +++ b/dist/example/getting-started.html @@ -1,4 +1,4 @@ -Getting started! | Crispy CSS
Crispy CSS

Getting started!

Installation

npm install crispy-css
+Getting started! | Crispy CSS
 Crispy CSS
Getting started!
Installation
npm install crispy-css
 
SCSS
@import
     "node_modules/crispy-css/src/crispy";
 
Now include Components and Helpers you need.
@include crispy__helpers();
@@ -123,4 +123,4 @@ $crispy__border: 1px solid $crispy__color-border !default;
 
For Custom Variables add a File before importing Crispy.
@import
     "config",
     "node_modules/crispy-css/src/crispy";
-
Example
You find all of this Site in "/src/example". This is also an Example how you can use Crispy CSS and orginaize your Project.
Site
Contains header, footer and some partials that are used on a Site or Webapp.
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.

\ No newline at end of file
+

Example

You find all of this Site in "/src/example". This is also an Example how you can use Crispy CSS and orginaize your Project.

Site

Contains header, footer and some partials that are used on a Site or Webapp.

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.

\ No newline at end of file diff --git a/dist/example/helpers.html b/dist/example/helpers.html index 82156a9..3707011 100644 --- a/dist/example/helpers.html +++ b/dist/example/helpers.html @@ -1 +1 @@ -Helpers | Crispy CSS
Crispy CSS

Helpers

Border

.round
.radiusless
.bordered
.rounded
.borderless

Margin / Padding

padding-bottom-0
padding-bottom-1
padding-bottom-2
padding-bottom-3
padding-bottom-4
padding-bottom-5
padding-bottom-6

Typography

text-left

text-center

text-right

text-justify
I'm baby literally tousled ramps 8-bit franzen, yuccie before they sold out stumptown XOXO palo santo. Blog taiyaki vegan crucifix. Mustache raw denim shabby chic vegan hexagon aesthetic deep v tofu man braid church-key pork belly unicorn pinterest. Palo santo heirloom banh mi waistcoat, neutra listicle selvage sustainable adaptogen tote bag art party migas ethical PBR&B 8-bit. Chillwave hammock VHS post-ironic, tumblr brunch normcore blue bottle chambray. Austin vice microdosing celiac. Bushwick blog farm-to-table succulents mlkshk actually.

text-italic

text-light

text-normal

text-medium

text-bold

text-capitalize

text-uppercase

text-smaller

text-crossed

text-underline

Width

width-25
width-50
width-75
width-100
\ No newline at end of file +Helpers | Crispy CSS
Crispy CSS

Helpers

Border

.round
.radiusless
.bordered
.rounded
.borderless

Margin / Padding

padding-bottom-0
padding-bottom-1
padding-bottom-2
padding-bottom-3
padding-bottom-4
padding-bottom-5
padding-bottom-6

Typography

text-left

text-center

text-right

text-justify
I'm baby literally tousled ramps 8-bit franzen, yuccie before they sold out stumptown XOXO palo santo. Blog taiyaki vegan crucifix. Mustache raw denim shabby chic vegan hexagon aesthetic deep v tofu man braid church-key pork belly unicorn pinterest. Palo santo heirloom banh mi waistcoat, neutra listicle selvage sustainable adaptogen tote bag art party migas ethical PBR&B 8-bit. Chillwave hammock VHS post-ironic, tumblr brunch normcore blue bottle chambray. Austin vice microdosing celiac. Bushwick blog farm-to-table succulents mlkshk actually.

text-italic

text-light

text-normal

text-medium

text-bold

text-capitalize

text-uppercase

text-smaller

text-crossed

text-underline

Width

width-25
width-50
width-75
width-100
\ No newline at end of file diff --git a/dist/example/imprint.html b/dist/example/imprint.html index cfb3871..bf66f6a 100644 --- a/dist/example/imprint.html +++ b/dist/example/imprint.html @@ -1 +1 @@ -Imprint | Crispy CSS
Crispy CSS

Imprint

\ No newline at end of file +Imprint | Crispy CSS
Crispy CSS

Imprint

\ No newline at end of file diff --git a/dist/example/mixins.html b/dist/example/mixins.html index c5a4cb2..ccbd89d 100644 --- a/dist/example/mixins.html +++ b/dist/example/mixins.html @@ -1,4 +1,4 @@ -Mixins | Crispy CSS
Crispy CSS

Mixins

Triangle

Sass:

.triangle-left, .triangle-right, .triangle-top, .triangle-bottom {
+Mixins | Crispy CSS
 Crispy CSS
Mixins
Triangle
Sass:
.triangle-left, .triangle-right, .triangle-top, .triangle-bottom {
 display: block;
 }
 
@@ -46,4 +46,4 @@ display: block;
 @include crispy__media-lg-only() {
 display: block;
 }
-}
sm
md
md-only
lg-only

\ No newline at end of file
+}
sm
md
md-only
lg-only
\ No newline at end of file diff --git a/dist/example/privacy-policy.html b/dist/example/privacy-policy.html index fc5dccb..cca199c 100644 --- a/dist/example/privacy-policy.html +++ b/dist/example/privacy-policy.html @@ -1 +1 @@ -Privacy Policy | Crispy CSS
Crispy CSS

Privacy Policy

\ No newline at end of file +Privacy Policy | Crispy CSS
Crispy CSS

Privacy Policy

\ No newline at end of file diff --git a/dist/example/script.js b/dist/example/script.js new file mode 100644 index 0000000..8b74ed2 --- /dev/null +++ b/dist/example/script.js @@ -0,0 +1 @@ +!function(t){var n={};function e(r){if(n[r])return n[r].exports;var i=n[r]={i:r,l:!1,exports:{}};return t[r].call(i.exports,i,i.exports,e),i.l=!0,i.exports}e.m=t,e.c=n,e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{enumerable:!0,get:r})},e.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},e.t=function(t,n){if(1&n&&(t=e(t)),8&n)return t;if(4&n&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(e.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&n&&"string"!=typeof t)for(var i in t)e.d(r,i,function(n){return t[n]}.bind(null,i));return r},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},e.p="/",e(e.s=1)}([function(t,n,e){!function(){"use strict";var n={class:"className",contenteditable:"contentEditable",for:"htmlFor",readonly:"readOnly",maxlength:"maxLength",tabindex:"tabIndex",colspan:"colSpan",rowspan:"rowSpan",usemap:"useMap"};function e(t,n){try{return t(n)}catch(t){return n}}var r=document,i=window,o=r.documentElement,u=r.createElement.bind(r),c=u("div"),s=u("table"),f=u("tbody"),a=u("tr"),l=Array.isArray,h=Array.prototype,d=h.concat,p=h.filter,v=h.indexOf,g=h.map,m=h.push,y=h.slice,b=h.some,_=h.splice,x=/^#[\w-]*$/,C=/^\.[\w-]*$/,w=/<.+>/,E=/^\w+$/;function S(t,n){return t&&(I(n)||W(n))?C.test(t)?n.getElementsByClassName(t.slice(1)):E.test(t)?n.getElementsByTagName(t):n.querySelectorAll(t):[]}var N=function(){function t(t,n){if(t){if(R(t))return t;var e=t;if($(t)){var o=(R(n)?n[0]:n)||r;if(!(e=x.test(t)?o.getElementById(t.slice(1)):w.test(t)?Lt(t):S(t,o)))return}else if(k(t))return this.ready(t);(e.nodeType||e===i)&&(e=[e]),this.length=e.length;for(var u=0,c=this.length;u1?p.call(t,(function(t,n,e){return v.call(e,t)===n})):t}function V(t,n,e){if(W(t)){var r=i.getComputedStyle(t,null);return e?r.getPropertyValue(n)||void 0:r[n]||t.style[n]}}function X(t,n){return parseInt(V(t,n),10)||0}T.hasClass=function(t){return!!t&&b.call(this,(function(n){return W(n)&&n.classList.contains(t)}))},T.removeAttr=function(t){var n=J(t);return this.each((function(t,e){W(e)&&M(n,(function(t,n){e.removeAttribute(n)}))}))},T.attr=function(t,n){if(t){if($(t)){if(arguments.length<2){if(!this[0]||!W(this[0]))return;var e=this[0].getAttribute(t);return H(e)?void 0:e}return D(n)?this:H(n)?this.removeAttr(t):this.each((function(e,r){W(r)&&r.setAttribute(t,n)}))}for(var r in t)this.attr(r,t[r]);return this}},T.toggleClass=function(t,n){var e=J(t),r=!D(n);return this.each((function(t,i){W(i)&&M(e,(function(t,e){r?n?i.classList.add(e):i.classList.remove(e):i.classList.toggle(e)}))}))},T.addClass=function(t){return this.toggleClass(t,!0)},T.removeClass=function(t){return arguments.length?this.toggleClass(t,!1):this.attr("class","")},A.unique=G,T.add=function(t,n){return A(G(this.get().concat(A(t,n).get())))};var K=/^--/;function Q(t){return K.test(t)}var Z={},tt=c.style,nt=["webkit","moz","ms"];function et(t,n){if(void 0===n&&(n=Q(t)),n)return t;if(!Z[t]){var e=O(t),r=""+e[0].toUpperCase()+e.slice(1);M((e+" "+nt.join(r+" ")+r).split(" "),(function(n,e){if(e in tt)return Z[t]=e,!1}))}return Z[t]}var rt={animationIterationCount:!0,columnCount:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,gridArea:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnStart:!0,gridRow:!0,gridRowEnd:!0,gridRowStart:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0};function it(t,n,e){return void 0===e&&(e=Q(t)),e||rt[t]||!U(n)?n:n+"px"}T.css=function(t,n){if($(t)){var e=Q(t);return t=et(t,e),arguments.length<2?this[0]&&V(this[0],t,e):t?(n=it(t,n,e),this.each((function(r,i){W(i)&&(e?i.style.setProperty(t,n):i.style[t]=n)}))):this}for(var r in t)this.css(r,t[r]);return this};var ot=/^\s+|\s+$/;function ut(t,n){var r=t.dataset[n]||t.dataset[O(n)];return ot.test(r)?r:e(JSON.parse,r)}function ct(t,n,r){r=e(JSON.stringify,r),t.dataset[O(n)]=r}function st(t,n){var e=t.documentElement;return Math.max(t.body["scroll"+n],e["scroll"+n],t.body["offset"+n],e["offset"+n],e["client"+n])}function ft(t,n){return X(t,"border"+(n?"Left":"Top")+"Width")+X(t,"padding"+(n?"Left":"Top"))+X(t,"padding"+(n?"Right":"Bottom"))+X(t,"border"+(n?"Right":"Bottom")+"Width")}T.data=function(t,n){if(!t){if(!this[0])return;var e={};for(var r in this[0].dataset)e[r]=ut(this[0],r);return e}if($(t))return arguments.length<2?this[0]&&ut(this[0],t):D(n)?this:this.each((function(e,r){ct(r,t,n)}));for(var r in t)this.data(r,t[r]);return this},M([!0,!1],(function(t,n){M(["Width","Height"],(function(t,e){T[(n?"outer":"inner")+e]=function(r){if(this[0])return j(this[0])?n?this[0]["inner"+e]:this[0].document.documentElement["client"+e]:I(this[0])?st(this[0],e):this[0][(n?"offset":"client")+e]+(r&&n?X(this[0],"margin"+(t?"Top":"Left"))+X(this[0],"margin"+(t?"Bottom":"Right")):0)}}))})),M(["Width","Height"],(function(t,n){var e=n.toLowerCase();T[e]=function(r){if(!this[0])return D(r)?void 0:this;if(!arguments.length)return j(this[0])?this[0].document.documentElement["client"+n]:I(this[0])?st(this[0],n):this[0].getBoundingClientRect()[e]-ft(this[0],!t);var i=parseInt(r,10);return this.each((function(n,r){if(W(r)){var o=V(r,"boxSizing");r.style[e]=it(e,i+("border-box"===o?ft(r,!t):0))}}))}}));var at={};function lt(t){return"none"===V(t,"display")}function ht(t,n){return!n||!b.call(n,(function(n){return t.indexOf(n)<0}))}T.toggle=function(t){return this.each((function(n,e){W(e)&&((D(t)?lt(e):t)?(e.style.display=e.___cd||"",lt(e)&&(e.style.display=function(t){if(at[t])return at[t];var n=u(t);r.body.insertBefore(n,null);var e=V(n,"display");return r.body.removeChild(n),at[t]="none"!==e?e:"block"}(e.tagName))):(e.___cd=V(e,"display"),e.style.display="none"))}))},T.hide=function(){return this.toggle(!1)},T.show=function(){return this.toggle(!0)};var dt={focus:"focusin",blur:"focusout"},pt={mouseenter:"mouseover",mouseleave:"mouseout"},vt=/^(mouse|pointer|contextmenu|drag|drop|click|dblclick)/i;function gt(t){return pt[t]||dt[t]||t}function mt(t){return t.___ce=t.___ce||{}}function yt(t,n,e,r,i){var o=mt(t);o[n]=o[n]||[],o[n].push([e,r,i]),t.addEventListener(n,i)}function bt(t){var n=t.split(".");return[n[0],n.slice(1).sort()]}function _t(t,n,e,r,i){var o=mt(t);if(n)o[n]&&(o[n]=o[n].filter((function(o){var u=o[0],c=o[1],s=o[2];if(i&&s.guid!==i.guid||!ht(u,e)||r&&r!==c)return!0;t.removeEventListener(n,s)})));else for(n in o)_t(t,n,e,r,i)}function xt(t){return t.multiple&&t.options?Y(p.call(t.options,(function(t){return t.selected&&!t.disabled&&!t.parentNode.disabled})),"value"):t.value||""}T.off=function(t,n,e){var r=this;if(D(t))this.each((function(t,n){(W(n)||I(n)||j(n))&&_t(n)}));else if($(t))k(n)&&(e=n,n=""),M(J(t),(function(t,i){var o=bt(i),u=o[0],c=o[1],s=gt(u),f=u!==s;r.each((function(t,r){(W(r)||I(r)||j(r))&&(_t(r,s,c,n,e),f&&_t(r,u,c,n,e))}))}));else for(var i in t)this.off(i,t[i]);return this},T.on=function(t,n,e,r,i){var o=this;if(!$(t)){for(var u in t)this.on(u,n,e,t[u],i);return this}return $(n)||(D(n)||H(n)?n="":D(e)?(e=n,n=""):(r=e,e=n,n="")),k(r)||(r=e,e=void 0),r?(M(J(t),(function(t,u){var c=bt(u),s=c[0],f=c[1],a=gt(s),l=s!==a,h=s in dt;a&&o.each((function(t,o){if(W(o)||I(o)||j(o)){var u=function t(u){if((!l||!(u.___ot?u.___ot!==s:u.type!==s||u.target["___i"+s]&&(delete u.target["___i"+s],u.stopImmediatePropagation(),1)))&&(!u.namespace||ht(f,u.namespace.split(".")))){var c=o;if(n){for(var d=u.target;!B(d,n);){if(d===o)return;if(!(d=d.parentNode))return}c=d,u.___cd=!0}else if(h&&u.___ot===s&&o!==u.target&&o.contains(u.target))return;u.___cd&&Object.defineProperty(u,"currentTarget",{configurable:!0,get:function(){return c}}),Object.defineProperty(u,"data",{configurable:!0,get:function(){return e}});var p=r.call(c,u,u.___td);i&&_t(o,a,f,n,t),!1===p&&(u.preventDefault(),u.stopPropagation())}};u.guid=r.guid=r.guid||A.guid++,yt(o,a,f,n,u),l&&yt(o,s,f,n,u)}}))})),this):this},T.one=function(t,n,e,r){return this.on(t,n,e,r,!0)},T.ready=function(t){var n=function(){return setTimeout(t,0,A)};return"loading"!==r.readyState?n():r.addEventListener("DOMContentLoaded",n),this},T.trigger=function(t,n){if($(t)){var e=bt(t),i=e[0],o=e[1],u=gt(i);if(!u)return this;var c=vt.test(u)?"MouseEvents":"HTMLEvents";(t=r.createEvent(c)).initEvent(u,!0,!0),t.namespace=o.join("."),t.___ot=i}t.___td=n;var s=t.___ot in dt;return this.each((function(n,e){s&&k(e[t.___ot])&&(e["___i"+t.___ot]=!0,e[t.___ot]()),e.dispatchEvent(t)}))};var Ct=/%20/g,wt=/\r?\n/g;var Et=/file|reset|submit|button|image/i,St=/radio|checkbox/i;T.serialize=function(){var t="";return this.each((function(n,e){M(e.elements||[e],(function(n,e){if(!(e.disabled||!e.name||"FIELDSET"===e.tagName||Et.test(e.type)||St.test(e.type)&&!e.checked)){var r=xt(e);if(!D(r))M(l(r)?r:[r],(function(n,r){t+=function(t,n){return"&"+encodeURIComponent(t)+"="+encodeURIComponent(n.replace(wt,"\r\n")).replace(Ct,"+")}(e.name,r)}))}}))})),t.slice(1)},T.val=function(t){return arguments.length?this.each((function(n,e){var r=e.multiple&&e.options;if(r||St.test(e.type)){var i=l(t)?g.call(t,String):H(t)?[]:[String(t)];r?M(e.options,(function(t,n){n.selected=i.indexOf(n.value)>=0}),!0):e.checked=i.indexOf(e.value)>=0}else e.value=D(t)||H(t)?"":t})):this[0]&&xt(this[0])},T.clone=function(){return this.map((function(t,n){return n.cloneNode(!0)}))},T.detach=function(t){return q(this,t).each((function(t,n){n.parentNode&&n.parentNode.removeChild(n)})),this};var Nt=/^\s*<(\w+)[^>]*>/,Tt=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,At={"*":c,tr:f,td:a,th:a,thead:s,tbody:s,tfoot:s};function Lt(t){if(!$(t))return[];if(Tt.test(t))return[u(RegExp.$1)];var n=Nt.test(t)&&RegExp.$1,e=At[n]||At["*"];return e.innerHTML=t,A(e.childNodes).detach().get()}A.parseHTML=Lt,T.empty=function(){return this.each((function(t,n){for(;n.firstChild;)n.removeChild(n.firstChild)}))},T.html=function(t){return arguments.length?D(t)?this:this.each((function(n,e){W(e)&&(e.innerHTML=t)})):this[0]&&this[0].innerHTML},T.remove=function(t){return q(this,t).detach().off(),this},T.text=function(t){return D(t)?this[0]?this[0].textContent:"":this.each((function(n,e){W(e)&&(e.textContent=t)}))},T.unwrap=function(){return this.parent().each((function(t,n){if("BODY"!==n.tagName){var e=A(n);e.replaceWith(e.children())}})),this},T.offset=function(){var t=this[0];if(t){var n=t.getBoundingClientRect();return{top:n.top+i.pageYOffset,left:n.left+i.pageXOffset}}},T.offsetParent=function(){return this.map((function(t,n){for(var e=n.offsetParent;e&&"static"===V(e,"position");)e=e.offsetParent;return e||o}))},T.position=function(){var t=this[0];if(t){var n="fixed"===V(t,"position"),e=n?t.getBoundingClientRect():this.offset();if(!n){for(var r=t.ownerDocument,i=t.offsetParent||r.documentElement;(i===r.body||i===r.documentElement)&&"static"===V(i,"position");)i=i.parentNode;if(i!==t&&W(i)){var o=A(i).offset();e.top-=o.top+X(i,"borderTopWidth"),e.left-=o.left+X(i,"borderLeftWidth")}}return{top:e.top-X(t,"marginTop"),left:e.left-X(t,"marginLeft")}}},T.children=function(t){return q(A(G(Y(this,(function(t){return t.children})))),t)},T.contents=function(){return A(G(Y(this,(function(t){return"IFRAME"===t.tagName?[t.contentDocument]:"TEMPLATE"===t.tagName?t.content.childNodes:t.childNodes}))))},T.find=function(t){return A(G(Y(this,(function(n){return S(t,n)}))))};var Ot=/^\s*\s*$/g,Mt=/^$|^module$|\/(java|ecma)script/i,Pt=["type","src","nonce","noModule"];function Bt(t,n,e,r,i){r?t.insertBefore(n,e?t.firstChild:null):t.parentNode.insertBefore(n,e?t:t.nextSibling),i&&function(t,n){var e=A(t);e.filter("script").add(e.find("script")).each((function(t,e){if(Mt.test(e.type)&&o.contains(e)){var r=u("script");r.text=e.textContent.replace(Ot,""),M(Pt,(function(t,n){e[n]&&(r[n]=e[n])})),n.head.insertBefore(r,null),n.head.removeChild(r)}}))}(n,t.ownerDocument)}function Rt(t,n,e,r,i,o,u,c){return M(t,(function(t,o){M(A(o),(function(t,o){M(A(n),(function(n,u){var c=e?u:o,s=e?t:n;Bt(e?o:u,s?c.cloneNode(!0):c,r,i,!s)}),c)}),u)}),o),n}T.after=function(){return Rt(arguments,this,!1,!1,!1,!0,!0)},T.append=function(){return Rt(arguments,this,!1,!1,!0)},T.appendTo=function(t){return Rt(arguments,this,!0,!1,!0)},T.before=function(){return Rt(arguments,this,!1,!0)},T.insertAfter=function(t){return Rt(arguments,this,!0,!1,!1,!1,!1,!0)},T.insertBefore=function(t){return Rt(arguments,this,!0,!0)},T.prepend=function(){return Rt(arguments,this,!1,!0,!0,!0,!0)},T.prependTo=function(t){return Rt(arguments,this,!0,!0,!0,!1,!1,!0)},T.replaceWith=function(t){return this.before(t).remove()},T.replaceAll=function(t){return A(t).replaceWith(this),this},T.wrapAll=function(t){for(var n=A(t),e=n[0];e.children.length;)e=e.firstElementChild;return this.first().before(n),this.appendTo(e)},T.wrap=function(t){return this.each((function(n,e){var r=A(t)[0];A(e).wrapAll(n?r.cloneNode(!0):r)}))},T.wrapInner=function(t){return this.each((function(n,e){var r=A(e),i=r.contents();i.length?i.wrapAll(t):r.append(t)}))},T.has=function(t){var n=$(t)?function(n,e){return S(t,e).length}:function(n,e){return e.contains(t)};return this.filter(n)},T.is=function(t){var n=F(t);return b.call(this,(function(t,e){return n.call(t,e,t)}))},T.next=function(t,n,e){return q(A(G(Y(this,"nextElementSibling",n,e))),t)},T.nextAll=function(t){return this.next(t,!0)},T.nextUntil=function(t,n){return this.next(n,!0,t)},T.not=function(t){var n=F(t);return this.filter((function(e,r){return(!$(t)||W(r))&&!n.call(r,e,r)}))},T.parent=function(t){return q(A(G(Y(this,"parentNode"))),t)},T.index=function(t){var n=t?A(t)[0]:this[0],e=t?this:A(n).parent().children();return v.call(e,n)},T.closest=function(t){var n=this.filter(t);if(n.length)return n;var e=this.parent();return e.length?e.closest(t):n},T.parents=function(t,n){return q(A(G(Y(this,"parentElement",!0,n))),t)},T.parentsUntil=function(t,n){return this.parents(n,t)},T.prev=function(t,n,e){return q(A(G(Y(this,"previousElementSibling",n,e))),t)},T.prevAll=function(t){return this.prev(t,!0)},T.prevUntil=function(t,n){return this.prev(n,!0,t)},T.siblings=function(t){return q(A(G(Y(this,(function(t){return A(t).parent().children().not(t)})))),t)},t.exports=A}()},function(t,n,e){e(2),e(3),e(8),t.exports=e(10)},function(t,n,e){"use strict";e.r(n);var r=e(0),i=e.n(r);i()((function(){var t=i()("#nav");i()("#nav-button").on("click",(function(){t.toggleClass("show")}))}))},function(t,n){},,,,,function(t,n){},,function(t,n){}]); \ No newline at end of file diff --git a/dist/example/styles.css b/dist/example/styles.css index bbbf315..9d9b4b0 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}figure{margin:0 0 15px}@media only screen and (min-width:992px){figure{margin:0 0 20px}}figcaption{margin:10px 0}button,input,optgroup,select,textarea{margin:0}fieldset{padding:.4em .6em}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}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;white-space:normal}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}hr{box-sizing:content-box;height:0;overflow:visible;border:0;border-top:1px solid #b3b2af;margin:.3em 0}progress{vertical-align:baseline}details{display:block}summary{display:list-item}code,kbd,pre,samp{font-family:Lucida Console,Monaco,monospace;font-size:1rem}@media only screen and (min-width:992px){code,kbd,pre,samp{font-size:1.1rem}}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;line-height:1.2;margin:0 0 15px}@media only screen and (min-width:992px){.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin:0 0 20px}}h5,h6{line-height:1.4}.h1,h1{font-size:2.25rem}@media only screen and (min-width:992px){.h1,h1{font-size:2.82rem!important}}.h2,h2{font-size:1.8rem}@media only screen and (min-width:992px){.h2,h2{font-size:2.28rem!important}}.h3,h3{font-size:1.575rem}@media only screen and (min-width:992px){.h3,h3{font-size:2.01rem!important}}.h4,h4{font-size:1.35rem}@media only screen and (min-width:992px){.h4,h4{font-size:1.74rem!important}}.h5,h5{font-size:1.125rem}@media only screen and (min-width:992px){.h5,h5{font-size:1.47rem!important}}.h6,h6{font-size:.9rem}@media only screen and (min-width:992px){.h6,h6{font-size:1.2rem!important}}p{margin:0 0 15px}@media only screen and (min-width:992px){p{margin:0 0 20px}}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:70%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}abbr[title]{border-bottom:1px dotted;cursor:help;text-decoration:none}mark{padding:.25em}blockquote{border-left:1px solid #dfdfdf;margin-left:0;padding:.4em .6em}blockquote p:last-child{margin-bottom:0}dl,ol,ul{padding:0;margin:0 0 15px}@media only screen and (min-width:992px){dl,ol,ul{margin:0 0 20px}}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}a{color:#f18f01}a:hover{color:#b3b2af}a:focus{outline:none}body{font-family:Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;color:#363636;background-color:#fff;direction:ltr;font-size:.9rem;line-height:1.4}@media only screen and (min-width:992px){body{line-height:1.618;font-size:1.1rem}}.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:1.1rem!important}}.text-size-small{font-size:.675rem!important}@media only screen and (min-width:992px){.text-size-small{font-size:.8525rem!important}}.text-size-medium{font-size:1.125rem!important}@media only screen and (min-width:992px){.text-size-medium{font-size:1.3475rem!important}}.text-size-large{font-size:1.35rem!important}@media only screen and (min-width:992px){.text-size-large{font-size:1.595rem!important}}.text-size-big{font-size:1.575rem!important}@media only screen and (min-width:992px){.text-size-big{font-size:1.8425rem!important}}.text-size-mega{font-size:1.8rem!important}@media only screen and (min-width:992px){.text-size-mega{font-size:2.09rem!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}.border-color-primary{border-color:#f18f01!important}.border-color-secondary{border-color:#b3b2af!important}.border-color-success{border-color:#5cb85c!important}.border-color-warning{border-color:#f0ad4e!important}.border-color-danger{border-color:#d9534f!important}.border-color-info{border-color:#0090d4!important}.border-color-grey{border-color:#7a7a7a!important}.border-color-grey-light{border-color:#f7f7f7!important}.border-color-grey-dark{border-color:#4a4a4a!important}.border-color-white{border-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:3px!important}.round{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-bottom-0{margin-bottom:0!important}.padding-top-0{padding-top:0!important}.padding-bottom-0{padding-bottom: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-top-1{margin-top:4px!important}@media only screen and (min-width:992px){.margin-top-1{margin-top:6px!important}}.margin-bottom-1{margin-bottom:4px!important}@media only screen and (min-width:992px){.margin-bottom-1{margin-bottom:6px!important}}.padding-top-1{padding-top:8px!important}@media only screen and (min-width:992px){.padding-top-1{padding-top:6px!important}}.padding-bottom-1{padding-bottom:8px!important}@media only screen and (min-width:992px){.padding-bottom-1{padding-bottom:6px!important}}.margin-left-1{margin-left:8px!important}@media only screen and (min-width:992px){.margin-left-1{margin-left:6px!important}}.margin-right-1{margin-right:8px!important}@media only screen and (min-width:992px){.margin-right-1{margin-right:6px!important}}.padding-left-1{padding-left:8px!important}@media only screen and (min-width:992px){.padding-left-1{padding-left:6px!important}}.padding-right-1{padding-right:8px!important}@media only screen and (min-width:992px){.padding-right-1{padding-right:6px!important}}.margin-top-2{margin-top:16px!important}@media only screen and (min-width:992px){.margin-top-2{margin-top:24px!important}}.margin-bottom-2{margin-bottom:16px!important}@media only screen and (min-width:992px){.margin-bottom-2{margin-bottom:24px!important}}.padding-top-2{padding-top:16px!important}@media only screen and (min-width:992px){.padding-top-2{padding-top:24px!important}}.padding-bottom-2{padding-bottom:16px!important}@media only screen and (min-width:992px){.padding-bottom-2{padding-bottom:24px!important}}.margin-left-2{margin-left:16px!important}@media only screen and (min-width:992px){.margin-left-2{margin-left:24px!important}}.margin-right-2{margin-right:16px!important}@media only screen and (min-width:992px){.margin-right-2{margin-right:24px!important}}.padding-left-2{padding-left:16px!important}@media only screen and (min-width:992px){.padding-left-2{padding-left:24px!important}}.padding-right-2{padding-right:16px!important}@media only screen and (min-width:992px){.padding-right-2{padding-right:24px!important}}.margin-top-3{margin-top:36px!important}@media only screen and (min-width:992px){.margin-top-3{margin-top:54px!important}}.margin-bottom-3{margin-bottom:36px!important}@media only screen and (min-width:992px){.margin-bottom-3{margin-bottom:54px!important}}.padding-top-3{padding-top:24px!important}@media only screen and (min-width:992px){.padding-top-3{padding-top:54px!important}}.padding-bottom-3{padding-bottom:24px!important}@media only screen and (min-width:992px){.padding-bottom-3{padding-bottom:54px!important}}.margin-top-4{margin-top:64px!important}@media only screen and (min-width:992px){.margin-top-4{margin-top:96px!important}}.margin-bottom-4{margin-bottom:64px!important}@media only screen and (min-width:992px){.margin-bottom-4{margin-bottom:96px!important}}.padding-top-4{padding-top:32px!important}@media only screen and (min-width:992px){.padding-top-4{padding-top:96px!important}}.padding-bottom-4{padding-bottom:32px!important}@media only screen and (min-width:992px){.padding-bottom-4{padding-bottom:96px!important}}.margin-top-5{margin-top:100px!important}@media only screen and (min-width:992px){.margin-top-5{margin-top:150px!important}}.margin-bottom-5{margin-bottom:100px!important}@media only screen and (min-width:992px){.margin-bottom-5{margin-bottom:150px!important}}.padding-top-5{padding-top:40px!important}@media only screen and (min-width:992px){.padding-top-5{padding-top:150px!important}}.padding-bottom-5{padding-bottom:40px!important}@media only screen and (min-width:992px){.padding-bottom-5{padding-bottom:150px!important}}.margin-top-6{margin-top:144px!important}@media only screen and (min-width:992px){.margin-top-6{margin-top:216px!important}}.margin-bottom-6{margin-bottom:144px!important}@media only screen and (min-width:992px){.margin-bottom-6{margin-bottom:216px!important}}.padding-top-6{padding-top:48px!important}@media only screen and (min-width:992px){.padding-top-6{padding-top:216px!important}}.padding-bottom-6{padding-bottom:48px!important}@media only screen and (min-width:992px){.padding-bottom-6{padding-bottom:216px!important}}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-block;text-decoration:none;font-family:Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:.9rem;margin:0 0 15px;padding:.4em .8em}@media only screen and (min-width:992px){.button{font-size:1.1rem;margin:0 0 20px;padding:.6em 1.2em}}.button:hover{cursor:pointer;text-decoration:none}.button:focus{outline:none}.code{white-space:pre;display:block;overflow-y:hidden;overflow-x:auto;border:1px solid #dfdfdf;background-color:#f7f7f7;margin:0 0 15px;padding:.4em .6em}@media only screen and (min-width:992px){.code{margin:0 0 20px;padding:.8em 1.1em}}.progress{border:1px solid #dfdfdf}.progress__inner{height:30px;background-color:#f18f01}.field{margin:0 0 15px}@media only screen and (min-width:992px){.field{margin:0 0 20px}}.field__label,.field__select,.field__text{font-family:Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:.9rem}@media only screen and (min-width:992px){.field__label,.field__select,.field__text{font-size:1.1rem}}.field__select,.field__text{display:block;width:100%;color:#363636;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.5em .6em}@media only screen and (min-width:992px){.field__select,.field__text{padding:.7em .8em}}.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{border:1px solid #dfdfdf;background-color:#fff;padding:.5em .3em}@media only screen and (min-width:992px){.field__select{padding:.7em .6em}}.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:.5em .6em}@media only screen and (min-width:992px){.field__panel{padding:.7em .8em}}.field--valid .field__panel{color:#fff;background-color:#5cb85c}.field--error .field__panel{color:#fff;background-color:#d9534f}.group{list-style:none;display:inline-block}.group,.group li{margin:0;padding:0}.group .group__item{display:inline-block;margin:0 .3em}.group--hr .group__item,.group .group__item:last-child:after{margin:0}.group--hr .group__item:after{margin:0 .3em;content:"/"}.group--hr .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.15em;height:1.15em;max-height:100%;max-width:100%;vertical-align:middle;overflow:hidden;line-height:1.4}.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%;margin:0;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (min-width:992px){.modal{max-width: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{transform:translate(0)}@media only screen and (min-width:992px){.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:.75em}}.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:.4em .6em}@media only screen and (min-width:992px){.panel__inner{padding:.8em 1.1em}}.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{text-align:left;border-bottom:1px solid #dfdfdf;padding:.4em .6em}@media only screen and (min-width:992px){.table td,.table th{padding:.8em 1.1em}}.table th{border-bottom-width:2px}.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}.header{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:101}.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} \ 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}figure{margin:0 0 15px}@media only screen and (min-width:992px){figure{margin:0 0 20px}}figcaption{margin:10px 0}button,input,optgroup,select,textarea{margin:0}fieldset{padding:.4em .6em}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}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;white-space:normal}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}hr{box-sizing:content-box;height:0;overflow:visible;border:0;border-top:1px solid #b3b2af;margin:.3em 0}progress{vertical-align:baseline}details{display:block}summary{display:list-item}code,kbd,pre,samp{font-family:Lucida Console,Monaco,monospace;font-size:1rem}@media only screen and (min-width:992px){code,kbd,pre,samp{font-size:1.1rem}}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;line-height:1.2;margin:0 0 15px}@media only screen and (min-width:992px){.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin:0 0 20px}}h5,h6{line-height:1.4}.h1,h1{font-size:2.25rem}@media only screen and (min-width:992px){.h1,h1{font-size:2.82rem!important}}.h2,h2{font-size:1.8rem}@media only screen and (min-width:992px){.h2,h2{font-size:2.28rem!important}}.h3,h3{font-size:1.575rem}@media only screen and (min-width:992px){.h3,h3{font-size:2.01rem!important}}.h4,h4{font-size:1.35rem}@media only screen and (min-width:992px){.h4,h4{font-size:1.74rem!important}}.h5,h5{font-size:1.125rem}@media only screen and (min-width:992px){.h5,h5{font-size:1.47rem!important}}.h6,h6{font-size:.9rem}@media only screen and (min-width:992px){.h6,h6{font-size:1.2rem!important}}p{margin:0 0 15px}@media only screen and (min-width:992px){p{margin:0 0 20px}}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:70%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}abbr[title]{border-bottom:1px dotted;cursor:help;text-decoration:none}mark{padding:.25em}blockquote{border-left:1px solid #dfdfdf;margin-left:0;padding:.4em .6em}blockquote p:last-child{margin-bottom:0}dl,ol,ul{padding:0;margin:0 0 15px}@media only screen and (min-width:992px){dl,ol,ul{margin:0 0 20px}}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}a{color:#f18f01}a:hover{color:#b3b2af}a:focus{outline:none}body{font-family:Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;color:#363636;background-color:#fff;direction:ltr;font-size:.9rem;line-height:1.4}@media only screen and (min-width:992px){body{line-height:1.618;font-size:1.1rem}}.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:1.1rem!important}}.text-size-small{font-size:.675rem!important}@media only screen and (min-width:992px){.text-size-small{font-size:.8525rem!important}}.text-size-medium{font-size:1.125rem!important}@media only screen and (min-width:992px){.text-size-medium{font-size:1.3475rem!important}}.text-size-large{font-size:1.35rem!important}@media only screen and (min-width:992px){.text-size-large{font-size:1.595rem!important}}.text-size-big{font-size:1.575rem!important}@media only screen and (min-width:992px){.text-size-big{font-size:1.8425rem!important}}.text-size-mega{font-size:1.8rem!important}@media only screen and (min-width:992px){.text-size-mega{font-size:2.09rem!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}.border-color-primary{border-color:#f18f01!important}.border-color-secondary{border-color:#b3b2af!important}.border-color-success{border-color:#5cb85c!important}.border-color-warning{border-color:#f0ad4e!important}.border-color-danger{border-color:#d9534f!important}.border-color-info{border-color:#0090d4!important}.border-color-grey{border-color:#7a7a7a!important}.border-color-grey-light{border-color:#f7f7f7!important}.border-color-grey-dark{border-color:#4a4a4a!important}.border-color-white{border-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:3px!important}.round{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-bottom-0{margin-bottom:0!important}.padding-top-0{padding-top:0!important}.padding-bottom-0{padding-bottom: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-top-1{margin-top:4px!important}@media only screen and (min-width:992px){.margin-top-1{margin-top:6px!important}}.margin-bottom-1{margin-bottom:4px!important}@media only screen and (min-width:992px){.margin-bottom-1{margin-bottom:6px!important}}.padding-top-1{padding-top:8px!important}@media only screen and (min-width:992px){.padding-top-1{padding-top:6px!important}}.padding-bottom-1{padding-bottom:8px!important}@media only screen and (min-width:992px){.padding-bottom-1{padding-bottom:6px!important}}.margin-left-1{margin-left:8px!important}@media only screen and (min-width:992px){.margin-left-1{margin-left:6px!important}}.margin-right-1{margin-right:8px!important}@media only screen and (min-width:992px){.margin-right-1{margin-right:6px!important}}.padding-left-1{padding-left:8px!important}@media only screen and (min-width:992px){.padding-left-1{padding-left:6px!important}}.padding-right-1{padding-right:8px!important}@media only screen and (min-width:992px){.padding-right-1{padding-right:6px!important}}.margin-top-2{margin-top:16px!important}@media only screen and (min-width:992px){.margin-top-2{margin-top:24px!important}}.margin-bottom-2{margin-bottom:16px!important}@media only screen and (min-width:992px){.margin-bottom-2{margin-bottom:24px!important}}.padding-top-2{padding-top:16px!important}@media only screen and (min-width:992px){.padding-top-2{padding-top:24px!important}}.padding-bottom-2{padding-bottom:16px!important}@media only screen and (min-width:992px){.padding-bottom-2{padding-bottom:24px!important}}.margin-left-2{margin-left:16px!important}@media only screen and (min-width:992px){.margin-left-2{margin-left:24px!important}}.margin-right-2{margin-right:16px!important}@media only screen and (min-width:992px){.margin-right-2{margin-right:24px!important}}.padding-left-2{padding-left:16px!important}@media only screen and (min-width:992px){.padding-left-2{padding-left:24px!important}}.padding-right-2{padding-right:16px!important}@media only screen and (min-width:992px){.padding-right-2{padding-right:24px!important}}.margin-top-3{margin-top:36px!important}@media only screen and (min-width:992px){.margin-top-3{margin-top:54px!important}}.margin-bottom-3{margin-bottom:36px!important}@media only screen and (min-width:992px){.margin-bottom-3{margin-bottom:54px!important}}.padding-top-3{padding-top:24px!important}@media only screen and (min-width:992px){.padding-top-3{padding-top:54px!important}}.padding-bottom-3{padding-bottom:24px!important}@media only screen and (min-width:992px){.padding-bottom-3{padding-bottom:54px!important}}.margin-top-4{margin-top:64px!important}@media only screen and (min-width:992px){.margin-top-4{margin-top:96px!important}}.margin-bottom-4{margin-bottom:64px!important}@media only screen and (min-width:992px){.margin-bottom-4{margin-bottom:96px!important}}.padding-top-4{padding-top:32px!important}@media only screen and (min-width:992px){.padding-top-4{padding-top:96px!important}}.padding-bottom-4{padding-bottom:32px!important}@media only screen and (min-width:992px){.padding-bottom-4{padding-bottom:96px!important}}.margin-top-5{margin-top:100px!important}@media only screen and (min-width:992px){.margin-top-5{margin-top:150px!important}}.margin-bottom-5{margin-bottom:100px!important}@media only screen and (min-width:992px){.margin-bottom-5{margin-bottom:150px!important}}.padding-top-5{padding-top:40px!important}@media only screen and (min-width:992px){.padding-top-5{padding-top:150px!important}}.padding-bottom-5{padding-bottom:40px!important}@media only screen and (min-width:992px){.padding-bottom-5{padding-bottom:150px!important}}.margin-top-6{margin-top:144px!important}@media only screen and (min-width:992px){.margin-top-6{margin-top:216px!important}}.margin-bottom-6{margin-bottom:144px!important}@media only screen and (min-width:992px){.margin-bottom-6{margin-bottom:216px!important}}.padding-top-6{padding-top:48px!important}@media only screen and (min-width:992px){.padding-top-6{padding-top:216px!important}}.padding-bottom-6{padding-bottom:48px!important}@media only screen and (min-width:992px){.padding-bottom-6{padding-bottom:216px!important}}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-block;text-decoration:none;font-family:Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:.9rem;margin:0 0 15px;padding:.4em .8em}@media only screen and (min-width:992px){.button{font-size:1.1rem;margin:0 0 20px;padding:.6em 1.2em}}.button:hover{cursor:pointer;text-decoration:none}.button:focus{outline:none}.code{white-space:pre;display:block;overflow-y:hidden;overflow-x:auto;border:1px solid #dfdfdf;background-color:#f7f7f7;margin:0 0 15px;padding:.4em .6em}@media only screen and (min-width:992px){.code{margin:0 0 20px;padding:.8em 1.1em}}.progress{border:1px solid #dfdfdf}.progress__inner{height:30px;background-color:#f18f01}.field{margin:0 0 15px}@media only screen and (min-width:992px){.field{margin:0 0 20px}}.field__label,.field__select,.field__text{font-family:Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:.9rem}@media only screen and (min-width:992px){.field__label,.field__select,.field__text{font-size:1.1rem}}.field__select,.field__text{display:block;width:100%;color:#363636;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.5em .6em}@media only screen and (min-width:992px){.field__select,.field__text{padding:.7em .8em}}.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{border:1px solid #dfdfdf;background-color:#fff;padding:.5em .3em}@media only screen and (min-width:992px){.field__select{padding:.7em .6em}}.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:.5em .6em}@media only screen and (min-width:992px){.field__panel{padding:.7em .8em}}.field--valid .field__panel{color:#fff;background-color:#5cb85c}.field--error .field__panel{color:#fff;background-color:#d9534f}.group{list-style:none;display:inline-block}.group,.group li{margin:0;padding:0}.group .group__item{display:inline-block;margin:0 .3em}.group--hr .group__item,.group .group__item:last-child:after{margin:0}.group--hr .group__item:after{margin:0 .3em;content:"/"}.group--hr .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.15em;height:1.15em;max-height:100%;max-width:100%;vertical-align:middle;overflow:hidden;line-height:1.4}.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%;margin:0;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (min-width:992px){.modal{max-width: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{transform:translate(0)}@media only screen and (min-width:992px){.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:.75em}}.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:.4em .6em}@media only screen and (min-width:992px){.panel__inner{padding:.8em 1.1em}}.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{text-align:left;border-bottom:1px solid #dfdfdf;padding:.4em .6em}@media only screen and (min-width:992px){.table td,.table th{padding:.8em 1.1em}}.table th{border-bottom-width:2px}.main__title{margin-top:80px}@media only screen and (min-width:768px){.main__title{margin-top:100px}}.button--transparent{padding:0;margin:0;border:0;background:transparent}.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}.header{max-width:100%}.header a{text-decoration:none}.header a .icon--big{font-size:6rem}.header a:hover{color:#f18f01}.header .group__item{display:block}@media only screen and (min-width:768px){.header .group__item{margin-right:10px;display:inline-block}}.header .button--transparent:hover .icon{fill:#fff}.header--fixed{position:fixed;top:0;left:0;width:100%;z-index:101}.header nav a{color:#fff}.header nav a:hover{color:#363636}.page .header .icon{margin:-4px 0 0}.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} \ No newline at end of file diff --git a/dist/example/symbol-defs.svg b/dist/example/symbol-defs.svg index 218d251..04537b4 100644 --- a/dist/example/symbol-defs.svg +++ b/dist/example/symbol-defs.svg @@ -1 +1 @@ -circle-rightdesignemoticon-zipflaskgithubspraytoggle-lefttoggle-right \ No newline at end of file +circle-rightdesignemoticon-zipflaskgithubhamburgerspraytoggle-lefttoggle-right \ No newline at end of file diff --git a/mix-manifest.json b/mix-manifest.json index 239b104..37d08f3 100644 --- a/mix-manifest.json +++ b/mix-manifest.json @@ -1,4 +1,5 @@ { + "/dist/example/script.js": "/dist/example/script.js", "/dist/crispy-all.css": "/dist/crispy-all.css", "/dist/crispy-minimal.css": "/dist/crispy-minimal.css", "/dist/example/styles.css": "/dist/example/styles.css", diff --git a/package-lock.json b/package-lock.json index 2d77584..c508b20 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "crispy-css", - "version": "3.0.0-pre", + "version": "3.0.0", "lockfileVersion": 1, "requires": true, "dependencies": { @@ -2226,6 +2226,11 @@ "integrity": "sha512-SMICCeiNvMZnyXpuoO+ot7FHpMVPlrsR+HmfByj6nY4xYDHXLqMTbgH7ecEkDNXWkH1vaip+ZS0D7VTXwM1KYQ==", "dev": true }, + "cash-dom": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/cash-dom/-/cash-dom-7.0.3.tgz", + "integrity": "sha512-LEpDCCKA9S92l5z1Q8zwnIjqvA3OJOPrZ4pU712kan9SGhSSs0kKN2eWq1DQRa00uyLXIR50Yo0a7QVlG5c+yQ==" + }, "chalk": { "version": "2.4.2", "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", @@ -3024,6 +3029,12 @@ "type": "^1.0.1" } }, + "de-indent": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz", + "integrity": "sha1-sgOOhG3DO6pXlhKNCAS0VbjB4h0=", + "dev": true + }, "debug": { "version": "4.1.1", "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz", @@ -4787,9 +4798,9 @@ } }, "http-proxy": { - "version": "1.18.0", - "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.0.tgz", - "integrity": "sha1-2+VfY+daNH2389mZdPJpKjFKajo=", + "version": "1.18.1", + "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz", + "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==", "dev": true, "requires": { "eventemitter3": "^4.0.0", @@ -9525,6 +9536,16 @@ "loader-utils": "^1.0.2" } }, + "vue-template-compiler": { + "version": "2.6.11", + "resolved": "https://registry.npmjs.org/vue-template-compiler/-/vue-template-compiler-2.6.11.tgz", + "integrity": "sha512-KIq15bvQDrcCjpGjrAhx4mUlyyHfdmTaoNfeoATHLAiWB+MU3cx4lOzMwrnUh9cCxy0Lt1T11hAFY6TQgroUAA==", + "dev": true, + "requires": { + "de-indent": "^1.0.2", + "he": "^1.1.0" + } + }, "vue-template-es2015-compiler": { "version": "1.9.1", "resolved": "https://registry.npmjs.org/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz", diff --git a/package.json b/package.json index 2da6eef..c2df5c4 100644 --- a/package.json +++ b/package.json @@ -25,9 +25,11 @@ "resolve-url-loader": "^3.1.1", "sass": "^1.26.5", "sass-loader": "^8.0.2", - "svg-spritemap-webpack-plugin": "^3.5.5" + "svg-spritemap-webpack-plugin": "^3.5.5", + "vue-template-compiler": "^2.6.11" }, "dependencies": { + "cash-dom": "^7.0.3", "reflex-grid": "^2.0.4" } } diff --git a/src/components/_group.scss b/src/components/_group.scss index ca89f0f..06936e0 100644 --- a/src/components/_group.scss +++ b/src/components/_group.scss @@ -13,7 +13,7 @@ * */ -$crispy__group__margin: 0.3em !default; +$crispy__group__margin: 0.5em !default; $crispy__group__character: '/' !default; $crispy__group__character-margin: 0 $crispy__group__margin 0 !default; @@ -22,14 +22,16 @@ $crispy__group__character-margin: 0 $crispy__group__margin 0 !default; @include crispy__clear_list(); display: inline-block; - .group__item { + &__item { display: inline-block; margin: 0 $crispy__group__margin 0; + &:first-child { + margin-left: 0; + } + &:last-child { - &:after { - margin: 0; - } + margin-right: 0; } } diff --git a/src/example/components/_button.scss b/src/example/components/_button.scss new file mode 100644 index 0000000..2840c3b --- /dev/null +++ b/src/example/components/_button.scss @@ -0,0 +1,20 @@ +/** + * components: header + * + * + * @author Björn Hase, Tentakelfabrik + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://github.com/tentakelfabrik/crispy-css + * + */ + +@mixin component__button() { + .button { + &--transparent { + padding: 0; + margin: 0; + border: 0; + background: transparent; + } + } +} \ No newline at end of file diff --git a/src/example/components/_main.scss b/src/example/components/_main.scss new file mode 100644 index 0000000..972db0d --- /dev/null +++ b/src/example/components/_main.scss @@ -0,0 +1,21 @@ +/** + * components: header + * + * + * @author Björn Hase, Tentakelfabrik + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://github.com/tentakelfabrik/crispy-css + * + */ + +@mixin component__main() { + .main { + &__title { + margin-top: 80px; + + @include crispy__media-sm() { + margin-top: 100px; + } + } + } +} \ No newline at end of file diff --git a/src/example/components/_triangle.scss b/src/example/components/_triangle.scss index 3fd0265..5892c60 100644 --- a/src/example/components/_triangle.scss +++ b/src/example/components/_triangle.scss @@ -1,10 +1,10 @@ /** - * component: header + * components: triangle * * - * @author Björn Hase - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitlab.tentakelfabrik.de/tentakelfabrik/crispy + * @author Björn Hase, Tentakelfabrik + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://github.com/tentakelfabrik/crispy-css * */ diff --git a/src/example/js/script.js b/src/example/js/script.js new file mode 100644 index 0000000..91834aa --- /dev/null +++ b/src/example/js/script.js @@ -0,0 +1,10 @@ +import $ from 'cash-dom'; + +$(function() { + + const $nav = $('#nav'); + + $('#nav-button').on('click', function() { + $nav.toggleClass('show'); + }); +}); \ No newline at end of file diff --git a/src/example/site/_header.scss b/src/example/site/_header.scss index 2c352ae..0f3668a 100644 --- a/src/example/site/_header.scss +++ b/src/example/site/_header.scss @@ -1,10 +1,10 @@ /** - * component: header + * site: header * * - * @author Björn Hase - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitlab.tentakelfabrik.de/tentakelfabrik/crispy + * @author Björn Hase, Tentakelfabrik + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://github.com/tentakelfabrik/crispy-css * */ @@ -25,7 +25,21 @@ } .group__item { - margin-right: 10px; + display: block; + margin: 0; + + @include crispy__media-sm() { + margin-right: 10px; + display: inline-block; + } + } + + .button--transparent { + &:hover { + .icon { + fill: $crispy__color-white; + } + } } &--fixed { @@ -36,5 +50,23 @@ z-index: 101; } + + nav { + a { + color: $crispy__color-white; + + &:hover { + color: $crispy__color-text; + } + } + } + } + + .page { + .header { + .icon { + margin: -4px 0 0 0; + } + } } } diff --git a/src/example/styles.scss b/src/example/styles.scss index e179cf9..3fad039 100644 --- a/src/example/styles.scss +++ b/src/example/styles.scss @@ -3,9 +3,13 @@ 'reflex', '../crispy-all', 'site/header', + 'components/button', + 'components/main', 'components/triangle', 'templates/home'; +@include component__main(); +@include component__button(); @include component__triangle(); @include site__header(); @include template__home(); diff --git a/src/example/templates/_home.scss b/src/example/templates/_home.scss index 3f12c45..7670ec6 100644 --- a/src/example/templates/_home.scss +++ b/src/example/templates/_home.scss @@ -1,8 +1,9 @@ /** - * template: home + * template: home * - * - * @author Björn Hase + * @author Björn Hase, Tentakelfabrik + * @license http://opensource.org/licenses/MIT The MIT License + * @link https://github.com/tentakelfabrik/crispy-css * */ diff --git a/src/html/page.html.ejs b/src/html/page.html.ejs index eca2e57..fca1420 100644 --- a/src/html/page.html.ejs +++ b/src/html/page.html.ejs @@ -11,10 +11,10 @@ -
+
-
+
@@ -22,36 +22,43 @@ Crispy CSS
-
+
+ +
+
-
+
-
-

+
+

<%= htmlWebpackPlugin.options.title %>

@@ -77,5 +84,7 @@

<%= htmlWebpackPlugin.options.footer %> + + \ No newline at end of file diff --git a/webpack.mix.js b/webpack.mix.js index 09b5ff4..84ad016 100644 --- a/webpack.mix.js +++ b/webpack.mix.js @@ -109,6 +109,7 @@ mix.sass('src/crispy-all.scss', 'dist/crispy-all.css') ] } }) + .js('src/example/js/script.js', 'dist/example/script.js') .options({ postCss: [ require('postcss-css-variables')()