From 2d8e2388bd7286b0c72912ccf0f273f2d84688fb Mon Sep 17 00:00:00 2001 From: isradeleon Date: Sat, 30 Nov 2019 08:31:29 -0600 Subject: [PATCH] fix bug with .text-size margins --- base.css | 4 ++-- base.scss | 4 ++-- coraline-v0.6.0/coraline.min.css | 2 +- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/base.css b/base.css index e93f8ab..96bdbac 100644 --- a/base.css +++ b/base.css @@ -15,9 +15,9 @@ body { scrollbar-width: thin; scrollbar-color: lightgray #ececec; } -h1, h2, h3, h4, h5, h6 { +h1, h2, h3, h4, h5, h6, [class*="text-size-"]:not(.link):not(.btn) { margin-top: 1rem; - margin-bottom: 0.5rem; } + margin-bottom: 0.6rem; } h1, h1 * { font-size: 2rem; } diff --git a/base.scss b/base.scss index ab40258..bb06e4d 100644 --- a/base.scss +++ b/base.scss @@ -63,9 +63,9 @@ body{ scrollbar-width: thin; scrollbar-color: lightgray #ececec; } -h1,h2,h3,h4,h5,h6{ +h1,h2,h3,h4,h5,h6,[class*="text-size-"]:not(.link):not(.btn){ margin-top: 1rem; - margin-bottom: 0.5rem; + margin-bottom: 0.6rem; } h1, h1 *{ font-size: 2rem; diff --git a/coraline-v0.6.0/coraline.min.css b/coraline-v0.6.0/coraline.min.css index a14b644..0f17074 100644 --- a/coraline-v0.6.0/coraline.min.css +++ b/coraline-v0.6.0/coraline.min.css @@ -1 +1 @@ -body{font-family:Helvetica,sans-serif;margin:0}*{font-weight:300;font-size:1rem;color:#2d3436;-moz-box-sizing:border-box;box-sizing:border-box;line-height:1.3;scrollbar-width:thin;scrollbar-color:lightgray #ececec}h1,h2,h3,h4,h5,h6{margin-top:1rem;margin-bottom:.5rem}h1,h1 *{font-size:2rem}h2,h2 *{font-size:1.75rem}h3,h3 *{font-size:1.6rem}h4,h4 *{font-size:1.45rem}h5,h5 *{font-size:1.3rem}h6,h6 *{font-size:1.15rem}small,small *{font-size:.8rem}b,strong{font-weight:700}hr{display:block;height:1px;border:0;border-top:1px solid #eaeaea;margin:1rem 0;padding:0}a{text-decoration:none;color:#0984e3}img{vertical-align:middle}.container,.container-fluid,.feed{width:100%;margin:0 auto;display:block}.feed{max-width:600px;padding:0}.container,.container-fluid{padding:15px}.container-fluid{padding:0}.container,.container-fluid{max-width:1128px}@media (min-width:1452px){.container,.container-fluid{max-width:1360px}}.below-navbar{padding-top:65px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#ececec}::-webkit-scrollbar-thumb{border-radius:10px;background:#d3d3d3}::-webkit-scrollbar-thumb:hover{background:#d3d3d3}.navbar,.navbar-content{display:-webkit-flex;display:flex}.navbar{height:65px;-webkit-align-items:center;align-items:center;border-bottom:1px solid #eaeaea;padding:0 1rem;width:100%;background-color:#fff;z-index:1}.navbar-content{-webkit-flex:1;flex:1}.navbar.fixed:not(.with-sidebar){position:fixed;top:0}.navbar-end{margin-left:auto}input.menu-toggle{display:none}.burger-btn{cursor:pointer;position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-end;justify-content:flex-end;margin:8px;width:29px;height:29px}.burger-btn>.burger-icon,.burger-btn>.burger-icon:after,.burger-btn>.burger-icon:before{background-color:#2d3436;border-radius:5px;content:'';display:block;height:2px;margin:10px 0;transition:all .2s ease-in-out}.burger-icon{position:absolute;top:-8px;width:100%}.burger-btn.to-end{margin-left:auto}.burger-btn.arrow-left.active>.burger-icon:before{-webkit-transform:translateY(-16px) translateX(-7px) rotate(-40deg) scaleX(.6);transform:translateY(-16px) translateX(-7px) rotate(-40deg) scaleX(.6)}.burger-btn.arrow-left.active>.burger-icon:after{-webkit-transform:translateY(-16px) translateX(-7px) rotate(40deg) scaleX(.6);transform:translateY(-16px) translateX(-7px) rotate(40deg) scaleX(.6)}.burger-btn.arrow-left.active>.burger-icon{-webkit-transform:translateY(10px) rotate(-360deg);transform:translateY(10px) rotate(-360deg)}.burger-btn.active>.burger-icon:before{-webkit-transform:rotate(-270deg) translateX(-10px);transform:rotate(-270deg) translateX(-10px)}.burger-btn.active>.burger-icon:after{-webkit-transform:scale(0);transform:scale(0)}.burger-btn.active>.burger-icon{-webkit-transform:translateY(10px) rotate(135deg);transform:translateY(10px) rotate(135deg)}.navbar:not(.with-sidebar) .burger-btn{display:none}@media (max-width:991px){.navbar:not(.with-sidebar) .navbar-content{width:100%;display:block;position:absolute;background:#fff;top:64px;margin:0;transition:all ease .2s;left:-100%;opacity:0;border-bottom:1px solid #eaeaea;box-shadow:0 3px 3px rgba(200,200,200,.4)}.navbar:not(.with-sidebar) .navbar-content>.navbar-end{width:100%;display:block}.navbar:not(.with-sidebar) .navbar-content>*,.navbar:not(.with-sidebar) .navbar-end>*{width:100%;display:block;margin-left:0}.navbar:not(.with-sidebar) .burger-btn{display:block}.navbar:not(.with-sidebar) .menu-toggle:checked~.navbar-content{left:0;opacity:1}.navbar:not(.with-sidebar) .menu-toggle:checked~.burger-btn>.burger-icon:before{-webkit-transform:rotate(-270deg) translateX(-10px);transform:rotate(-270deg) translateX(-10px)}.navbar:not(.with-sidebar) .menu-toggle:checked~.burger-btn>.burger-icon:after{-webkit-transform:scale(0);transform:scale(0)}.navbar:not(.with-sidebar) .menu-toggle:checked~.burger-btn>.burger-icon{-webkit-transform:translateY(10px) rotate(135deg);transform:translateY(10px) rotate(135deg)}.navbar{padding:0 .5rem}}.btn,.link{border:0;outline:0;text-decoration:none;padding:.6rem .9rem;display:inline-block;position:relative;transition:all .1s ease-in-out;background-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#2d3436}.btn,.btn *,.link,.link *{font-size:1rem}.btn{margin:.3rem}.btn:active,.link:active{border:0;outline:0}.btn:focus,.link:focus{border:0;outline:0}.btn:target,.link:target{border:0;outline:0}.btn:hover,.link:hover{background:rgba(200,200,200,.2);opacity:.9;cursor:pointer}.btn.brand,.btn.brand.inverted:hover{background-color:#ff7675;color:#fff}.btn.brand *{color:#fff}.btn.info{background-color:#74b9ff}.btn.info,.btn.info *{color:#fff}.btn.secondary{background-color:#0984e3;color:#fff}.btn.secondary *{color:#fff}.btn.success{background-color:#1dd1a1;color:#fff}.btn.success *{color:#fff}.btn.danger{background-color:#ee5253;color:#fff}.btn.danger *{color:#fff}.btn.primary{background-color:#6c5ce7;color:#fff}.btn.primary *{color:#fff}.btn.warning{background-color:#f7b731;color:#fff}.btn.warning *{color:#fff}.btn.dark{background-color:#2d3436}.btn.brand.inverted:hover *,.btn.dark,.btn.dark *{color:#fff}.btn.inverted,.btn.inverted *{transition:all .3s ease-in-out;opacity:1}.btn.brand.inverted{background-color:transparent;color:#ff7675;border:1px solid #ff7675}.btn.brand.inverted *{color:#ff7675}.btn.info.inverted{background-color:transparent;color:#74b9ff;border:1px solid #74b9ff}.btn.info.inverted *{color:#74b9ff}.btn.info.inverted:hover{background-color:#74b9ff;color:#fff}.btn.info.inverted:hover *{color:#fff}.btn.secondary.inverted{background-color:transparent;color:#0984e3;border:1px solid #0984e3}.btn.secondary.inverted *{color:#0984e3}.btn.secondary.inverted:hover{background-color:#0984e3;color:#fff}.btn.secondary.inverted:hover *{color:#fff}.btn.success.inverted{background-color:transparent;color:#1dd1a1;border:1px solid #1dd1a1}.btn.success.inverted *{color:#1dd1a1}.btn.success.inverted:hover{background-color:#1dd1a1;color:#fff}.btn.success.inverted:hover *{color:#fff}.btn.danger.inverted{background-color:transparent;color:#ee5253;border:1px solid #ee5253}.btn.danger.inverted *{color:#ee5253}.btn.danger.inverted:hover{background-color:#ee5253;color:#fff}.btn.danger.inverted:hover *{color:#fff}.btn.primary.inverted{background-color:transparent;color:#6c5ce7;border:1px solid #6c5ce7}.btn.primary.inverted *{color:#6c5ce7}.btn.primary.inverted:hover{background-color:#6c5ce7;color:#fff}.btn.primary.inverted:hover *{color:#fff}.btn.warning.inverted{background-color:transparent;color:#f7b731;border:1px solid #f7b731}.btn.warning.inverted *{color:#f7b731}.btn.warning.inverted:hover{background-color:#f7b731;color:#fff}.btn.warning.inverted:hover *{color:#fff}.btn.dark.inverted{background-color:transparent;color:#2d3436;border:1px solid #2d3436}.btn.dark.inverted *{color:#2d3436}.btn.dark.inverted:hover,.btn.inverted{background-color:#2d3436;color:#fff}.btn.inverted{border:1px solid transparent}.btn.dark.inverted:hover *,.btn.inverted *{color:#fff}.btn.inverted:hover{background-color:transparent;color:#2d3436}.btn.inverted:hover *{color:#2d3436}.btn:disabled,.btn:disabled:hover{background-color:#d3d3d3;color:#2d3436}.btn:disabled{opacity:.75;border:0;transition:none}.btn:disabled:hover{cursor:not-allowed}.btn.inverted:disabled,.btn.inverted:disabled:hover{background-color:transparent;border:#d3d3d3 1px solid;color:#2d3436}.btn.inverted:disabled{opacity:.75;transition:none}.btn.inverted:disabled:hover{cursor:not-allowed}.btn.large,.btn.large *{font-size:1.15rem}.btn.small{padding:.4rem .7rem}.btn.small,.btn.small *{font-size:.9rem}input[type=email],input[type=password],input[type=tel],input[type=text],textarea{border:1px solid #eaeaea;padding:.7rem .8rem;box-shadow:inset 0 0 6px rgba(35,35,35,.02);margin:.3rem;font-family:Helvetica,sans-serif}input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,textarea:focus{border:1px solid #dadada}textarea{resize:vertical}.circular-img{border-radius:100%;background-repeat:no-repeat;background-size:cover;background-color:#eaeaea;width:45px;height:45px;display:inline-block}.circular-img.profile{height:150px;width:150px}.circular-img.x-large{height:85px;width:85px}.circular-img.large{height:60px;width:60px}.circular-img.small{height:30px;width:30px}.tags>span,:not(.prettyprint)>.tag{display:inline-block;padding:.4rem 1rem;margin:.2rem .1rem;font-size:.9rem;color:#2d3436;background-color:#eaeaea}.tags>span.brand,:not(.prettyprint)>.tag.brand{background-color:#ff7675;color:#fff}.tags>span.info,:not(.prettyprint)>.tag.info{background-color:#74b9ff;color:#fff}.tags>span.secondary,:not(.prettyprint)>.tag.secondary{background-color:#0984e3;color:#fff}.tags>span.success,:not(.prettyprint)>.tag.success{background-color:#1dd1a1;color:#fff}.tags>span.danger,:not(.prettyprint)>.tag.danger{background-color:#ee5253;color:#fff}.tags>span.primary,:not(.prettyprint)>.tag.primary{background-color:#6c5ce7;color:#fff}.tags>span.warning,:not(.prettyprint)>.tag.warning{background-color:#f7b731;color:#fff}.tags>span.dark,:not(.prettyprint)>.tag.dark{background-color:#2d3436;color:#fff}.tags>span.small,:not(.prettyprint)>.tag.small{padding:.3rem .9rem;font-size:.8rem}.tags>span.small *{font-size:.8rem}.user-actions{padding:.1rem .5rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.user-actions>:not(.left):not(.right){margin:.5rem}.user-actions.end{-webkit-justify-content:flex-end;justify-content:flex-end}.user-actions.center{-webkit-justify-content:center;justify-content:center}.user-actions.evenly{-webkit-justify-content:space-around;justify-content:space-around}.user-actions>.left{margin-right:auto}.user-actions>.left>*{margin:.5rem}.user-actions>.right{margin-left:auto}.user-actions>.right>*{margin:.5rem}.card{border:1px solid #eaeaea;overflow:hidden;max-width:600px;background-color:#fff;margin:0 auto 1rem}.card,.card>img{width:100%}.card-header{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap;padding:.8rem;-webkit-align-items:center;align-items:center;margin:0}.card-data>p{margin-top:.1rem;margin-bottom:.2rem}.card-data>p,.card-data>p *{font-weight:700;font-size:.9rem}.card-data>small{margin:0;display:block;color:gray}.card-data>small *{color:gray}.card-data{padding:0 .5rem;-webkit-flex:1;flex:1}.card-content{padding:.4rem .8rem .8rem;margin:0}.comment{display:-webkit-flex;display:flex;padding:.5rem .8rem;-webkit-align-items:right;align-items:right;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap;margin:0}.comment-data>p{margin-top:.1rem;margin-bottom:0}.comment-data>p,.comment-data>p *{font-weight:700;font-size:.9rem}.comment-data small,.comment-data small *{color:gray}.comment-data>span{margin-top:.4rem;display:block;font-size:.9rem}.comment-data>span *{font-size:.9rem}.comment-data{padding:0 .5rem;-webkit-flex:1;flex:1}.grid{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap}.grid>.col,.grid>[class*=col-]{padding:1.1%}.grid>.col{-webkit-flex:1;flex:1}.grid>[class*=col-],.grid>[class*=large-],.grid>[class*=mobile-],.grid>[class*=tablet-]{-webkit-flex:none;flex:none;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:100%}.grid>.col-1{width:calc(100%/12)}.grid>.col-2{width:calc(calc(100%/12)*2)}.grid>.col-3{width:25%}.grid>.col-4{width:calc(calc(100%/12)*4)}.grid>.col-5{width:calc(calc(100%/12)*5)}.grid>.col-6{width:50%}.grid>.col-7{width:calc(calc(100%/12)*7)}.grid>.col-8{width:calc(calc(100%/12)*8)}.grid>.col-9{width:75%}.grid>.col-10{width:calc(calc(100%/12)*10)}.grid>.col-11{width:calc(calc(100%/12)*11)}.grid>.col-12{width:100%}@media (min-width:1200px){.grid>.large-1{width:calc(100%/12)}.grid>.large-2{width:calc(calc(100%/12)*2)}.grid>.large-3{width:25%}.grid>.large-4{width:calc(calc(100%/12)*4)}.grid>.large-5{width:calc(calc(100%/12)*5)}.grid>.large-6{width:50%}.grid>.large-7{width:calc(calc(100%/12)*7)}.grid>.large-8{width:calc(calc(100%/12)*8)}.grid>.large-9{width:75%}.grid>.large-10{width:calc(calc(100%/12)*10)}.grid>.large-11{width:calc(calc(100%/12)*11)}.grid>.large-12{width:100%}}@media (min-width:768px) and (max-width:991px){.grid>.tablet-1{width:calc(100%/12)}.grid>.tablet-2{width:calc(calc(100%/12)*2)}.grid>.tablet-3{width:25%}.grid>.tablet-4{width:calc(calc(100%/12)*4)}.grid>.tablet-5{width:calc(calc(100%/12)*5)}.grid>.tablet-6{width:50%}.grid>.tablet-7{width:calc(calc(100%/12)*7)}.grid>.tablet-8{width:calc(calc(100%/12)*8)}.grid>.tablet-9{width:75%}.grid>.tablet-10{width:calc(calc(100%/12)*10)}.grid>.tablet-11{width:calc(calc(100%/12)*11)}.grid>.tablet-12{width:100%}}@media (max-width:767px){.grid>:not([class*=mobile-]){-webkit-flex:none;flex:none;width:100%}.grid>.mobile-1{width:calc(100%/12)}.grid>.mobile-2{width:calc(calc(100%/12)*2)}.grid>.mobile-3{width:25%}.grid>.mobile-4{width:calc(calc(100%/12)*4)}.grid>.mobile-5{width:calc(calc(100%/12)*5)}.grid>.mobile-6{width:50%}.grid>.mobile-7{width:calc(calc(100%/12)*7)}.grid>.mobile-8{width:calc(calc(100%/12)*8)}.grid>.mobile-9{width:75%}.grid>.mobile-10{width:calc(calc(100%/12)*10)}.grid>.mobile-11{width:calc(calc(100%/12)*11)}.grid>.mobile-12{width:100%}}.site-section,footer{position:relative;background-color:#ececec}.site-section{display:-webkit-flex;display:flex;padding:15px 0;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;min-height:100vh}.site-section.white{background-color:#fff}footer{min-height:10vh}.text-brand,.text-brand *{color:#ff7675}.text-info,.text-info *{color:#74b9ff}.text-secondary,.text-secondary *{color:#0984e3}.text-warning,.text-warning *{color:#f7b731}.text-success,.text-success *{color:#1dd1a1}.text-danger,.text-danger *{color:#ee5253}.text-primary,.text-primary *{color:#6c5ce7}.text-gray,.text-gray *{color:gray}.text-white,.text-white *{color:#fff}.text-bold,.text-bold *{font-weight:700}.text-italic,.text-italic *{font-style:italic}.text-center,.text-center *{text-align:center}.text-right,.text-right *{text-align:right}.text-left,.text-left *{text-align:left}.text-size-6,.text-size-6 *{font-size:1.15rem}.text-size-5,.text-size-5 *{font-size:1.3rem}.text-size-4,.text-size-4 *{font-size:1.45rem}.text-size-3,.text-size-3 *{font-size:1.6rem}.text-size-2,.text-size-2 *{font-size:1.75rem}.text-size-1,.text-size-1 *{font-size:2rem}.text-size-s,.text-size-s *{font-size:.9rem}.text-size-xs,.text-size-xs *{font-size:.8rem}.below-title{margin-top:0}.main-title{font-size:3rem}.hidden{display:none}.radius{border-radius:10px}.rounded{border-radius:25px}.full-width{width:100%;max-width:100%}.vertical-center{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.box-shadow-1{box-shadow:0 1px 6px rgba(0,0,0,.18)}.box-shadow-2{box-shadow:0 1px 9px rgba(0,0,0,.18)}.box-shadow-3{box-shadow:0 1px 12px rgba(0,0,0,.18)}.box-shadow-4{box-shadow:0 1px 15px rgba(0,0,0,.18)}.box-shadow-5{box-shadow:0 1px 18px rgba(0,0,0,.18)}.box-shadow-6{box-shadow:0 1px 21px rgba(0,0,0,.18)} \ No newline at end of file +body{font-family:Helvetica,sans-serif;margin:0}*{font-weight:300;font-size:1rem;color:#2d3436;-moz-box-sizing:border-box;box-sizing:border-box;line-height:1.3;scrollbar-width:thin;scrollbar-color:lightgray #ececec}[class*=text-size-]:not(.link):not(.btn),h1,h2,h3,h4,h5,h6{margin-top:1rem;margin-bottom:.6rem}h1,h1 *{font-size:2rem}h2,h2 *{font-size:1.75rem}h3,h3 *{font-size:1.6rem}h4,h4 *{font-size:1.45rem}h5,h5 *{font-size:1.3rem}h6,h6 *{font-size:1.15rem}small,small *{font-size:.8rem}b,strong{font-weight:700}hr{display:block;height:1px;border:0;border-top:1px solid #eaeaea;margin:1rem 0;padding:0}a{text-decoration:none;color:#0984e3}img{vertical-align:middle}.container,.container-fluid,.feed{width:100%;margin:0 auto;display:block}.feed{max-width:600px;padding:0}.container,.container-fluid{padding:15px}.container-fluid{padding:0}.container,.container-fluid{max-width:1128px}@media (min-width:1452px){.container,.container-fluid{max-width:1360px}}.below-navbar{padding-top:65px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#ececec}::-webkit-scrollbar-thumb{border-radius:10px;background:#d3d3d3}::-webkit-scrollbar-thumb:hover{background:#d3d3d3}.navbar,.navbar-content{display:-webkit-flex;display:flex}.navbar{height:65px;-webkit-align-items:center;align-items:center;border-bottom:1px solid #eaeaea;padding:0 1rem;width:100%;background-color:#fff;z-index:1}.navbar-content{-webkit-flex:1;flex:1}.navbar.fixed:not(.with-sidebar){position:fixed;top:0}.navbar-end{margin-left:auto}input.menu-toggle{display:none}.burger-btn{cursor:pointer;position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-end;justify-content:flex-end;margin:8px;width:29px;height:29px}.burger-btn>.burger-icon,.burger-btn>.burger-icon:after,.burger-btn>.burger-icon:before{background-color:#2d3436;border-radius:5px;content:'';display:block;height:2px;margin:10px 0;transition:all .2s ease-in-out}.burger-icon{position:absolute;top:-8px;width:100%}.burger-btn.to-end{margin-left:auto}.burger-btn.arrow-left.active>.burger-icon:before{-webkit-transform:translateY(-16px) translateX(-7px) rotate(-40deg) scaleX(.6);transform:translateY(-16px) translateX(-7px) rotate(-40deg) scaleX(.6)}.burger-btn.arrow-left.active>.burger-icon:after{-webkit-transform:translateY(-16px) translateX(-7px) rotate(40deg) scaleX(.6);transform:translateY(-16px) translateX(-7px) rotate(40deg) scaleX(.6)}.burger-btn.arrow-left.active>.burger-icon{-webkit-transform:translateY(10px) rotate(-360deg);transform:translateY(10px) rotate(-360deg)}.burger-btn.active>.burger-icon:before{-webkit-transform:rotate(-270deg) translateX(-10px);transform:rotate(-270deg) translateX(-10px)}.burger-btn.active>.burger-icon:after{-webkit-transform:scale(0);transform:scale(0)}.burger-btn.active>.burger-icon{-webkit-transform:translateY(10px) rotate(135deg);transform:translateY(10px) rotate(135deg)}.navbar:not(.with-sidebar) .burger-btn{display:none}@media (max-width:991px){.navbar:not(.with-sidebar) .navbar-content{width:100%;display:block;position:absolute;background:#fff;top:64px;margin:0;transition:all ease .2s;left:-100%;opacity:0;border-bottom:1px solid #eaeaea;box-shadow:0 3px 3px rgba(200,200,200,.4)}.navbar:not(.with-sidebar) .navbar-content>.navbar-end{width:100%;display:block}.navbar:not(.with-sidebar) .navbar-content>*,.navbar:not(.with-sidebar) .navbar-end>*{width:100%;display:block;margin-left:0}.navbar:not(.with-sidebar) .burger-btn{display:block}.navbar:not(.with-sidebar) .menu-toggle:checked~.navbar-content{left:0;opacity:1}.navbar:not(.with-sidebar) .menu-toggle:checked~.burger-btn>.burger-icon:before{-webkit-transform:rotate(-270deg) translateX(-10px);transform:rotate(-270deg) translateX(-10px)}.navbar:not(.with-sidebar) .menu-toggle:checked~.burger-btn>.burger-icon:after{-webkit-transform:scale(0);transform:scale(0)}.navbar:not(.with-sidebar) .menu-toggle:checked~.burger-btn>.burger-icon{-webkit-transform:translateY(10px) rotate(135deg);transform:translateY(10px) rotate(135deg)}.navbar{padding:0 .5rem}}.btn,.link{border:0;outline:0;text-decoration:none;padding:.6rem .9rem;display:inline-block;position:relative;transition:all .1s ease-in-out;background-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#2d3436}.btn,.btn *,.link,.link *{font-size:1rem}.btn{margin:.3rem}.btn:active,.link:active{border:0;outline:0}.btn:focus,.link:focus{border:0;outline:0}.btn:target,.link:target{border:0;outline:0}.btn:hover,.link:hover{background:rgba(200,200,200,.2);opacity:.9;cursor:pointer}.btn.brand,.btn.brand.inverted:hover{background-color:#ff7675;color:#fff}.btn.brand *{color:#fff}.btn.info{background-color:#74b9ff}.btn.info,.btn.info *{color:#fff}.btn.secondary{background-color:#0984e3;color:#fff}.btn.secondary *{color:#fff}.btn.success{background-color:#1dd1a1;color:#fff}.btn.success *{color:#fff}.btn.danger{background-color:#ee5253;color:#fff}.btn.danger *{color:#fff}.btn.primary{background-color:#6c5ce7;color:#fff}.btn.primary *{color:#fff}.btn.warning{background-color:#f7b731;color:#fff}.btn.warning *{color:#fff}.btn.dark{background-color:#2d3436}.btn.brand.inverted:hover *,.btn.dark,.btn.dark *{color:#fff}.btn.inverted,.btn.inverted *{transition:all .3s ease-in-out;opacity:1}.btn.brand.inverted{background-color:transparent;color:#ff7675;border:1px solid #ff7675}.btn.brand.inverted *{color:#ff7675}.btn.info.inverted{background-color:transparent;color:#74b9ff;border:1px solid #74b9ff}.btn.info.inverted *{color:#74b9ff}.btn.info.inverted:hover{background-color:#74b9ff;color:#fff}.btn.info.inverted:hover *{color:#fff}.btn.secondary.inverted{background-color:transparent;color:#0984e3;border:1px solid #0984e3}.btn.secondary.inverted *{color:#0984e3}.btn.secondary.inverted:hover{background-color:#0984e3;color:#fff}.btn.secondary.inverted:hover *{color:#fff}.btn.success.inverted{background-color:transparent;color:#1dd1a1;border:1px solid #1dd1a1}.btn.success.inverted *{color:#1dd1a1}.btn.success.inverted:hover{background-color:#1dd1a1;color:#fff}.btn.success.inverted:hover *{color:#fff}.btn.danger.inverted{background-color:transparent;color:#ee5253;border:1px solid #ee5253}.btn.danger.inverted *{color:#ee5253}.btn.danger.inverted:hover{background-color:#ee5253;color:#fff}.btn.danger.inverted:hover *{color:#fff}.btn.primary.inverted{background-color:transparent;color:#6c5ce7;border:1px solid #6c5ce7}.btn.primary.inverted *{color:#6c5ce7}.btn.primary.inverted:hover{background-color:#6c5ce7;color:#fff}.btn.primary.inverted:hover *{color:#fff}.btn.warning.inverted{background-color:transparent;color:#f7b731;border:1px solid #f7b731}.btn.warning.inverted *{color:#f7b731}.btn.warning.inverted:hover{background-color:#f7b731;color:#fff}.btn.warning.inverted:hover *{color:#fff}.btn.dark.inverted{background-color:transparent;color:#2d3436;border:1px solid #2d3436}.btn.dark.inverted *{color:#2d3436}.btn.dark.inverted:hover,.btn.inverted{background-color:#2d3436;color:#fff}.btn.inverted{border:1px solid transparent}.btn.dark.inverted:hover *,.btn.inverted *{color:#fff}.btn.inverted:hover{background-color:transparent;color:#2d3436}.btn.inverted:hover *{color:#2d3436}.btn:disabled,.btn:disabled:hover{background-color:#d3d3d3;color:#2d3436}.btn:disabled{opacity:.75;border:0;transition:none}.btn:disabled:hover{cursor:not-allowed}.btn.inverted:disabled,.btn.inverted:disabled:hover{background-color:transparent;border:#d3d3d3 1px solid;color:#2d3436}.btn.inverted:disabled{opacity:.75;transition:none}.btn.inverted:disabled:hover{cursor:not-allowed}.btn.large,.btn.large *{font-size:1.15rem}.btn.small{padding:.4rem .7rem}.btn.small,.btn.small *{font-size:.9rem}input[type=email],input[type=password],input[type=tel],input[type=text],textarea{border:1px solid #eaeaea;padding:.7rem .8rem;box-shadow:inset 0 0 6px rgba(35,35,35,.02);margin:.3rem;font-family:Helvetica,sans-serif}input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,textarea:focus{border:1px solid #dadada}textarea{resize:vertical}.circular-img{border-radius:100%;background-repeat:no-repeat;background-size:cover;background-color:#eaeaea;width:45px;height:45px;display:inline-block}.circular-img.profile{height:150px;width:150px}.circular-img.x-large{height:85px;width:85px}.circular-img.large{height:60px;width:60px}.circular-img.small{height:30px;width:30px}.tags>span,:not(.prettyprint)>.tag{display:inline-block;padding:.4rem 1rem;margin:.2rem .1rem;font-size:.9rem;color:#2d3436;background-color:#eaeaea}.tags>span.brand,:not(.prettyprint)>.tag.brand{background-color:#ff7675;color:#fff}.tags>span.info,:not(.prettyprint)>.tag.info{background-color:#74b9ff;color:#fff}.tags>span.secondary,:not(.prettyprint)>.tag.secondary{background-color:#0984e3;color:#fff}.tags>span.success,:not(.prettyprint)>.tag.success{background-color:#1dd1a1;color:#fff}.tags>span.danger,:not(.prettyprint)>.tag.danger{background-color:#ee5253;color:#fff}.tags>span.primary,:not(.prettyprint)>.tag.primary{background-color:#6c5ce7;color:#fff}.tags>span.warning,:not(.prettyprint)>.tag.warning{background-color:#f7b731;color:#fff}.tags>span.dark,:not(.prettyprint)>.tag.dark{background-color:#2d3436;color:#fff}.tags>span.small,:not(.prettyprint)>.tag.small{padding:.3rem .9rem;font-size:.8rem}.tags>span.small *{font-size:.8rem}.user-actions{padding:.1rem .5rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.user-actions>:not(.left):not(.right){margin:.5rem}.user-actions.end{-webkit-justify-content:flex-end;justify-content:flex-end}.user-actions.center{-webkit-justify-content:center;justify-content:center}.user-actions.evenly{-webkit-justify-content:space-around;justify-content:space-around}.user-actions>.left{margin-right:auto}.user-actions>.left>*{margin:.5rem}.user-actions>.right{margin-left:auto}.user-actions>.right>*{margin:.5rem}.card{border:1px solid #eaeaea;overflow:hidden;max-width:600px;background-color:#fff;margin:0 auto 1rem}.card,.card>img{width:100%}.card-header{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap;padding:.8rem;-webkit-align-items:center;align-items:center;margin:0}.card-data>p{margin-top:.1rem;margin-bottom:.2rem}.card-data>p,.card-data>p *{font-weight:700;font-size:.9rem}.card-data>small{margin:0;display:block;color:gray}.card-data>small *{color:gray}.card-data{padding:0 .5rem;-webkit-flex:1;flex:1}.card-content{padding:.4rem .8rem .8rem;margin:0}.comment{display:-webkit-flex;display:flex;padding:.5rem .8rem;-webkit-align-items:right;align-items:right;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap;margin:0}.comment-data>p{margin-top:.1rem;margin-bottom:0}.comment-data>p,.comment-data>p *{font-weight:700;font-size:.9rem}.comment-data small,.comment-data small *{color:gray}.comment-data>span{margin-top:.4rem;display:block;font-size:.9rem}.comment-data>span *{font-size:.9rem}.comment-data{padding:0 .5rem;-webkit-flex:1;flex:1}.grid{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap}.grid>.col,.grid>[class*=col-]{padding:1.1%}.grid>.col{-webkit-flex:1;flex:1}.grid>[class*=col-],.grid>[class*=large-],.grid>[class*=mobile-],.grid>[class*=tablet-]{-webkit-flex:none;flex:none;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:100%}.grid>.col-1{width:calc(100%/12)}.grid>.col-2{width:calc(calc(100%/12)*2)}.grid>.col-3{width:25%}.grid>.col-4{width:calc(calc(100%/12)*4)}.grid>.col-5{width:calc(calc(100%/12)*5)}.grid>.col-6{width:50%}.grid>.col-7{width:calc(calc(100%/12)*7)}.grid>.col-8{width:calc(calc(100%/12)*8)}.grid>.col-9{width:75%}.grid>.col-10{width:calc(calc(100%/12)*10)}.grid>.col-11{width:calc(calc(100%/12)*11)}.grid>.col-12{width:100%}@media (min-width:1200px){.grid>.large-1{width:calc(100%/12)}.grid>.large-2{width:calc(calc(100%/12)*2)}.grid>.large-3{width:25%}.grid>.large-4{width:calc(calc(100%/12)*4)}.grid>.large-5{width:calc(calc(100%/12)*5)}.grid>.large-6{width:50%}.grid>.large-7{width:calc(calc(100%/12)*7)}.grid>.large-8{width:calc(calc(100%/12)*8)}.grid>.large-9{width:75%}.grid>.large-10{width:calc(calc(100%/12)*10)}.grid>.large-11{width:calc(calc(100%/12)*11)}.grid>.large-12{width:100%}}@media (min-width:768px) and (max-width:991px){.grid>.tablet-1{width:calc(100%/12)}.grid>.tablet-2{width:calc(calc(100%/12)*2)}.grid>.tablet-3{width:25%}.grid>.tablet-4{width:calc(calc(100%/12)*4)}.grid>.tablet-5{width:calc(calc(100%/12)*5)}.grid>.tablet-6{width:50%}.grid>.tablet-7{width:calc(calc(100%/12)*7)}.grid>.tablet-8{width:calc(calc(100%/12)*8)}.grid>.tablet-9{width:75%}.grid>.tablet-10{width:calc(calc(100%/12)*10)}.grid>.tablet-11{width:calc(calc(100%/12)*11)}.grid>.tablet-12{width:100%}}@media (max-width:767px){.grid>:not([class*=mobile-]){-webkit-flex:none;flex:none;width:100%}.grid>.mobile-1{width:calc(100%/12)}.grid>.mobile-2{width:calc(calc(100%/12)*2)}.grid>.mobile-3{width:25%}.grid>.mobile-4{width:calc(calc(100%/12)*4)}.grid>.mobile-5{width:calc(calc(100%/12)*5)}.grid>.mobile-6{width:50%}.grid>.mobile-7{width:calc(calc(100%/12)*7)}.grid>.mobile-8{width:calc(calc(100%/12)*8)}.grid>.mobile-9{width:75%}.grid>.mobile-10{width:calc(calc(100%/12)*10)}.grid>.mobile-11{width:calc(calc(100%/12)*11)}.grid>.mobile-12{width:100%}}.site-section,footer{position:relative;background-color:#ececec}.site-section{display:-webkit-flex;display:flex;padding:15px 0;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;min-height:100vh}.site-section.white{background-color:#fff}footer{min-height:10vh}.text-brand,.text-brand *{color:#ff7675}.text-info,.text-info *{color:#74b9ff}.text-secondary,.text-secondary *{color:#0984e3}.text-warning,.text-warning *{color:#f7b731}.text-success,.text-success *{color:#1dd1a1}.text-danger,.text-danger *{color:#ee5253}.text-primary,.text-primary *{color:#6c5ce7}.text-gray,.text-gray *{color:gray}.text-white,.text-white *{color:#fff}.text-bold,.text-bold *{font-weight:700}.text-italic,.text-italic *{font-style:italic}.text-center,.text-center *{text-align:center}.text-right,.text-right *{text-align:right}.text-left,.text-left *{text-align:left}.text-size-6,.text-size-6 *{font-size:1.15rem}.text-size-5,.text-size-5 *{font-size:1.3rem}.text-size-4,.text-size-4 *{font-size:1.45rem}.text-size-3,.text-size-3 *{font-size:1.6rem}.text-size-2,.text-size-2 *{font-size:1.75rem}.text-size-1,.text-size-1 *{font-size:2rem}.text-size-s,.text-size-s *{font-size:.9rem}.text-size-xs,.text-size-xs *{font-size:.8rem}.below-title{margin-top:0}.main-title{font-size:3rem}.hidden{display:none}.radius{border-radius:10px}.rounded{border-radius:25px}.full-width{width:100%;max-width:100%}.vertical-center{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.box-shadow-1{box-shadow:0 1px 6px rgba(0,0,0,.18)}.box-shadow-2{box-shadow:0 1px 9px rgba(0,0,0,.18)}.box-shadow-3{box-shadow:0 1px 12px rgba(0,0,0,.18)}.box-shadow-4{box-shadow:0 1px 15px rgba(0,0,0,.18)}.box-shadow-5{box-shadow:0 1px 18px rgba(0,0,0,.18)}.box-shadow-6{box-shadow:0 1px 21px rgba(0,0,0,.18)} \ No newline at end of file