From ec3c4e2e8174a2d1a91fd7bc7904fbb8325c1282 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Bj=C3=B6rn?= Date: Fri, 15 May 2020 17:49:52 +0200 Subject: [PATCH] adding #25 #24 #20 #19 #18 #21 #22 #23 --- dist/crispy_all.css | 2 +- dist/crispy_minimal.css | 2 +- dist/example/index.html | 37 +++++++++++++------ dist/example/styles.css | 2 +- src/_core.scss | 63 +++++++++++++++++++++++++------- src/_functions.scss | 66 ++-------------------------------- src/_modifiers.scss | 26 +++++++++----- src/_variables.scss | 67 ++++++++++++++++++++++++----------- src/components/_button.scss | 2 +- src/components/_code.scss | 6 ++-- src/components/_field.scss | 6 ++-- src/components/_group.scss | 2 +- src/components/_heading.scss | 46 ------------------------ src/components/_icon.scss | 19 ++++++++-- src/components/_modal.scss | 4 +-- src/components/_panel.scss | 2 +- src/components/_table.scss | 2 +- src/crispy.scss | 1 - src/crispy_all.scss | 1 - src/example/site/_header.scss | 7 ++-- 20 files changed, 176 insertions(+), 187 deletions(-) delete mode 100644 src/components/_heading.scss diff --git a/dist/crispy_all.css b/dist/crispy_all.css index 5d76604..9d19fec 100644 --- a/dist/crispy_all.css +++ b/dist/crispy_all.css @@ -1 +1 @@ -html{font-size:100%}body,html{margin:0;height:100%}html,legend{box-sizing:border-box}*,:after,:before{box-sizing:inherit}table{border-collapse:collapse;border-spacing:0}p{margin:.375em 0 1.125em}a,ins,u{-webkit-text-decoration-skip:ink edges;text-decoration-skip:ink edges}a{color:#f18f01}a:hover{color:#b3b2af}a:focus{outline:none}abbr[title]{border-bottom:1px dotted;cursor:help;text-decoration:none}mark{padding:.3125em}blockquote{border-left:1px solid #b3b2af;margin-left:0;padding:.625em 1.25em}blockquote p:last-child{margin-bottom:0}dl,ol,ul{padding:0;margin:0 0 1.125em 2.25em}ol ol,ul ul{margin-top:.5625em}ol{list-style:decimal outside}ul{list-style:disc outside}dd,dt{margin:0}dt{font-weight:700}figure{margin:0 0 1.125em}figcaption{margin:1.125em 0 0}hr{border:0;border-top:1px solid #b3b2af;margin:1.125em 0}body{font-family:Arial,Helvetica,Neue Helvetica,sans-serif;font-weight:400;line-height:1.618;color:#363636;background-color:#fff;direction:ltr;font-size: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-weight-light{font-weight:lighter!important}.text-weight-normal{font-weight:400!important}.text-weight-medium{font-weight:medium!important}.text-weight-bold{font-weight:bolder!important}.text-smaller{font-size:80%!important}.text-size-default{font-size:1rem!important}.text-size-small{font-size:.6875rem!important}.text-size-large{font-size:1.625rem!important}.text-size-big{font-size:2.125rem!important}.text-size-mega{font-size:2.625rem!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}.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}.absolute{position:absolute!important}.fixed{position:fixed!important}.relative{position:relative!important}.hide{display:none!important}@media only screen and (min-width:576px){.hide-xs{display:none!important}}@media only screen and (min-width:768px){.hide-sm{display:none!important}}@media only screen and (min-width:992px){.hide-md{display:none!important}}@media only screen and (min-width:1200px){.hide-lg{display:none!important}}@media only screen and (min-width:1600px){.hide-xlg{display:none!important}}.show{display:block!important}.show--inline{display:inline!important}.show--inline-block{display:inline-block!important}@media only screen and (min-width:576px){.show-xs{display:block!important}.show-xs--inline{display:inline!important}.show-xs--inline-block{display:inline-block!important}}@media only screen and (min-width:768px){.show-sm{display:block!important}.show-sm--inline{display:inline!important}.show-sm--inline-block{display:inline-block!important}}@media only screen and (min-width:992px){.show-md{display:block!important}.show-md--inline{display:inline!important}.show-md--inline-block{display:inline-block!important}}@media only screen and (min-width:1200px){.show-lg{display:block!important}.show-lg--inline{display:inline!important}.show-lg--inline-block{display:inline-block!important}}@media only screen and (min-width:1600px){.show-xlg{display:block!important}.show-xlg--inline{display:inline!important}.show-xlg--inline-block{display:inline-block!important}}.bordered{border:1px solid #dfdfdf!important}.rounded{border-radius:50%!important}.borderless{border:0!important}.radiusless{border-radius:0!important}.width-25{width:25%!important}.width-50{width:50%!important}.width-75{width:75%!important}.width-100{width:100%!important}.marginless{margin:0!important}.paddingless{padding:0!important}.margin-top-0{margin-top:0!important}.margin-left-0{margin-left:0!important}.margin-bottom-0{margin-bottom:0!important}.margin-right-0{margin-right:0!important}.padding-top-0{padding-top:0!important}.padding-left-0{padding-left:0!important}.padding-bottom-0{padding-bottom:0!important}.padding-right-0{padding-right:0!important}.margin-top-1{margin-top:18px!important}.margin-left-1{margin-left:18px!important}.margin-bottom-1{margin-bottom:18px!important}.margin-right-1{margin-right:18px!important}.padding-top-1{padding-top:18px!important}.padding-left-1{padding-left:18px!important}.padding-bottom-1{padding-bottom:18px!important}.padding-right-1{padding-right:18px!important}.margin-top-2{margin-top:36px!important}.margin-left-2{margin-left:36px!important}.margin-bottom-2{margin-bottom:36px!important}.margin-right-2{margin-right:36px!important}.padding-top-2{padding-top:36px!important}.padding-left-2{padding-left:36px!important}.padding-bottom-2{padding-bottom:36px!important}.padding-right-2{padding-right:36px!important}.margin-top-3{margin-top:54px!important}.margin-left-3{margin-left:54px!important}.margin-bottom-3{margin-bottom:54px!important}.margin-right-3{margin-right:54px!important}.padding-top-3{padding-top:54px!important}.padding-left-3{padding-left:54px!important}.padding-bottom-3{padding-bottom:54px!important}.padding-right-3{padding-right:54px!important}.margin-top-4{margin-top:72px!important}.margin-left-4{margin-left:72px!important}.margin-bottom-4{margin-bottom:72px!important}.margin-right-4{margin-right:72px!important}.padding-top-4{padding-top:72px!important}.padding-left-4{padding-left:72px!important}.padding-bottom-4{padding-bottom:72px!important}.padding-right-4{padding-right:72px!important}.margin-top-5{margin-top:90px!important}.margin-left-5{margin-left:90px!important}.margin-bottom-5{margin-bottom:90px!important}.margin-right-5{margin-right:90px!important}.padding-top-5{padding-top:90px!important}.padding-left-5{padding-left:90px!important}.padding-bottom-5{padding-bottom:90px!important}.padding-right-5{padding-right:90px!important}.button{position:relative;display:inline-block;text-decoration:none;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.625em 1.5625em}.button--wide{width:100%}.button:hover{cursor:pointer;text-decoration:none}.button:focus{outline:none}.code{font-family:monospace,monospace;white-space:pre;display:block;overflow-y:hidden;overflow-x:auto;padding:.625em 1.25em;background-color:#f9f9f9;margin:0 0 1.125em;font-size:16px}.code,.progress{border:1px solid #dfdfdf}.progress__inner{height:30px;background-color:#f18f01}.field{margin:0 0 1.125em}.field__select,.field__text{display:block;width:100%;line-height:1.618;padding:.375em .5em;color:#363636;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-family:Arial,Helvetica,Neue Helvetica,sans-serif}.field__label{display:inline-block;width:100%}.field--valid .field__label{color:#5cb85c}.field--error .field__label{color:#d9534f}.field__text{margin:0;border:1px solid #b3b2af}.field__text:focus{border-color:#f18f01}.field--valid .field__select,.field--valid .field__text{border-color:#5cb85c}.field--error .field__select,.field--error .field__text{border-color:#d9534f}.field__select{padding:.5em;border:1px solid #dfdfdf;background-color:#fff}.field__select:focus{outline:0;border-color:#f18f01}.field__choice{position:relative;display:none}.field__choice+.field__label .field__choice__checked{display:none}.field__choice+.field__label:hover{cursor:pointer}.field__choice:checked+.field__label .field__choice__checked{display:inline-block}.field__choice:checked+.field__label .field__choice__unchecked{display:none}.field__choice__checked{fill:#5cb85c}.field__choice__unchecked{fill:#d9534f}.field__choice+.field__label+.field__panel{margin:18px 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:.625em}.field--valid .field__panel{color:#fff;background-color:#5cb85c}.field--error .field__panel{color:#fff;background-color:#d9534f}.group{list-style:none}.group,.group li{margin:0;padding:0}.group--horizontal .group__item{display:inline-block}.group--separate .group__item:after{margin:0 1.125em;content:"/"}.group--separate .group__item:last-child:after{display:none}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,Neue Helvetica,sans-serif;font-weight:700;line-height:1.618;margin:0 0 .3125em}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2.25rem}.h3,h3{font-size:2rem}.h4,h4{font-size:1.75rem}.h5,h5{font-size:1.5rem}.h6,h6{font-size:1.25rem}.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:1em;height:1em;vertical-align:middle;overflow:hidden;line-height:1.618}.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}.img-wide{width:100%}.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;max-width:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.modal--fixed{position:fixed}.modal--bottom-left,.modal--center-left,.modal--top-left{left:0}.modal--bottom-right,.modal--center-right,.modal--top-right{right:0;left:unset}.modal--bottom-center,.modal--bottom-left,.modal--bottom-right,.modal--center-left,.modal--center-right,.modal--top-center,.modal--top-left,.modal--top-right{margin:1em;transform:translate(0)}.modal--bottom-center,.modal--bottom-left,.modal--bottom-right{bottom:0;top:unset}.modal--center-left,.modal--center-right{transform:translateY(-50%);margin-top:0;margin-bottom:0}.modal--bottom-center,.modal--top-center{transform:translate(-50%)}.modal--top-center,.modal--top-left,.modal--top-right{top:0}.overlay{position:fixed;top:0;left:0;z-index:90;width:100%;height:100%;background-color:#000}.panel{background-color:#f9f9f9}.panel__inner{padding:.9375em 1.25em}.table{width:100%}.table--striped tr:nth-child(2n){background-color:#f5f5f5}.table--scroll{overflow-x:auto}.table td{color:#363636}.table td,.table th{padding:.625em .5em;text-align:left;border-bottom:1px solid #9c9c9c}.table th{border-bottom-width:2px} \ No newline at end of file +html{font-size:100%}body,html{margin:0;height:100%}html,legend{box-sizing:border-box}*,:after,:before{box-sizing:inherit}table{border-collapse:collapse;border-spacing:0}p{margin:.375em 0 1.25em}a,ins,u{-webkit-text-decoration-skip:ink edges;text-decoration-skip:ink edges}a{color:#f18f01}a:hover{color:#b3b2af}a:focus{outline:none}abbr[title]{border-bottom:1px dotted;cursor:help;text-decoration:none}mark{padding:.25em}blockquote{border-left:1px solid #b3b2af;margin-left:0;padding:.125em .5em}blockquote p:last-child{margin-bottom:0}dl,ol,ul{padding:0;margin:0 0 1.25em 2.5em}ol ol,ul ul{margin-top:.15625em}ol{list-style:decimal outside}ul{list-style:disc outside}dd,dt{margin:0}dt{font-weight:700}figure{margin:0 0 1.25em}figcaption{margin:1.25em 0 0}hr{border:0;border-top:1px solid #b3b2af;margin:1.25em 0}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,Neue Helvetica,sans-serif;font-weight:700;line-height:1.2;margin:0 0 .5em}.h1,h1{font-size:2.25rem}@media only screen and (min-width:992px){.h1,h1{font-size:2.5rem}}@media only screen and (min-width:1600px){.h1,h1{font-size:3rem}}.h2,h2{font-size:1.8rem}@media only screen and (min-width:992px){.h2,h2{font-size:2rem}}@media only screen and (min-width:1600px){.h2,h2{font-size:2.4rem}}.h3,h3{font-size:1.575rem}@media only screen and (min-width:992px){.h3,h3{font-size:1.75rem}}@media only screen and (min-width:1600px){.h3,h3{font-size:2.1rem}}.h4,h4{font-size:1.35rem}@media only screen and (min-width:992px){.h4,h4{font-size:1.5rem}}@media only screen and (min-width:1600px){.h4,h4{font-size:1.8rem}}.h5,h5{font-size:1.125rem}@media only screen and (min-width:992px){.h5,h5{font-size:1.25rem}}@media only screen and (min-width:1600px){.h5,h5{font-size:1.5rem}}.h6,h6{font-size:.9rem}@media only screen and (min-width:992px){.h6,h6{font-size:1rem}}@media only screen and (min-width:1600px){.h6,h6{font-size:1.2rem}}body{font-family:Arial,Helvetica,Neue Helvetica,sans-serif;font-weight:400;font-size:.9rem;line-height:1.4;color:#363636;background-color:#fff;direction:ltr}@media only screen and (min-width:992px){body{font-size:1rem}}@media only screen and (min-width:1600px){body{font-size:1.1rem}}@media only screen and (min-width:992px){body{line-height:1.618}}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-justify{text-align:justify!important}.text-uppercase{text-transform:uppercase!important}.text-lowercase{text-transform:lowercase!important}.text-crossed{text-decoration:line-through!important}.text-underline{text-decoration:underline!important}.text-capitalize{text-transform:capitalize!important}.text-italic{font-style:italic!important}.text-weight-light{font-weight:lighter!important}.text-weight-normal{font-weight:400!important}.text-weight-medium{font-weight:medium!important}.text-weight-bold{font-weight:bolder!important}.text-smaller{font-size:80%!important}.text-size-default{font-size:.9rem}@media only screen and (min-width:992px){.text-size-default{font-size:1rem}}@media only screen and (min-width:1600px){.text-size-default{font-size:1.1rem}}.text-size-small{font-size:.7875rem}@media only screen and (min-width:992px){.text-size-small{font-size:.875rem}}@media only screen and (min-width:1600px){.text-size-small{font-size:.9625rem}}.text-size-medium{font-size:1.125rem}@media only screen and (min-width:992px){.text-size-medium{font-size:1.25rem}}@media only screen and (min-width:1600px){.text-size-medium{font-size:1.375rem}}.text-size-large{font-size:1.35rem}@media only screen and (min-width:992px){.text-size-large{font-size:1.5rem}}@media only screen and (min-width:1600px){.text-size-large{font-size:1.65rem}}.text-size-big{font-size:1.575rem}@media only screen and (min-width:992px){.text-size-big{font-size:1.75rem}}@media only screen and (min-width:1600px){.text-size-big{font-size:1.925rem}}.text-size-mega{font-size:1.8rem}@media only screen and (min-width:992px){.text-size-mega{font-size:2rem}}@media only screen and (min-width:1600px){.text-size-mega{font-size:2.2rem}}.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}.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}.absolute{position:absolute!important}.fixed{position:fixed!important}.relative{position:relative!important}.hide{display:none!important}@media only screen and (min-width:576px){.hide-xs{display:none!important}}@media only screen and (min-width:768px){.hide-sm{display:none!important}}@media only screen and (min-width:992px){.hide-md{display:none!important}}@media only screen and (min-width:1200px){.hide-lg{display:none!important}}@media only screen and (min-width:1600px){.hide-xlg{display:none!important}}.show{display:block!important}.show--inline{display:inline!important}.show--inline-block{display:inline-block!important}@media only screen and (min-width:576px){.show-xs{display:block!important}.show-xs--inline{display:inline!important}.show-xs--inline-block{display:inline-block!important}}@media only screen and (min-width:768px){.show-sm{display:block!important}.show-sm--inline{display:inline!important}.show-sm--inline-block{display:inline-block!important}}@media only screen and (min-width:992px){.show-md{display:block!important}.show-md--inline{display:inline!important}.show-md--inline-block{display:inline-block!important}}@media only screen and (min-width:1200px){.show-lg{display:block!important}.show-lg--inline{display:inline!important}.show-lg--inline-block{display:inline-block!important}}@media only screen and (min-width:1600px){.show-xlg{display:block!important}.show-xlg--inline{display:inline!important}.show-xlg--inline-block{display:inline-block!important}}.bordered{border:1px solid #dfdfdf!important}.rounded{border-radius:50%!important}.borderless{border:0!important}.radiusless{border-radius:0!important}.width-25{width:25%!important}.width-50{width:50%!important}.width-75{width:75%!important}.width-100{width:100%!important}.marginless{margin:0!important}.paddingless{padding:0!important}.margin-top-0{margin-top:0!important}.margin-left-0{margin-left:0!important}.margin-bottom-0{margin-bottom:0!important}.margin-right-0{margin-right:0!important}.padding-top-0{padding-top:0!important}.padding-left-0{padding-left:0!important}.padding-bottom-0{padding-bottom:0!important}.padding-right-0{padding-right:0!important}.margin-top-1{margin-top:.625em!important}.margin-left-1{margin-left:.625em!important}.margin-bottom-1{margin-bottom:.625em!important}.margin-right-1{margin-right:.625em!important}.padding-top-1{padding-top:.625em!important}.padding-left-1{padding-left:.625em!important}.padding-bottom-1{padding-bottom:.625em!important}.padding-right-1{padding-right:.625em!important}.margin-top-2{margin-top:1.25em!important}.margin-left-2{margin-left:1.25em!important}.margin-bottom-2{margin-bottom:1.25em!important}.margin-right-2{margin-right:1.25em!important}.padding-top-2{padding-top:1.25em!important}.padding-left-2{padding-left:1.25em!important}.padding-bottom-2{padding-bottom:1.25em!important}.padding-right-2{padding-right:1.25em!important}.margin-top-3{margin-top:1.875em!important}.margin-left-3{margin-left:1.875em!important}.margin-bottom-3{margin-bottom:1.875em!important}.margin-right-3{margin-right:1.875em!important}.padding-top-3{padding-top:1.875em!important}.padding-left-3{padding-left:1.875em!important}.padding-bottom-3{padding-bottom:1.875em!important}.padding-right-3{padding-right:1.875em!important}.margin-top-4{margin-top:2.5em!important}.margin-left-4{margin-left:2.5em!important}.margin-bottom-4{margin-bottom:2.5em!important}.margin-right-4{margin-right:2.5em!important}.padding-top-4{padding-top:2.5em!important}.padding-left-4{padding-left:2.5em!important}.padding-bottom-4{padding-bottom:2.5em!important}.padding-right-4{padding-right:2.5em!important}.margin-top-5{margin-top:3.125em!important}.margin-left-5{margin-left:3.125em!important}.margin-bottom-5{margin-bottom:3.125em!important}.margin-right-5{margin-right:3.125em!important}.padding-top-5{padding-top:3.125em!important}.padding-left-5{padding-left:3.125em!important}.padding-bottom-5{padding-bottom:3.125em!important}.padding-right-5{padding-right:3.125em!important}.button{position:relative;display:inline-block;text-decoration:none;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.625em 1.25em}.button--wide{width:100%}.button:hover{cursor:pointer;text-decoration:none}.button:focus{outline:none}.code{font-family:monospace,monospace;white-space:pre;display:block;overflow-y:hidden;overflow-x:auto;padding:.625em 1.25em;background-color:#f9f9f9;margin:0 0 1.25em}.code,.progress{border:1px solid #dfdfdf}.progress__inner{height:30px;background-color:#f18f01}.field{margin:0 0 1.25em}.field__select,.field__text{display:block;width:100%;line-height:1.618;padding:toEm(6px 8px);color:#363636;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1rem;font-family:Arial,Helvetica,Neue Helvetica,sans-serif}.field__label{display:inline-block;width:100%}.field--valid .field__label{color:#5cb85c}.field--error .field__label{color:#d9534f}.field__text{margin:0;border:1px solid #b3b2af}.field__text:focus{border-color:#f18f01}.field--valid .field__select,.field--valid .field__text{border-color:#5cb85c}.field--error .field__select,.field--error .field__text{border-color:#d9534f}.field__select{padding:.25em;border:1px solid #dfdfdf;background-color:#fff}.field__select:focus{outline:0;border-color:#f18f01}.field__choice{position:relative;display:none}.field__choice+.field__label .field__choice__checked{display:none}.field__choice+.field__label:hover{cursor:pointer}.field__choice:checked+.field__label .field__choice__checked{display:inline-block}.field__choice:checked+.field__label .field__choice__unchecked{display:none}.field__choice__checked{fill:#5cb85c}.field__choice__unchecked{fill:#d9534f}.field__choice+.field__label+.field__panel{margin:1.25em 0 0}.field--valid .field__choice__checked,.field--valid .field__choice__unchecked{fill:#5cb85c}.field--error .field__choice__checked,.field--error .field__choice__unchecked{fill:#d9534f}.field__panel{padding:.25em}.field--valid .field__panel{color:#fff;background-color:#5cb85c}.field--error .field__panel{color:#fff;background-color:#d9534f}.group{list-style:none}.group,.group li{margin:0;padding:0}.group--horizontal .group__item{display:inline-block}.group--separate .group__item:after{margin:0 1.25em;content:"/"}.group--separate .group__item:last-child:after{display:none}.hero{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.hero--top{background-position:top}.hero--bottom{background-position:bottom}.hero--contain{background-size:contain}.icon{width:1.125em;height:1.125em;max-height:100%;max-width:100%;vertical-align:middle;overflow:hidden;line-height:1.4}@media only screen and (min-width:992px){.icon{line-height:1.618}}.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}.img-wide{width:100%}.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;max-width:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.modal--fixed{position:fixed}.modal--bottom-left,.modal--center-left,.modal--top-left{left:0}.modal--bottom-right,.modal--center-right,.modal--top-right{right:0;left:unset}.modal--bottom-center,.modal--bottom-left,.modal--bottom-right,.modal--center-left,.modal--center-right,.modal--top-center,.modal--top-left,.modal--top-right{margin:1em;transform:translate(0)}.modal--bottom-center,.modal--bottom-left,.modal--bottom-right{bottom:0;top:unset}.modal--center-left,.modal--center-right{transform:translateY(-50%);margin-top:0;margin-bottom:0}.modal--bottom-center,.modal--top-center{transform:translate(-50%)}.modal--top-center,.modal--top-left,.modal--top-right{top:0}.overlay{position:fixed;top:0;left:0;z-index:90;width:100%;height:100%;background-color:#000}.panel{background-color:#f9f9f9}.panel__inner{padding:.625em 1.25em}.table{width:100%}.table--striped tr:nth-child(2n){background-color:#f5f5f5}.table--scroll{overflow-x:auto}.table td{color:#363636}.table td,.table th{padding:.625em .9375em;text-align:left;border-bottom:1px solid #9c9c9c}.table th{border-bottom-width:2px} \ No newline at end of file diff --git a/dist/crispy_minimal.css b/dist/crispy_minimal.css index bc6dbd7..8784538 100644 --- a/dist/crispy_minimal.css +++ b/dist/crispy_minimal.css @@ -1 +1 @@ -html{font-size:100%}body,html{margin:0;height:100%}html,legend{box-sizing:border-box}*,:after,:before{box-sizing:inherit}table{border-collapse:collapse;border-spacing:0}p{margin:.375em 0 1.125em}a,ins,u{-webkit-text-decoration-skip:ink edges;text-decoration-skip:ink edges}a{color:#f18f01}a:hover{color:#b3b2af}a:focus{outline:none}abbr[title]{border-bottom:1px dotted;cursor:help;text-decoration:none}mark{padding:.3125em}blockquote{border-left:1px solid #b3b2af;margin-left:0;padding:.625em 1.25em}blockquote p:last-child{margin-bottom:0}dl,ol,ul{padding:0;margin:0 0 1.125em 2.25em}ol ol,ul ul{margin-top:.5625em}ol{list-style:decimal outside}ul{list-style:disc outside}dd,dt{margin:0}dt{font-weight:700}figure{margin:0 0 1.125em}figcaption{margin:1.125em 0 0}hr{border:0;border-top:1px solid #b3b2af;margin:1.125em 0}body{font-family:Arial,Helvetica,Neue Helvetica,sans-serif;font-weight:400;line-height:1.618;color:#363636;background-color:#fff;direction:ltr;font-size: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-weight-light{font-weight:lighter!important}.text-weight-normal{font-weight:400!important}.text-weight-medium{font-weight:medium!important}.text-weight-bold{font-weight:bolder!important}.text-smaller{font-size:80%!important}.text-size-default{font-size:1rem!important}.text-size-small{font-size:.6875rem!important}.text-size-large{font-size:1.625rem!important}.text-size-big{font-size:2.125rem!important}.text-size-mega{font-size:2.625rem!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}.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}.absolute{position:absolute!important}.fixed{position:fixed!important}.relative{position:relative!important}.hide{display:none!important}@media only screen and (min-width:576px){.hide-xs{display:none!important}}@media only screen and (min-width:768px){.hide-sm{display:none!important}}@media only screen and (min-width:992px){.hide-md{display:none!important}}@media only screen and (min-width:1200px){.hide-lg{display:none!important}}@media only screen and (min-width:1600px){.hide-xlg{display:none!important}}.show{display:block!important}.show--inline{display:inline!important}.show--inline-block{display:inline-block!important}@media only screen and (min-width:576px){.show-xs{display:block!important}.show-xs--inline{display:inline!important}.show-xs--inline-block{display:inline-block!important}}@media only screen and (min-width:768px){.show-sm{display:block!important}.show-sm--inline{display:inline!important}.show-sm--inline-block{display:inline-block!important}}@media only screen and (min-width:992px){.show-md{display:block!important}.show-md--inline{display:inline!important}.show-md--inline-block{display:inline-block!important}}@media only screen and (min-width:1200px){.show-lg{display:block!important}.show-lg--inline{display:inline!important}.show-lg--inline-block{display:inline-block!important}}@media only screen and (min-width:1600px){.show-xlg{display:block!important}.show-xlg--inline{display:inline!important}.show-xlg--inline-block{display:inline-block!important}}.bordered{border:1px solid #dfdfdf!important}.rounded{border-radius:50%!important}.borderless{border:0!important}.radiusless{border-radius:0!important}.width-25{width:25%!important}.width-50{width:50%!important}.width-75{width:75%!important}.width-100{width:100%!important}.marginless{margin:0!important}.paddingless{padding:0!important}.margin-top-0{margin-top:0!important}.margin-left-0{margin-left:0!important}.margin-bottom-0{margin-bottom:0!important}.margin-right-0{margin-right:0!important}.padding-top-0{padding-top:0!important}.padding-left-0{padding-left:0!important}.padding-bottom-0{padding-bottom:0!important}.padding-right-0{padding-right:0!important}.margin-top-1{margin-top:18px!important}.margin-left-1{margin-left:18px!important}.margin-bottom-1{margin-bottom:18px!important}.margin-right-1{margin-right:18px!important}.padding-top-1{padding-top:18px!important}.padding-left-1{padding-left:18px!important}.padding-bottom-1{padding-bottom:18px!important}.padding-right-1{padding-right:18px!important}.margin-top-2{margin-top:36px!important}.margin-left-2{margin-left:36px!important}.margin-bottom-2{margin-bottom:36px!important}.margin-right-2{margin-right:36px!important}.padding-top-2{padding-top:36px!important}.padding-left-2{padding-left:36px!important}.padding-bottom-2{padding-bottom:36px!important}.padding-right-2{padding-right:36px!important}.margin-top-3{margin-top:54px!important}.margin-left-3{margin-left:54px!important}.margin-bottom-3{margin-bottom:54px!important}.margin-right-3{margin-right:54px!important}.padding-top-3{padding-top:54px!important}.padding-left-3{padding-left:54px!important}.padding-bottom-3{padding-bottom:54px!important}.padding-right-3{padding-right:54px!important}.margin-top-4{margin-top:72px!important}.margin-left-4{margin-left:72px!important}.margin-bottom-4{margin-bottom:72px!important}.margin-right-4{margin-right:72px!important}.padding-top-4{padding-top:72px!important}.padding-left-4{padding-left:72px!important}.padding-bottom-4{padding-bottom:72px!important}.padding-right-4{padding-right:72px!important}.margin-top-5{margin-top:90px!important}.margin-left-5{margin-left:90px!important}.margin-bottom-5{margin-bottom:90px!important}.margin-right-5{margin-right:90px!important}.padding-top-5{padding-top:90px!important}.padding-left-5{padding-left:90px!important}.padding-bottom-5{padding-bottom:90px!important}.padding-right-5{padding-right:90px!important} \ No newline at end of file +html{font-size:100%}body,html{margin:0;height:100%}html,legend{box-sizing:border-box}*,:after,:before{box-sizing:inherit}table{border-collapse:collapse;border-spacing:0}p{margin:.375em 0 1.25em}a,ins,u{-webkit-text-decoration-skip:ink edges;text-decoration-skip:ink edges}a{color:#f18f01}a:hover{color:#b3b2af}a:focus{outline:none}abbr[title]{border-bottom:1px dotted;cursor:help;text-decoration:none}mark{padding:.25em}blockquote{border-left:1px solid #b3b2af;margin-left:0;padding:.125em .5em}blockquote p:last-child{margin-bottom:0}dl,ol,ul{padding:0;margin:0 0 1.25em 2.5em}ol ol,ul ul{margin-top:.15625em}ol{list-style:decimal outside}ul{list-style:disc outside}dd,dt{margin:0}dt{font-weight:700}figure{margin:0 0 1.25em}figcaption{margin:1.25em 0 0}hr{border:0;border-top:1px solid #b3b2af;margin:1.25em 0}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,Neue Helvetica,sans-serif;font-weight:700;line-height:1.2;margin:0 0 .5em}.h1,h1{font-size:2.25rem}@media only screen and (min-width:992px){.h1,h1{font-size:2.5rem}}@media only screen and (min-width:1600px){.h1,h1{font-size:3rem}}.h2,h2{font-size:1.8rem}@media only screen and (min-width:992px){.h2,h2{font-size:2rem}}@media only screen and (min-width:1600px){.h2,h2{font-size:2.4rem}}.h3,h3{font-size:1.575rem}@media only screen and (min-width:992px){.h3,h3{font-size:1.75rem}}@media only screen and (min-width:1600px){.h3,h3{font-size:2.1rem}}.h4,h4{font-size:1.35rem}@media only screen and (min-width:992px){.h4,h4{font-size:1.5rem}}@media only screen and (min-width:1600px){.h4,h4{font-size:1.8rem}}.h5,h5{font-size:1.125rem}@media only screen and (min-width:992px){.h5,h5{font-size:1.25rem}}@media only screen and (min-width:1600px){.h5,h5{font-size:1.5rem}}.h6,h6{font-size:.9rem}@media only screen and (min-width:992px){.h6,h6{font-size:1rem}}@media only screen and (min-width:1600px){.h6,h6{font-size:1.2rem}}body{font-family:Arial,Helvetica,Neue Helvetica,sans-serif;font-weight:400;font-size:.9rem;line-height:1.4;color:#363636;background-color:#fff;direction:ltr}@media only screen and (min-width:992px){body{font-size:1rem}}@media only screen and (min-width:1600px){body{font-size:1.1rem}}@media only screen and (min-width:992px){body{line-height:1.618}}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-justify{text-align:justify!important}.text-uppercase{text-transform:uppercase!important}.text-lowercase{text-transform:lowercase!important}.text-crossed{text-decoration:line-through!important}.text-underline{text-decoration:underline!important}.text-capitalize{text-transform:capitalize!important}.text-italic{font-style:italic!important}.text-weight-light{font-weight:lighter!important}.text-weight-normal{font-weight:400!important}.text-weight-medium{font-weight:medium!important}.text-weight-bold{font-weight:bolder!important}.text-smaller{font-size:80%!important}.text-size-default{font-size:.9rem}@media only screen and (min-width:992px){.text-size-default{font-size:1rem}}@media only screen and (min-width:1600px){.text-size-default{font-size:1.1rem}}.text-size-small{font-size:.7875rem}@media only screen and (min-width:992px){.text-size-small{font-size:.875rem}}@media only screen and (min-width:1600px){.text-size-small{font-size:.9625rem}}.text-size-medium{font-size:1.125rem}@media only screen and (min-width:992px){.text-size-medium{font-size:1.25rem}}@media only screen and (min-width:1600px){.text-size-medium{font-size:1.375rem}}.text-size-large{font-size:1.35rem}@media only screen and (min-width:992px){.text-size-large{font-size:1.5rem}}@media only screen and (min-width:1600px){.text-size-large{font-size:1.65rem}}.text-size-big{font-size:1.575rem}@media only screen and (min-width:992px){.text-size-big{font-size:1.75rem}}@media only screen and (min-width:1600px){.text-size-big{font-size:1.925rem}}.text-size-mega{font-size:1.8rem}@media only screen and (min-width:992px){.text-size-mega{font-size:2rem}}@media only screen and (min-width:1600px){.text-size-mega{font-size:2.2rem}}.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}.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}.absolute{position:absolute!important}.fixed{position:fixed!important}.relative{position:relative!important}.hide{display:none!important}@media only screen and (min-width:576px){.hide-xs{display:none!important}}@media only screen and (min-width:768px){.hide-sm{display:none!important}}@media only screen and (min-width:992px){.hide-md{display:none!important}}@media only screen and (min-width:1200px){.hide-lg{display:none!important}}@media only screen and (min-width:1600px){.hide-xlg{display:none!important}}.show{display:block!important}.show--inline{display:inline!important}.show--inline-block{display:inline-block!important}@media only screen and (min-width:576px){.show-xs{display:block!important}.show-xs--inline{display:inline!important}.show-xs--inline-block{display:inline-block!important}}@media only screen and (min-width:768px){.show-sm{display:block!important}.show-sm--inline{display:inline!important}.show-sm--inline-block{display:inline-block!important}}@media only screen and (min-width:992px){.show-md{display:block!important}.show-md--inline{display:inline!important}.show-md--inline-block{display:inline-block!important}}@media only screen and (min-width:1200px){.show-lg{display:block!important}.show-lg--inline{display:inline!important}.show-lg--inline-block{display:inline-block!important}}@media only screen and (min-width:1600px){.show-xlg{display:block!important}.show-xlg--inline{display:inline!important}.show-xlg--inline-block{display:inline-block!important}}.bordered{border:1px solid #dfdfdf!important}.rounded{border-radius:50%!important}.borderless{border:0!important}.radiusless{border-radius:0!important}.width-25{width:25%!important}.width-50{width:50%!important}.width-75{width:75%!important}.width-100{width:100%!important}.marginless{margin:0!important}.paddingless{padding:0!important}.margin-top-0{margin-top:0!important}.margin-left-0{margin-left:0!important}.margin-bottom-0{margin-bottom:0!important}.margin-right-0{margin-right:0!important}.padding-top-0{padding-top:0!important}.padding-left-0{padding-left:0!important}.padding-bottom-0{padding-bottom:0!important}.padding-right-0{padding-right:0!important}.margin-top-1{margin-top:.625em!important}.margin-left-1{margin-left:.625em!important}.margin-bottom-1{margin-bottom:.625em!important}.margin-right-1{margin-right:.625em!important}.padding-top-1{padding-top:.625em!important}.padding-left-1{padding-left:.625em!important}.padding-bottom-1{padding-bottom:.625em!important}.padding-right-1{padding-right:.625em!important}.margin-top-2{margin-top:1.25em!important}.margin-left-2{margin-left:1.25em!important}.margin-bottom-2{margin-bottom:1.25em!important}.margin-right-2{margin-right:1.25em!important}.padding-top-2{padding-top:1.25em!important}.padding-left-2{padding-left:1.25em!important}.padding-bottom-2{padding-bottom:1.25em!important}.padding-right-2{padding-right:1.25em!important}.margin-top-3{margin-top:1.875em!important}.margin-left-3{margin-left:1.875em!important}.margin-bottom-3{margin-bottom:1.875em!important}.margin-right-3{margin-right:1.875em!important}.padding-top-3{padding-top:1.875em!important}.padding-left-3{padding-left:1.875em!important}.padding-bottom-3{padding-bottom:1.875em!important}.padding-right-3{padding-right:1.875em!important}.margin-top-4{margin-top:2.5em!important}.margin-left-4{margin-left:2.5em!important}.margin-bottom-4{margin-bottom:2.5em!important}.margin-right-4{margin-right:2.5em!important}.padding-top-4{padding-top:2.5em!important}.padding-left-4{padding-left:2.5em!important}.padding-bottom-4{padding-bottom:2.5em!important}.padding-right-4{padding-right:2.5em!important}.margin-top-5{margin-top:3.125em!important}.margin-left-5{margin-left:3.125em!important}.margin-bottom-5{margin-bottom:3.125em!important}.margin-right-5{margin-right:3.125em!important}.padding-top-5{padding-top:3.125em!important}.padding-left-5{padding-left:3.125em!important}.padding-bottom-5{padding-bottom:3.125em!important}.padding-right-5{padding-right:3.125em!important} \ No newline at end of file diff --git a/dist/example/index.html b/dist/example/index.html index 868a8b9..8009a10 100644 --- a/dist/example/index.html +++ b/dist/example/index.html @@ -18,11 +18,11 @@
-

-

+ - Crispy CSS 2.2.3 +
+ Crispy CSS 3.0.0

@@ -39,7 +39,7 @@

- + @@ -54,7 +54,7 @@

- + @@ -68,7 +68,7 @@

- + @@ -82,7 +82,7 @@

- + @@ -102,7 +102,7 @@

Installation

- 
npm install crispy
+ 
npm install crispy-css

How it works

@@ -118,7 +118,6 @@ @include crispy__code(); @include crispy__field(); @include crispy__group(); -@include crispy__heading(); @include crispy__hero(); @include crispy__icon(); @include crispy__media(); @@ -376,6 +375,24 @@

+
+
+ + + +
+

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

diff --git a/dist/example/styles.css b/dist/example/styles.css index 082d4fa..6046ee3 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%}body,html{margin:0;height:100%}html,legend{box-sizing:border-box}*,:after,:before{box-sizing:inherit}table{border-collapse:collapse;border-spacing:0}p{margin:.375em 0 1.125em}a,ins,u{-webkit-text-decoration-skip:ink edges;text-decoration-skip:ink edges}a{color:#f18f01}a:hover{color:#b3b2af}a:focus{outline:none}abbr[title]{border-bottom:1px dotted;cursor:help;text-decoration:none}mark{padding:.3125em}blockquote{border-left:1px solid #b3b2af;margin-left:0;padding:.625em 1.25em}blockquote p:last-child{margin-bottom:0}dl,ol,ul{padding:0;margin:0 0 1.125em 2.25em}ol ol,ul ul{margin-top:.5625em}ol{list-style:decimal outside}ul{list-style:disc outside}dd,dt{margin:0}dt{font-weight:700}figure{margin:0 0 1.125em}figcaption{margin:1.125em 0 0}hr{border:0;border-top:1px solid #b3b2af;margin:1.125em 0}body{font-family:Arial,Helvetica,Neue Helvetica,sans-serif;font-weight:400;line-height:1.618;color:#363636;background-color:#fff;direction:ltr;font-size: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-weight-light{font-weight:lighter!important}.text-weight-normal{font-weight:400!important}.text-weight-medium{font-weight:medium!important}.text-weight-bold{font-weight:bolder!important}.text-smaller{font-size:80%!important}.text-size-default{font-size:1rem!important}.text-size-small{font-size:.6875rem!important}.text-size-large{font-size:1.625rem!important}.text-size-big{font-size:2.125rem!important}.text-size-mega{font-size:2.625rem!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}.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}.absolute{position:absolute!important}.fixed{position:fixed!important}.relative{position:relative!important}.hide{display:none!important}@media only screen and (min-width:576px){.hide-xs{display:none!important}}@media only screen and (min-width:768px){.hide-sm{display:none!important}}@media only screen and (min-width:992px){.hide-md{display:none!important}}@media only screen and (min-width:1200px){.hide-lg{display:none!important}}@media only screen and (min-width:1600px){.hide-xlg{display:none!important}}.show{display:block!important}.show--inline{display:inline!important}.show--inline-block{display:inline-block!important}@media only screen and (min-width:576px){.show-xs{display:block!important}.show-xs--inline{display:inline!important}.show-xs--inline-block{display:inline-block!important}}@media only screen and (min-width:768px){.show-sm{display:block!important}.show-sm--inline{display:inline!important}.show-sm--inline-block{display:inline-block!important}}@media only screen and (min-width:992px){.show-md{display:block!important}.show-md--inline{display:inline!important}.show-md--inline-block{display:inline-block!important}}@media only screen and (min-width:1200px){.show-lg{display:block!important}.show-lg--inline{display:inline!important}.show-lg--inline-block{display:inline-block!important}}@media only screen and (min-width:1600px){.show-xlg{display:block!important}.show-xlg--inline{display:inline!important}.show-xlg--inline-block{display:inline-block!important}}.bordered{border:1px solid #dfdfdf!important}.rounded{border-radius:50%!important}.borderless{border:0!important}.radiusless{border-radius:0!important}.width-25{width:25%!important}.width-50{width:50%!important}.width-75{width:75%!important}.width-100{width:100%!important}.marginless{margin:0!important}.paddingless{padding:0!important}.margin-top-0{margin-top:0!important}.margin-left-0{margin-left:0!important}.margin-bottom-0{margin-bottom:0!important}.margin-right-0{margin-right:0!important}.padding-top-0{padding-top:0!important}.padding-left-0{padding-left:0!important}.padding-bottom-0{padding-bottom:0!important}.padding-right-0{padding-right:0!important}.margin-top-1{margin-top:18px!important}.margin-left-1{margin-left:18px!important}.margin-bottom-1{margin-bottom:18px!important}.margin-right-1{margin-right:18px!important}.padding-top-1{padding-top:18px!important}.padding-left-1{padding-left:18px!important}.padding-bottom-1{padding-bottom:18px!important}.padding-right-1{padding-right:18px!important}.margin-top-2{margin-top:36px!important}.margin-left-2{margin-left:36px!important}.margin-bottom-2{margin-bottom:36px!important}.margin-right-2{margin-right:36px!important}.padding-top-2{padding-top:36px!important}.padding-left-2{padding-left:36px!important}.padding-bottom-2{padding-bottom:36px!important}.padding-right-2{padding-right:36px!important}.margin-top-3{margin-top:54px!important}.margin-left-3{margin-left:54px!important}.margin-bottom-3{margin-bottom:54px!important}.margin-right-3{margin-right:54px!important}.padding-top-3{padding-top:54px!important}.padding-left-3{padding-left:54px!important}.padding-bottom-3{padding-bottom:54px!important}.padding-right-3{padding-right:54px!important}.margin-top-4{margin-top:72px!important}.margin-left-4{margin-left:72px!important}.margin-bottom-4{margin-bottom:72px!important}.margin-right-4{margin-right:72px!important}.padding-top-4{padding-top:72px!important}.padding-left-4{padding-left:72px!important}.padding-bottom-4{padding-bottom:72px!important}.padding-right-4{padding-right:72px!important}.margin-top-5{margin-top:90px!important}.margin-left-5{margin-left:90px!important}.margin-bottom-5{margin-bottom:90px!important}.margin-right-5{margin-right:90px!important}.padding-top-5{padding-top:90px!important}.padding-left-5{padding-left:90px!important}.padding-bottom-5{padding-bottom:90px!important}.padding-right-5{padding-right:90px!important}.button{position:relative;display:inline-block;text-decoration:none;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.625em 1.5625em}.button--wide{width:100%}.button:hover{cursor:pointer;text-decoration:none}.button:focus{outline:none}.code{font-family:monospace,monospace;white-space:pre;display:block;overflow-y:hidden;overflow-x:auto;padding:.625em 1.25em;background-color:#f9f9f9;margin:0 0 1.125em;font-size:16px}.code,.progress{border:1px solid #dfdfdf}.progress__inner{height:30px;background-color:#f18f01}.field{margin:0 0 1.125em}.field__select,.field__text{display:block;width:100%;line-height:1.618;padding:.375em .5em;color:#363636;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-family:Arial,Helvetica,Neue Helvetica,sans-serif}.field__label{display:inline-block;width:100%}.field--valid .field__label{color:#5cb85c}.field--error .field__label{color:#d9534f}.field__text{margin:0;border:1px solid #b3b2af}.field__text:focus{border-color:#f18f01}.field--valid .field__select,.field--valid .field__text{border-color:#5cb85c}.field--error .field__select,.field--error .field__text{border-color:#d9534f}.field__select{padding:.5em;border:1px solid #dfdfdf;background-color:#fff}.field__select:focus{outline:0;border-color:#f18f01}.field__choice{position:relative;display:none}.field__choice+.field__label .field__choice__checked{display:none}.field__choice+.field__label:hover{cursor:pointer}.field__choice:checked+.field__label .field__choice__checked{display:inline-block}.field__choice:checked+.field__label .field__choice__unchecked{display:none}.field__choice__checked{fill:#5cb85c}.field__choice__unchecked{fill:#d9534f}.field__choice+.field__label+.field__panel{margin:18px 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:.625em}.field--valid .field__panel{color:#fff;background-color:#5cb85c}.field--error .field__panel{color:#fff;background-color:#d9534f}.group{list-style:none}.group,.group li{margin:0;padding:0}.group--horizontal .group__item{display:inline-block}.group--separate .group__item:after{margin:0 1.125em;content:"/"}.group--separate .group__item:last-child:after{display:none}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,Neue Helvetica,sans-serif;font-weight:700;line-height:1.618;margin:0 0 .3125em}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2.25rem}.h3,h3{font-size:2rem}.h4,h4{font-size:1.75rem}.h5,h5{font-size:1.5rem}.h6,h6{font-size:1.25rem}.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:1em;height:1em;vertical-align:middle;overflow:hidden;line-height:1.618}.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}.img-wide{width:100%}.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;max-width:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.modal--fixed{position:fixed}.modal--bottom-left,.modal--center-left,.modal--top-left{left:0}.modal--bottom-right,.modal--center-right,.modal--top-right{right:0;left:unset}.modal--bottom-center,.modal--bottom-left,.modal--bottom-right,.modal--center-left,.modal--center-right,.modal--top-center,.modal--top-left,.modal--top-right{margin:1em;transform:translate(0)}.modal--bottom-center,.modal--bottom-left,.modal--bottom-right{bottom:0;top:unset}.modal--center-left,.modal--center-right{transform:translateY(-50%);margin-top:0;margin-bottom:0}.modal--bottom-center,.modal--top-center{transform:translate(-50%)}.modal--top-center,.modal--top-left,.modal--top-right{top:0}.overlay{position:fixed;top:0;left:0;z-index:90;width:100%;height:100%;background-color:#000}.panel{background-color:#f9f9f9}.panel__inner{padding:.9375em 1.25em}.table{width:100%}.table--striped tr:nth-child(2n){background-color:#f5f5f5}.table--scroll{overflow-x:auto}.table td{color:#363636}.table td,.table th{padding:.625em .5em;text-align:left;border-bottom:1px solid #9c9c9c}.table th{border-bottom-width:2px}.header__logo{vertical-align:top}.header a{text-decoration:none}.header a .icon{vertical-align:top;font-size:3.25rem!important}.header a:hover{color:#f18f01}.container{max-width:992px}.lg-only,.md,.md-only,.sm{display:none}@media only screen and (min-width:768px){.sm{display:block}}@media only screen and (min-width:992px){.md{display:block}}@media only screen and (min-width:992px)and (max-width:1199px){.md-only{display:block}}@media only screen and (min-width:1200px)and (max-width:1599px){.lg-only{display:block}}.triangle-bottom,.triangle-left,.triangle-right,.triangle-top{display:block}.triangle-left{border-right:1.5em solid #f18f01}.triangle-left,.triangle-right{width:0;height:0;content:"";z-index:2;border-bottom:1em solid transparent;border-top:1em solid transparent}.triangle-right{border-left:1.5em solid #f18f01}.triangle-top{border-bottom:1.5em solid #f18f01}.triangle-bottom,.triangle-top{width:0;height:0;content:"";z-index:2;border-left:1em solid transparent;border-right:1em solid transparent}.triangle-bottom{border-top:1.5em solid #f18f01}.h3__icon{display:inline-block;border:3px solid #f18f01;border-radius:50%;padding:.6em;margin:0 0 .5em}.h3__icon .icon{font-size:4rem!important} \ No newline at end of file +.container,.container-full{box-sizing:border-box;width:100%;margin-right:auto;margin-left:auto;padding-right:30px;padding-left:30px}.container-full .grid,.container .grid{margin-right:-15px;margin-left:-15px}@media (min-width:576px){.container{max-width:576px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:992px){.container{max-width:992px}}@media (min-width:1200px){.container{max-width:1200px}}@media (min-width:1600px){.container{max-width:1600px}}.grid{box-sizing:border-box;display:block;display:flex;flex-wrap:wrap;padding:0;margin:0 auto;position:relative;letter-spacing:-.31em;*letter-spacing:normal;word-spacing:-.43em;list-style-type:none}.grid:after,.grid:before,[class*=col-]{box-sizing:border-box;letter-spacing:normal;word-spacing:normal;white-space:normal}[class*=col-]{position:relative;width:100%;vertical-align:top;padding:15px;display:inline-block;*display:inline;zoom:1}[class*=col-]:after,[class*=col-]:before{box-sizing:border-box;letter-spacing:normal;word-spacing:normal;white-space:normal}[class*=col-] .grid{flex:1 1 auto;margin:-15px}.col-12{width:100%;*width:99.9%}.col-11{width:91.6666666667%;*width:91.5666666667%}.col-10{width:83.3333333333%;*width:83.2333333333%}.col-9{width:75%;*width:74.9%}.col-8{width:66.6666666667%;*width:66.5666666667%}.col-7{width:58.3333333333%;*width:58.2333333333%}.col-6{width:50%;*width:49.9%}.col-5{width:41.6666666667%;*width:41.5666666667%}.col-4{width:33.3333333333%;*width:33.2333333333%}.col-3{width:25%;*width:24.9%}.col-2{width:16.6666666667%;*width:16.5666666667%}.col-1{width:8.3333333333%;*width:8.2333333333%}@media (min-width:576px){.col-xs-12{width:100%;*width:99.9%}.col-xs-11{width:91.6666666667%;*width:91.5666666667%}.col-xs-10{width:83.3333333333%;*width:83.2333333333%}.col-xs-9{width:75%;*width:74.9%}.col-xs-8{width:66.6666666667%;*width:66.5666666667%}.col-xs-7{width:58.3333333333%;*width:58.2333333333%}.col-xs-6{width:50%;*width:49.9%}.col-xs-5{width:41.6666666667%;*width:41.5666666667%}.col-xs-4{width:33.3333333333%;*width:33.2333333333%}.col-xs-3{width:25%;*width:24.9%}.col-xs-2{width:16.6666666667%;*width:16.5666666667%}.col-xs-1{width:8.3333333333%;*width:8.2333333333%}}@media (min-width:768px){.col-sm-12{width:100%;*width:99.9%}.col-sm-11{width:91.6666666667%;*width:91.5666666667%}.col-sm-10{width:83.3333333333%;*width:83.2333333333%}.col-sm-9{width:75%;*width:74.9%}.col-sm-8{width:66.6666666667%;*width:66.5666666667%}.col-sm-7{width:58.3333333333%;*width:58.2333333333%}.col-sm-6{width:50%;*width:49.9%}.col-sm-5{width:41.6666666667%;*width:41.5666666667%}.col-sm-4{width:33.3333333333%;*width:33.2333333333%}.col-sm-3{width:25%;*width:24.9%}.col-sm-2{width:16.6666666667%;*width:16.5666666667%}.col-sm-1{width:8.3333333333%;*width:8.2333333333%}}@media (min-width:992px){.col-md-12{width:100%;*width:99.9%}.col-md-11{width:91.6666666667%;*width:91.5666666667%}.col-md-10{width:83.3333333333%;*width:83.2333333333%}.col-md-9{width:75%;*width:74.9%}.col-md-8{width:66.6666666667%;*width:66.5666666667%}.col-md-7{width:58.3333333333%;*width:58.2333333333%}.col-md-6{width:50%;*width:49.9%}.col-md-5{width:41.6666666667%;*width:41.5666666667%}.col-md-4{width:33.3333333333%;*width:33.2333333333%}.col-md-3{width:25%;*width:24.9%}.col-md-2{width:16.6666666667%;*width:16.5666666667%}.col-md-1{width:8.3333333333%;*width:8.2333333333%}}@media (min-width:1200px){.col-lg-12{width:100%;*width:99.9%}.col-lg-11{width:91.6666666667%;*width:91.5666666667%}.col-lg-10{width:83.3333333333%;*width:83.2333333333%}.col-lg-9{width:75%;*width:74.9%}.col-lg-8{width:66.6666666667%;*width:66.5666666667%}.col-lg-7{width:58.3333333333%;*width:58.2333333333%}.col-lg-6{width:50%;*width:49.9%}.col-lg-5{width:41.6666666667%;*width:41.5666666667%}.col-lg-4{width:33.3333333333%;*width:33.2333333333%}.col-lg-3{width:25%;*width:24.9%}.col-lg-2{width:16.6666666667%;*width:16.5666666667%}.col-lg-1{width:8.3333333333%;*width:8.2333333333%}}@media (min-width:1600px){.col-xlg-12{width:100%;*width:99.9%}.col-xlg-11{width:91.6666666667%;*width:91.5666666667%}.col-xlg-10{width:83.3333333333%;*width:83.2333333333%}.col-xlg-9{width:75%;*width:74.9%}.col-xlg-8{width:66.6666666667%;*width:66.5666666667%}.col-xlg-7{width:58.3333333333%;*width:58.2333333333%}.col-xlg-6{width:50%;*width:49.9%}.col-xlg-5{width:41.6666666667%;*width:41.5666666667%}.col-xlg-4{width:33.3333333333%;*width:33.2333333333%}.col-xlg-3{width:25%;*width:24.9%}.col-xlg-2{width:16.6666666667%;*width:16.5666666667%}.col-xlg-1{width:8.3333333333%;*width:8.2333333333%}}.col-auto{flex:1 0 0px;width:auto}@media (min-width:576px){.col-xs-auto{flex:1 0 0px;width:auto}}@media (min-width:768px){.col-sm-auto{flex:1 0 0px;width:auto}}@media (min-width:992px){.col-md-auto{flex:1 0 0px;width:auto}}@media (min-width:1200px){.col-lg-auto{flex:1 0 0px;width:auto}}@media (min-width:1600px){.col-xlg-auto{flex:1 0 0px;width:auto}}.order-12{order:12}.order-11{order:11}.order-10{order:10}.order-9{order:9}.order-8{order:8}.order-7{order:7}.order-6{order:6}.order-5{order:5}.order-4{order:4}.order-3{order:3}.order-2{order:2}.order-1{order:1}.order-0{order:0}@media only screen and (min-width:576px){.order-xs-12{order:12}.order-xs-11{order:11}.order-xs-10{order:10}.order-xs-9{order:9}.order-xs-8{order:8}.order-xs-7{order:7}.order-xs-6{order:6}.order-xs-5{order:5}.order-xs-4{order:4}.order-xs-3{order:3}.order-xs-2{order:2}.order-xs-1{order:1}.order-xs-0{order:0}}@media only screen and (min-width:768px){.order-sm-12{order:12}.order-sm-11{order:11}.order-sm-10{order:10}.order-sm-9{order:9}.order-sm-8{order:8}.order-sm-7{order:7}.order-sm-6{order:6}.order-sm-5{order:5}.order-sm-4{order:4}.order-sm-3{order:3}.order-sm-2{order:2}.order-sm-1{order:1}.order-sm-0{order:0}}@media only screen and (min-width:992px){.order-md-12{order:12}.order-md-11{order:11}.order-md-10{order:10}.order-md-9{order:9}.order-md-8{order:8}.order-md-7{order:7}.order-md-6{order:6}.order-md-5{order:5}.order-md-4{order:4}.order-md-3{order:3}.order-md-2{order:2}.order-md-1{order:1}.order-md-0{order:0}}@media only screen and (min-width:1200px){.order-lg-12{order:12}.order-lg-11{order:11}.order-lg-10{order:10}.order-lg-9{order:9}.order-lg-8{order:8}.order-lg-7{order:7}.order-lg-6{order:6}.order-lg-5{order:5}.order-lg-4{order:4}.order-lg-3{order:3}.order-lg-2{order:2}.order-lg-1{order:1}.order-lg-0{order:0}}@media only screen and (min-width:1600px){.order-xlg-12{order:12}.order-xlg-11{order:11}.order-xlg-10{order:10}.order-xlg-9{order:9}.order-xlg-8{order:8}.order-xlg-7{order:7}.order-xlg-6{order:6}.order-xlg-5{order:5}.order-xlg-4{order:4}.order-xlg-3{order:3}.order-xlg-2{order:2}.order-xlg-1{order:1}.order-xlg-0{order:0}}.offset-11{margin-left:91.6666666667%;*margin-left:91.5666666667%}.offset-10{margin-left:83.3333333333%;*margin-left:83.2333333333%}.offset-9{margin-left:75%;*margin-left:74.9%}.offset-8{margin-left:66.6666666667%;*margin-left:66.5666666667%}.offset-7{margin-left:58.3333333333%;*margin-left:58.2333333333%}.offset-6{margin-left:50%;*margin-left:49.9%}.offset-5{margin-left:41.6666666667%;*margin-left:41.5666666667%}.offset-4{margin-left:33.3333333333%;*margin-left:33.2333333333%}.offset-3{margin-left:25%;*margin-left:24.9%}.offset-2{margin-left:16.6666666667%;*margin-left:16.5666666667%}.offset-1{margin-left:8.3333333333%;*margin-left:8.2333333333%}@media only screen and (min-width:576px){.offset-xs-11{margin-left:91.6666666667%;*margin-left:91.5666666667%}.offset-xs-10{margin-left:83.3333333333%;*margin-left:83.2333333333%}.offset-xs-9{margin-left:75%;*margin-left:74.9%}.offset-xs-8{margin-left:66.6666666667%;*margin-left:66.5666666667%}.offset-xs-7{margin-left:58.3333333333%;*margin-left:58.2333333333%}.offset-xs-6{margin-left:50%;*margin-left:49.9%}.offset-xs-5{margin-left:41.6666666667%;*margin-left:41.5666666667%}.offset-xs-4{margin-left:33.3333333333%;*margin-left:33.2333333333%}.offset-xs-3{margin-left:25%;*margin-left:24.9%}.offset-xs-2{margin-left:16.6666666667%;*margin-left:16.5666666667%}.offset-xs-1{margin-left:8.3333333333%;*margin-left:8.2333333333%}.offset-xs-0{margin-left:0;*margin-left:-.1%}}@media only screen and (min-width:768px){.offset-sm-11{margin-left:91.6666666667%;*margin-left:91.5666666667%}.offset-sm-10{margin-left:83.3333333333%;*margin-left:83.2333333333%}.offset-sm-9{margin-left:75%;*margin-left:74.9%}.offset-sm-8{margin-left:66.6666666667%;*margin-left:66.5666666667%}.offset-sm-7{margin-left:58.3333333333%;*margin-left:58.2333333333%}.offset-sm-6{margin-left:50%;*margin-left:49.9%}.offset-sm-5{margin-left:41.6666666667%;*margin-left:41.5666666667%}.offset-sm-4{margin-left:33.3333333333%;*margin-left:33.2333333333%}.offset-sm-3{margin-left:25%;*margin-left:24.9%}.offset-sm-2{margin-left:16.6666666667%;*margin-left:16.5666666667%}.offset-sm-1{margin-left:8.3333333333%;*margin-left:8.2333333333%}.offset-sm-0{margin-left:0;*margin-left:-.1%}}@media only screen and (min-width:992px){.offset-md-11{margin-left:91.6666666667%;*margin-left:91.5666666667%}.offset-md-10{margin-left:83.3333333333%;*margin-left:83.2333333333%}.offset-md-9{margin-left:75%;*margin-left:74.9%}.offset-md-8{margin-left:66.6666666667%;*margin-left:66.5666666667%}.offset-md-7{margin-left:58.3333333333%;*margin-left:58.2333333333%}.offset-md-6{margin-left:50%;*margin-left:49.9%}.offset-md-5{margin-left:41.6666666667%;*margin-left:41.5666666667%}.offset-md-4{margin-left:33.3333333333%;*margin-left:33.2333333333%}.offset-md-3{margin-left:25%;*margin-left:24.9%}.offset-md-2{margin-left:16.6666666667%;*margin-left:16.5666666667%}.offset-md-1{margin-left:8.3333333333%;*margin-left:8.2333333333%}.offset-md-0{margin-left:0;*margin-left:-.1%}}@media only screen and (min-width:1200px){.offset-lg-11{margin-left:91.6666666667%;*margin-left:91.5666666667%}.offset-lg-10{margin-left:83.3333333333%;*margin-left:83.2333333333%}.offset-lg-9{margin-left:75%;*margin-left:74.9%}.offset-lg-8{margin-left:66.6666666667%;*margin-left:66.5666666667%}.offset-lg-7{margin-left:58.3333333333%;*margin-left:58.2333333333%}.offset-lg-6{margin-left:50%;*margin-left:49.9%}.offset-lg-5{margin-left:41.6666666667%;*margin-left:41.5666666667%}.offset-lg-4{margin-left:33.3333333333%;*margin-left:33.2333333333%}.offset-lg-3{margin-left:25%;*margin-left:24.9%}.offset-lg-2{margin-left:16.6666666667%;*margin-left:16.5666666667%}.offset-lg-1{margin-left:8.3333333333%;*margin-left:8.2333333333%}.offset-lg-0{margin-left:0;*margin-left:-.1%}}@media only screen and (min-width:1600px){.offset-xlg-11{margin-left:91.6666666667%;*margin-left:91.5666666667%}.offset-xlg-10{margin-left:83.3333333333%;*margin-left:83.2333333333%}.offset-xlg-9{margin-left:75%;*margin-left:74.9%}.offset-xlg-8{margin-left:66.6666666667%;*margin-left:66.5666666667%}.offset-xlg-7{margin-left:58.3333333333%;*margin-left:58.2333333333%}.offset-xlg-6{margin-left:50%;*margin-left:49.9%}.offset-xlg-5{margin-left:41.6666666667%;*margin-left:41.5666666667%}.offset-xlg-4{margin-left:33.3333333333%;*margin-left:33.2333333333%}.offset-xlg-3{margin-left:25%;*margin-left:24.9%}.offset-xlg-2{margin-left:16.6666666667%;*margin-left:16.5666666667%}.offset-xlg-1{margin-left:8.3333333333%;*margin-left:8.2333333333%}.offset-xlg-0{margin-left:0;*margin-left:-.1%}}.wrap{flex-wrap:wrap}.no-wrap{flex-wrap:nowrap}.no-wrap [class*=col-]{flex-shrink:1}.wrap-reverse{flex-wrap:wrap-reverse}.direction-row{flex-direction:row}.direction-row-reverse{flex-direction:row-reverse}.direction-column{flex-direction:column}.direction-column-reverse{flex-direction:column-reverse}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-end [class*=col-]{vertical-align:bottom}.align-center{align-items:center}.align-center [class*=col-]{vertical-align:middle}.align-baseline{align-items:baseline}.align-content-start{align-content:flex-start}.align-content-end{align-content:flex-end}.align-content-end [class*=col-]{vertical-align:bottom}.align-content-center{align-content:center}.align-content-space-between{align-content:space-between}.align-content-space-around{align-content:space-around}.align-self-stretch{align-self:stretch}.align-self-start{align-self:flex-start}.align-self-end{align-self:flex-end;vertical-align:bottom}.align-self-center{align-self:center;vertical-align:middle}.align-self-baseline{align-self:baseline;vertical-align:baseline}.justify-start{justify-content:flex-start}.justify-start.grid{text-align:left}.justify-end{justify-content:flex-end}.justify-end.grid{text-align:right;-moz-text-align-last:right;text-align-last:right}.justify-end.grid [class*=col-]{text-align:left;text-align:start;-moz-text-align-last:left;-moz-text-align-last:start;text-align-last:left;text-align-last:start}.justify-center{justify-content:center}.justify-center.grid{text-align:center;-moz-text-align-last:center;text-align-last:center}.justify-center.grid [class*=col-]{text-align:left;text-align:start;-moz-text-align-last:left;-moz-text-align-last:start;text-align-last:left;text-align-last:start}.justify-space-between{justify-content:space-between}.justify-space-between.grid{text-align:justify;-moz-text-align-last:justify;text-align-last:justify}.justify-space-between.grid [class*=col-]{text-align:left;text-align:start;-moz-text-align-last:left;-moz-text-align-last:start;text-align-last:left;text-align-last:start}.justify-space-around{justify-content:space-around}.justify-space-around.grid{text-align:justify;-moz-text-align-last:justify;text-align-last:justify}.justify-space-around.grid [class*=col-]{text-align:left;text-align:start;-moz-text-align-last:left;-moz-text-align-last:start;text-align-last:left;text-align-last:start}.grid-bleed [class*=col-]{padding:0}.col-grid{display:flex;flex-direction:column}.col-grid.direction-row{flex-direction:row}.col-bleed{padding:0}.col-bleed-x{padding:15px 0}.col-bleed-y{padding:0 15px}.flex-img{display:block;flex:0 0 auto;max-width:100%;height:auto;width:100%;*width:auto}.flex-footer{width:100%;margin-top:auto}.flex-footer,.flex-footer>:last-child{margin-bottom:0}@media (max-width:575px){.hidden-xxs{display:none}}@media (min-width:576px)and (max-width:767px){.hidden-xs{display:none}}@media (min-width:768px)and (max-width:991px){.hidden-sm{display:none}}@media (min-width:992px)and (max-width:1199px){.hidden-md{display:none}}@media (min-width:1200px)and (max-width:1599px){.hidden-lg{display:none}}@media (min-width:1600px){.hidden-xlg{display:none}}html{font-size:100%}body,html{margin:0;height:100%}html,legend{box-sizing:border-box}*,:after,:before{box-sizing:inherit}table{border-collapse:collapse;border-spacing:0}p{margin:.375em 0 1.25em}a,ins,u{-webkit-text-decoration-skip:ink edges;text-decoration-skip:ink edges}a{color:#f18f01}a:hover{color:#b3b2af}a:focus{outline:none}abbr[title]{border-bottom:1px dotted;cursor:help;text-decoration:none}mark{padding:.25em}blockquote{border-left:1px solid #b3b2af;margin-left:0;padding:.125em .5em}blockquote p:last-child{margin-bottom:0}dl,ol,ul{padding:0;margin:0 0 1.25em 2.5em}ol ol,ul ul{margin-top:.15625em}ol{list-style:decimal outside}ul{list-style:disc outside}dd,dt{margin:0}dt{font-weight:700}figure{margin:0 0 1.25em}figcaption{margin:1.25em 0 0}hr{border:0;border-top:1px solid #b3b2af;margin:1.25em 0}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,Neue Helvetica,sans-serif;font-weight:700;line-height:1.2;margin:0 0 .5em}.h1,h1{font-size:2.25rem}@media only screen and (min-width:992px){.h1,h1{font-size:2.5rem}}@media only screen and (min-width:1600px){.h1,h1{font-size:3rem}}.h2,h2{font-size:1.8rem}@media only screen and (min-width:992px){.h2,h2{font-size:2rem}}@media only screen and (min-width:1600px){.h2,h2{font-size:2.4rem}}.h3,h3{font-size:1.575rem}@media only screen and (min-width:992px){.h3,h3{font-size:1.75rem}}@media only screen and (min-width:1600px){.h3,h3{font-size:2.1rem}}.h4,h4{font-size:1.35rem}@media only screen and (min-width:992px){.h4,h4{font-size:1.5rem}}@media only screen and (min-width:1600px){.h4,h4{font-size:1.8rem}}.h5,h5{font-size:1.125rem}@media only screen and (min-width:992px){.h5,h5{font-size:1.25rem}}@media only screen and (min-width:1600px){.h5,h5{font-size:1.5rem}}.h6,h6{font-size:.9rem}@media only screen and (min-width:992px){.h6,h6{font-size:1rem}}@media only screen and (min-width:1600px){.h6,h6{font-size:1.2rem}}body{font-family:Arial,Helvetica,Neue Helvetica,sans-serif;font-weight:400;font-size:.9rem;line-height:1.4;color:#363636;background-color:#fff;direction:ltr}@media only screen and (min-width:992px){body{font-size:1rem}}@media only screen and (min-width:1600px){body{font-size:1.1rem}}@media only screen and (min-width:992px){body{line-height:1.618}}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-justify{text-align:justify!important}.text-uppercase{text-transform:uppercase!important}.text-lowercase{text-transform:lowercase!important}.text-crossed{text-decoration:line-through!important}.text-underline{text-decoration:underline!important}.text-capitalize{text-transform:capitalize!important}.text-italic{font-style:italic!important}.text-weight-light{font-weight:lighter!important}.text-weight-normal{font-weight:400!important}.text-weight-medium{font-weight:medium!important}.text-weight-bold{font-weight:bolder!important}.text-smaller{font-size:80%!important}.text-size-default{font-size:.9rem}@media only screen and (min-width:992px){.text-size-default{font-size:1rem}}@media only screen and (min-width:1600px){.text-size-default{font-size:1.1rem}}.text-size-small{font-size:.7875rem}@media only screen and (min-width:992px){.text-size-small{font-size:.875rem}}@media only screen and (min-width:1600px){.text-size-small{font-size:.9625rem}}.text-size-medium{font-size:1.125rem}@media only screen and (min-width:992px){.text-size-medium{font-size:1.25rem}}@media only screen and (min-width:1600px){.text-size-medium{font-size:1.375rem}}.text-size-large{font-size:1.35rem}@media only screen and (min-width:992px){.text-size-large{font-size:1.5rem}}@media only screen and (min-width:1600px){.text-size-large{font-size:1.65rem}}.text-size-big{font-size:1.575rem}@media only screen and (min-width:992px){.text-size-big{font-size:1.75rem}}@media only screen and (min-width:1600px){.text-size-big{font-size:1.925rem}}.text-size-mega{font-size:1.8rem}@media only screen and (min-width:992px){.text-size-mega{font-size:2rem}}@media only screen and (min-width:1600px){.text-size-mega{font-size:2.2rem}}.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}.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}.absolute{position:absolute!important}.fixed{position:fixed!important}.relative{position:relative!important}.hide{display:none!important}@media only screen and (min-width:576px){.hide-xs{display:none!important}}@media only screen and (min-width:768px){.hide-sm{display:none!important}}@media only screen and (min-width:992px){.hide-md{display:none!important}}@media only screen and (min-width:1200px){.hide-lg{display:none!important}}@media only screen and (min-width:1600px){.hide-xlg{display:none!important}}.show{display:block!important}.show--inline{display:inline!important}.show--inline-block{display:inline-block!important}@media only screen and (min-width:576px){.show-xs{display:block!important}.show-xs--inline{display:inline!important}.show-xs--inline-block{display:inline-block!important}}@media only screen and (min-width:768px){.show-sm{display:block!important}.show-sm--inline{display:inline!important}.show-sm--inline-block{display:inline-block!important}}@media only screen and (min-width:992px){.show-md{display:block!important}.show-md--inline{display:inline!important}.show-md--inline-block{display:inline-block!important}}@media only screen and (min-width:1200px){.show-lg{display:block!important}.show-lg--inline{display:inline!important}.show-lg--inline-block{display:inline-block!important}}@media only screen and (min-width:1600px){.show-xlg{display:block!important}.show-xlg--inline{display:inline!important}.show-xlg--inline-block{display:inline-block!important}}.bordered{border:1px solid #dfdfdf!important}.rounded{border-radius:50%!important}.borderless{border:0!important}.radiusless{border-radius:0!important}.width-25{width:25%!important}.width-50{width:50%!important}.width-75{width:75%!important}.width-100{width:100%!important}.marginless{margin:0!important}.paddingless{padding:0!important}.margin-top-0{margin-top:0!important}.margin-left-0{margin-left:0!important}.margin-bottom-0{margin-bottom:0!important}.margin-right-0{margin-right:0!important}.padding-top-0{padding-top:0!important}.padding-left-0{padding-left:0!important}.padding-bottom-0{padding-bottom:0!important}.padding-right-0{padding-right:0!important}.margin-top-1{margin-top:.625em!important}.margin-left-1{margin-left:.625em!important}.margin-bottom-1{margin-bottom:.625em!important}.margin-right-1{margin-right:.625em!important}.padding-top-1{padding-top:.625em!important}.padding-left-1{padding-left:.625em!important}.padding-bottom-1{padding-bottom:.625em!important}.padding-right-1{padding-right:.625em!important}.margin-top-2{margin-top:1.25em!important}.margin-left-2{margin-left:1.25em!important}.margin-bottom-2{margin-bottom:1.25em!important}.margin-right-2{margin-right:1.25em!important}.padding-top-2{padding-top:1.25em!important}.padding-left-2{padding-left:1.25em!important}.padding-bottom-2{padding-bottom:1.25em!important}.padding-right-2{padding-right:1.25em!important}.margin-top-3{margin-top:1.875em!important}.margin-left-3{margin-left:1.875em!important}.margin-bottom-3{margin-bottom:1.875em!important}.margin-right-3{margin-right:1.875em!important}.padding-top-3{padding-top:1.875em!important}.padding-left-3{padding-left:1.875em!important}.padding-bottom-3{padding-bottom:1.875em!important}.padding-right-3{padding-right:1.875em!important}.margin-top-4{margin-top:2.5em!important}.margin-left-4{margin-left:2.5em!important}.margin-bottom-4{margin-bottom:2.5em!important}.margin-right-4{margin-right:2.5em!important}.padding-top-4{padding-top:2.5em!important}.padding-left-4{padding-left:2.5em!important}.padding-bottom-4{padding-bottom:2.5em!important}.padding-right-4{padding-right:2.5em!important}.margin-top-5{margin-top:3.125em!important}.margin-left-5{margin-left:3.125em!important}.margin-bottom-5{margin-bottom:3.125em!important}.margin-right-5{margin-right:3.125em!important}.padding-top-5{padding-top:3.125em!important}.padding-left-5{padding-left:3.125em!important}.padding-bottom-5{padding-bottom:3.125em!important}.padding-right-5{padding-right:3.125em!important}.button{position:relative;display:inline-block;text-decoration:none;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.625em 1.25em}.button--wide{width:100%}.button:hover{cursor:pointer;text-decoration:none}.button:focus{outline:none}.code{font-family:monospace,monospace;white-space:pre;display:block;overflow-y:hidden;overflow-x:auto;padding:.625em 1.25em;background-color:#f9f9f9;margin:0 0 1.25em}.code,.progress{border:1px solid #dfdfdf}.progress__inner{height:30px;background-color:#f18f01}.field{margin:0 0 1.25em}.field__select,.field__text{display:block;width:100%;line-height:1.618;padding:toEm(6px 8px);color:#363636;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1rem;font-family:Arial,Helvetica,Neue Helvetica,sans-serif}.field__label{display:inline-block;width:100%}.field--valid .field__label{color:#5cb85c}.field--error .field__label{color:#d9534f}.field__text{margin:0;border:1px solid #b3b2af}.field__text:focus{border-color:#f18f01}.field--valid .field__select,.field--valid .field__text{border-color:#5cb85c}.field--error .field__select,.field--error .field__text{border-color:#d9534f}.field__select{padding:.25em;border:1px solid #dfdfdf;background-color:#fff}.field__select:focus{outline:0;border-color:#f18f01}.field__choice{position:relative;display:none}.field__choice+.field__label .field__choice__checked{display:none}.field__choice+.field__label:hover{cursor:pointer}.field__choice:checked+.field__label .field__choice__checked{display:inline-block}.field__choice:checked+.field__label .field__choice__unchecked{display:none}.field__choice__checked{fill:#5cb85c}.field__choice__unchecked{fill:#d9534f}.field__choice+.field__label+.field__panel{margin:1.25em 0 0}.field--valid .field__choice__checked,.field--valid .field__choice__unchecked{fill:#5cb85c}.field--error .field__choice__checked,.field--error .field__choice__unchecked{fill:#d9534f}.field__panel{padding:.25em}.field--valid .field__panel{color:#fff;background-color:#5cb85c}.field--error .field__panel{color:#fff;background-color:#d9534f}.group{list-style:none}.group,.group li{margin:0;padding:0}.group--horizontal .group__item{display:inline-block}.group--separate .group__item:after{margin:0 1.25em;content:"/"}.group--separate .group__item:last-child:after{display:none}.hero{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.hero--top{background-position:top}.hero--bottom{background-position:bottom}.hero--contain{background-size:contain}.icon{width:1.125em;height:1.125em;max-height:100%;max-width:100%;vertical-align:middle;overflow:hidden;line-height:1.4}@media only screen and (min-width:992px){.icon{line-height:1.618}}.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}.img-wide{width:100%}.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;max-width:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.modal--fixed{position:fixed}.modal--bottom-left,.modal--center-left,.modal--top-left{left:0}.modal--bottom-right,.modal--center-right,.modal--top-right{right:0;left:unset}.modal--bottom-center,.modal--bottom-left,.modal--bottom-right,.modal--center-left,.modal--center-right,.modal--top-center,.modal--top-left,.modal--top-right{margin:1em;transform:translate(0)}.modal--bottom-center,.modal--bottom-left,.modal--bottom-right{bottom:0;top:unset}.modal--center-left,.modal--center-right{transform:translateY(-50%);margin-top:0;margin-bottom:0}.modal--bottom-center,.modal--top-center{transform:translate(-50%)}.modal--top-center,.modal--top-left,.modal--top-right{top:0}.overlay{position:fixed;top:0;left:0;z-index:90;width:100%;height:100%;background-color:#000}.panel{background-color:#f9f9f9}.panel__inner{padding:.625em 1.25em}.table{width:100%}.table--striped tr:nth-child(2n){background-color:#f5f5f5}.table--scroll{overflow-x:auto}.table td{color:#363636}.table td,.table th{padding:.625em .9375em;text-align:left;border-bottom:1px solid #9c9c9c}.table th{border-bottom-width:2px}.header{text-align:center}.header a{text-decoration:none}.header a .icon{font-size:4rem}.header a:hover{color:#f18f01}.container{max-width:992px}.lg-only,.md,.md-only,.sm{display:none}@media only screen and (min-width:768px){.sm{display:block}}@media only screen and (min-width:992px){.md{display:block}}@media only screen and (min-width:992px)and (max-width:1199px){.md-only{display:block}}@media only screen and (min-width:1200px)and (max-width:1599px){.lg-only{display:block}}.triangle-bottom,.triangle-left,.triangle-right,.triangle-top{display:block}.triangle-left{border-right:1.5em solid #f18f01}.triangle-left,.triangle-right{width:0;height:0;content:"";z-index:2;border-bottom:1em solid transparent;border-top:1em solid transparent}.triangle-right{border-left:1.5em solid #f18f01}.triangle-top{border-bottom:1.5em solid #f18f01}.triangle-bottom,.triangle-top{width:0;height:0;content:"";z-index:2;border-left:1em solid transparent;border-right:1em solid transparent}.triangle-bottom{border-top:1.5em solid #f18f01}.h3__icon{display:inline-block;border:3px solid #f18f01;border-radius:50%;padding:.6em;margin:0 0 .5em}.h3__icon .icon{font-size:4rem!important} \ No newline at end of file diff --git a/src/_core.scss b/src/_core.scss index 45b4aaa..46b122d 100644 --- a/src/_core.scss +++ b/src/_core.scss @@ -39,7 +39,7 @@ // paragraphs p { - margin: toEm(($crispy__spacing / 3) 0 $crispy__spacing 0); + margin: ($crispy__spacing * 0.3) 0 $crispy__spacing 0; } // Semantic text elements @@ -68,14 +68,14 @@ } mark { - padding: toEm(5px); + padding: 0.25em; } // blockquote blockquote { border-left: 1px solid $crispy__color-secondary; margin-left: 0; - padding: toEm(10px 20px); + padding: 0.125em 0.5em; p:last-child { margin-bottom: 0; @@ -87,12 +87,12 @@ ol, ul { padding: 0; - margin: toEm(0 0 $crispy__spacing ($crispy__spacing * 2)); + margin: 0 0 $crispy__spacing ($crispy__spacing * 2); } ol ol, ul ul { - margin-top: toEm(($crispy__spacing / 2)); + margin-top: $crispy__spacing * 0.125; } ol { @@ -114,29 +114,68 @@ // media figure { - margin: toEm(0 0 $crispy__spacing); + margin: 0 0 $crispy__spacing; } figcaption { - margin: toEm($crispy__spacing 0 0); + margin: $crispy__spacing 0 0; } // divider hr { border: 0; border-top: 1px solid $crispy__color-secondary; - margin: toEm($crispy__spacing 0); + margin: $crispy__spacing 0; + } + + // heading + h1, .h1, + h2, .h2, + h3, .h3, + h4, .h4, + h5, .h5, + h6, .h6 { + font-family: $crispy__heading__font-family; + font-weight: $crispy__heading__font-weight; + line-height: $crispy__heading__line-height; + margin: $crispy__heading__margin; + } + + @each $h, $font-size in $crispy__heading__font-sizes { + #{$h}, .#{$h} { + font-size: $font-size * 0.9; + + @include crispy__media-md() { + font-size: $font-size; + } + + @include crispy__media-xlg() { + font-size: $font-size * 1.2; + } + } } // body body { font-family: $crispy__font-family-primary; - font-weight: normal; - line-height: $crispy__golden-ratio; + font-weight: $crispy__font-weight; + + font-size: $crispy__font-size-xxs; + @include crispy__media-md() { + font-size: $crispy__font-size-md; + } + + @include crispy__media-xlg() { + font-size: $crispy__font-size-xlg; + } + + line-height: $crispy__line-height-xxs; + @include crispy__media-md() { + line-height: $crispy__line-height-md; + } + color: $crispy__color-text; background-color: $crispy__color-background; direction: $crispy__direction; - - font-size: toRem($crispy__font-size); } } diff --git a/src/_functions.scss b/src/_functions.scss index 0142d5d..34ebb94 100644 --- a/src/_functions.scss +++ b/src/_functions.scss @@ -10,68 +10,6 @@ * */ - /** - * px to em, wrapper of toRelatives - * - * @param {mixed} $values - * @param {mixed} $base - * @return {rem} - */ -@function toEm($values, $base: $crispy__font-size) { - @return toRelatives($values, 1em, $base); -} - -/** - * px to rem, wrapper of toRelatives - * - * @param {mixed} $values - * @param {mixed} $base - * @return {rem} - */ -@function toRem($values, $base: $crispy__font-size) { - @return toRelatives($values, 1rem, $base); -} - -/** - * values to relative - * - * @param {mixed} $values - * @param {mixed} $unit - * @param {mixed} $base - * @return {number} - */ -@function toRelatives($values, $unit, $base: $crispy__font-size) { - $results: 0; - - @if type-of($values) == 'number' { - $results: toRelative($values, $base) * $unit; - } @else { - $results: (); - - @each $value in $values { - @if $value == 0 { - $results: append($results, $value); - } - @else { - $results: append($results, toRelative($value, $base) * $unit); - } - } - } - - @return $results; -} - -/** - * to relative - * - * @param {mixed} $value - * @param {mixed} $base - * @return {number} - */ -@function toRelative($value, $base: $crispy__font-size) { - @return stripUnit($value) / stripUnit($base); -} - /** * strip unit from value * @@ -108,8 +46,8 @@ * @return {[type]} [description] * */ -@function oppositeDirection($direction) { - +@function oppositeDirection($direction) +{ $opposite-direction: 0; $direction-map: ( diff --git a/src/_modifiers.scss b/src/_modifiers.scss index 7ed5cc1..8fbb5d1 100644 --- a/src/_modifiers.scss +++ b/src/_modifiers.scss @@ -76,7 +76,15 @@ @each $name, $font-size in $crispy__font-sizes { .text-size-#{$name} { - font-size: $font-size !important; + font-size: $font-size * 0.9; + + @include crispy__media-md() { + font-size: $font-size; + } + + @include crispy__media-xlg() { + font-size: $font-size * 1.1; + } } } @@ -314,35 +322,35 @@ @for $i from 0 through $crispy__spacing__steps { .margin-top-#{$i} { - margin-top: ($crispy__spacing * $i) !important; + margin-top: ($crispy__spacing * $i * 0.5) !important; } .margin-left-#{$i} { - margin-left: ($crispy__spacing * $i) !important; + margin-left: ($crispy__spacing * $i * 0.5) !important; } .margin-bottom-#{$i} { - margin-bottom: ($crispy__spacing * $i) !important; + margin-bottom: ($crispy__spacing * $i * 0.5) !important; } .margin-right-#{$i} { - margin-right: ($crispy__spacing * $i) !important; + margin-right: ($crispy__spacing * $i * 0.5) !important; } .padding-top-#{$i} { - padding-top: ($crispy__spacing * $i) !important; + padding-top: ($crispy__spacing * $i * 0.5) !important; } .padding-left-#{$i} { - padding-left: ($crispy__spacing * $i) !important; + padding-left: ($crispy__spacing * $i * 0.5) !important; } .padding-bottom-#{$i} { - padding-bottom: ($crispy__spacing * $i) !important; + padding-bottom: ($crispy__spacing * $i * 0.5) !important; } .padding-right-#{$i} { - padding-right: ($crispy__spacing * $i) !important; + padding-right: ($crispy__spacing * $i * 0.5) !important; } } } diff --git a/src/_variables.scss b/src/_variables.scss index c09d371..aed4dea 100644 --- a/src/_variables.scss +++ b/src/_variables.scss @@ -13,17 +13,21 @@ */ // font -$crispy__font-size: 16px !default; +$crispy__font-size: 1rem !default; +$crispy__font-size-xxs: $crispy__font-size * 0.9 !default; +$crispy__font-size-md: $crispy__font-size !default; +$crispy__font-size-xlg: $crispy__font-size * 1.1 !default; + +$crispy__font-weight: normal !default; + $crispy__golden-ratio: 1.618 !default; +$crispy__line-height-xxs: 1.4 !default; +$crispy__line-height-md: $crispy__golden-ratio !default; $crispy__font-family-primary: Arial, Helvetica, Neue Helvetica, sans-serif !default; $crispy__font-family-monospace: Arial, Helvetica, Neue Helvetica, sans-serif !default; $crispy__direction: ltr !default; -// spacing -$crispy__spacing: 18px !default; -$crispy__spacing__steps: 5 !default; - // colors $crispy__color-primary: #f18f01 !default; $crispy__color-secondary: #b3b2af !default; @@ -44,17 +48,6 @@ $crispy__color-link-visited: $crispy__color-primary !default; $crispy__color-link-focus: $crispy__color-primary !default; $crispy__color-link-active: $crispy__color-primary !default; -// borders -$crispy__border-radius: 0.5em !default; -$crispy__border: 1px solid $crispy__color-border !default; - -// breakpoints -$crispy__xs : 576px !default; -$crispy__sm : 768px !default; -$crispy__md : 992px !default; -$crispy__lg : 1200px !default; -$crispy__xlg: 1600px !default; - // colors as map $crispy__colors: ( 'primary' : $crispy__color-primary, @@ -65,21 +58,53 @@ $crispy__colors: ( 'info' : $crispy__color-info ) !default; +// spacing +$crispy__spacing: 1.25em !default; +$crispy__spacing__steps: 5 !default; + // font-sizes as map $crispy__font-sizes: ( - 'default': toRem($crispy__font-size), - 'small' : toRem(11px), - 'large' : toRem(26px), - 'big' : toRem(34px), - 'mega' : toRem(42px) + 'default' : $crispy__font-size, + 'small' : $crispy__font-size * 0.875, + 'medium' : $crispy__font-size * 1.25, + 'large' : $crispy__font-size * 1.5, + 'big' : $crispy__font-size * 1.75, + 'mega' : $crispy__font-size * 2 +) !default; + +// heading +$crispy__heading__font-sizes: ( + 'h1': $crispy__font-size * 2.5, + 'h2': $crispy__font-size * 2, + 'h3': $crispy__font-size * 1.75, + 'h4': $crispy__font-size * 1.5, + 'h5': $crispy__font-size * 1.25, + 'h6': $crispy__font-size ) !default; +$crispy__heading__font-weight: bold !default; +$crispy__heading__font-family: Arial, Helvetica, Neue Helvetica, sans-serif !default; +$crispy__heading__line-height: 1.2 !default; +$crispy__heading__margin: 0 0 0.5em !default; + +// borders +$crispy__border-radius: 3px !default; +$crispy__border: 1px solid $crispy__color-border !default; + +// breakpoints +$crispy__xs : 576px !default; +$crispy__sm : 768px !default; +$crispy__md : 992px !default; +$crispy__lg : 1200px !default; +$crispy__xlg: 1600px !default; + // z-index $crispy__z-index: ( 'overlay': 90, 'modal' : 100 ) !default; +// width $crispy__width: ( '25' : 25%, '50' : 50%, diff --git a/src/components/_button.scss b/src/components/_button.scss index f6dd00c..3d9abf1 100644 --- a/src/components/_button.scss +++ b/src/components/_button.scss @@ -6,7 +6,7 @@ * */ -$crispy__button__padding: toEm(10px 25px) !default; +$crispy__button__padding: ($crispy__spacing * 0.5) $crispy__spacing !default; @mixin crispy__button() { .button { diff --git a/src/components/_code.scss b/src/components/_code.scss index 336a469..b9a6b1b 100644 --- a/src/components/_code.scss +++ b/src/components/_code.scss @@ -13,10 +13,9 @@ * */ -$crispy__code__font-size: $crispy__font-size !default; $crispy__code__font-family: monospace, monospace !default; -$crispy__code__padding: toEm(10px 20px) !default; -$crispy__code__margin: toEm(0 0 $crispy__spacing) !default; +$crispy__code__padding: ($crispy__spacing * 0.5) $crispy__spacing !default; +$crispy__code__margin: 0 0 $crispy__spacing !default; $crispy__code__border: 1px solid $crispy__color-border !default; $crispy__code__background-color: #f9f9f9 !default; @@ -33,6 +32,5 @@ $crispy__code__background-color: #f9f9f9 !default; background-color: $crispy__code__background-color; margin: $crispy__code__margin; - font-size: $crispy__code__font-size; } } diff --git a/src/components/_field.scss b/src/components/_field.scss index 17d5978..c84e48b 100644 --- a/src/components/_field.scss +++ b/src/components/_field.scss @@ -13,7 +13,7 @@ * */ -$crispy__field__margin: toEm(0 0 $crispy__spacing 0) !default; +$crispy__field__margin: 0 0 $crispy__spacing 0 !default; $crispy__field__border: 1px solid $crispy__color-secondary !default; @@ -31,9 +31,9 @@ $crispy__field__input__font-size: $crispy__font-size !default; $crispy__field__input__padding: toEm(6px 8px) !default; $crispy__field__input__color: $crispy__color-text !default; -$crispy__field__select__padding: toEm(8px) !default; +$crispy__field__select__padding: 0.25em !default; -$crispy__field__panel__padding: toEm(10px) !default; +$crispy__field__panel__padding: 0.25em !default; $crispy__field__select__background-color: white !default; $crispy__field__select__border: $crispy__border !default; diff --git a/src/components/_group.scss b/src/components/_group.scss index a67ee9a..f447ae5 100644 --- a/src/components/_group.scss +++ b/src/components/_group.scss @@ -14,7 +14,7 @@ */ $crispy__group__character: '/' !default; -$crispy__group__character__margin: toEm(0 $crispy__spacing 0) !default; +$crispy__group__character__margin: 0 $crispy__spacing 0 !default; @mixin crispy__group() { .group { diff --git a/src/components/_heading.scss b/src/components/_heading.scss deleted file mode 100644 index ba32ebb..0000000 --- a/src/components/_heading.scss +++ /dev/null @@ -1,46 +0,0 @@ -/** - * component: heading - * - * create classes for heading similar to there name, - * run map for sizes on each heading - * - * - * @author Björn Hase - * @license http://opensource.org/licenses/MIT The MIT License - * @link https://gitlab.tentakelfabrik.de/tentakelfabrik/crispy - * - */ - -$crispy__heading__font-sizes: ( - 'h1': 40px, - 'h2': 36px, - 'h3': 32px, - 'h4': 28px, - 'h5': 24px, - 'h6': 20px -) !default; - -$crispy__heading__font-weight: bold !default; -$crispy__heading__font-family: Arial, Helvetica, Neue Helvetica, sans-serif !default; -$crispy__heading__line-height: $crispy__golden-ratio !default; -$crispy__heading__margin: toEm(0 0 5px) !default; - -@mixin crispy__heading { - h1, .h1, - h2, .h2, - h3, .h3, - h4, .h4, - h5, .h5, - h6, .h6 { - font-family: $crispy__heading__font-family; - font-weight: $crispy__heading__font-weight; - line-height: $crispy__heading__line-height; - margin: $crispy__heading__margin; - } - - @each $h, $font-size in $crispy__heading__font-sizes { - #{$h}, .#{$h} { - font-size: toRem($font-size); - } - } -} diff --git a/src/components/_icon.scss b/src/components/_icon.scss index 17921b0..7a0f661 100644 --- a/src/components/_icon.scss +++ b/src/components/_icon.scss @@ -9,15 +9,30 @@ * */ -$crispy__icon__width: 1em !default; +$crispy__icon__width: 1.125em !default; @mixin crispy__icon { .icon { width: $crispy__icon__width; height: $crispy__icon__width; + + max-height: 100%; + max-width: 100%; + vertical-align: middle; overflow: hidden; - line-height: $crispy__golden-ratio; + + line-height: $crispy__line-height-xxs; + + @include crispy__media-md() { + line-height: $crispy__line-height-md; + } + } + + @each $name, $color in $crispy__colors { + .icon-color-#{$name} { + fill: $color !important; + } } @each $name, $color in $crispy__colors { diff --git a/src/components/_modal.scss b/src/components/_modal.scss index e27647d..7e2e357 100644 --- a/src/components/_modal.scss +++ b/src/components/_modal.scss @@ -14,8 +14,8 @@ */ $crispy__modal__margin: 1em !default; -$crispy__modal__max-width: 50% !default; // @TODO add responsive -$crispy__modal__margin: toEm($crispy__spacing * 2) !default; +$crispy__modal__max-width: 50% !default; // @TODO add responsive +$crispy__modal__margin: ($crispy__spacing * 2) !default; $crispy__modal__z-index: zIndex('modal') !default; @mixin crispy__modal { diff --git a/src/components/_panel.scss b/src/components/_panel.scss index 64f67c9..692387b 100644 --- a/src/components/_panel.scss +++ b/src/components/_panel.scss @@ -13,7 +13,7 @@ * */ -$crispy__panel__padding: toEm(15px 20px) !default; +$crispy__panel__padding: ($crispy__spacing * 0.5) $crispy__spacing !default; @mixin crispy__panel { .panel { diff --git a/src/components/_table.scss b/src/components/_table.scss index b604475..19e8bd6 100644 --- a/src/components/_table.scss +++ b/src/components/_table.scss @@ -23,7 +23,7 @@ * */ -$crispy__table__padding: toEm(10px 8px) !default; +$crispy__table__padding: ($crispy__spacing * 0.5) ($crispy__spacing * 0.75) !default; $crispy__table__td__border: 1px solid lighten($crispy__color-text, 40%) !default; $crispy__table__th__border-width: 2px !default; diff --git a/src/crispy.scss b/src/crispy.scss index 51fb6ec..051fb5d 100644 --- a/src/crispy.scss +++ b/src/crispy.scss @@ -12,7 +12,6 @@ 'components/button', 'components/code', 'components/group', - 'components/heading', 'components/hero', 'components/icon', 'components/media', diff --git a/src/crispy_all.scss b/src/crispy_all.scss index e6a0372..22b9d33 100644 --- a/src/crispy_all.scss +++ b/src/crispy_all.scss @@ -8,7 +8,6 @@ @include crispy__progress(); @include crispy__field(); @include crispy__group(); -@include crispy__heading(); @include crispy__hero(); @include crispy__icon(); @include crispy__media(); diff --git a/src/example/site/_header.scss b/src/example/site/_header.scss index 84475be..a73208d 100644 --- a/src/example/site/_header.scss +++ b/src/example/site/_header.scss @@ -10,16 +10,13 @@ @mixin site__header() { .header { - &__logo { - vertical-align: top; - } + text-align: center; a { text-decoration: none; .icon { - vertical-align: top; - font-size: 3.25rem !important; + font-size: 4rem; } &:hover {