diff --git a/README.md b/README.md index a9f43fd..3943273 100644 --- a/README.md +++ b/README.md @@ -16,15 +16,15 @@ You may use the CDN for a quick start: ```html - + - + ``` ## Easy to install -You may just install the framework from npm or download the current version from [here](https://github.com/isradeleon/coraline/releases/download/0.5.2/coralinecss.zip). Then just import the minified CSS and JS files into your project. +You may just install the framework from npm or download the current version from [here](https://github.com/isradeleon/coraline/releases/download/0.5.3/coralinecss.zip). Then just import the minified CSS and JS files into your project. ### NPM @@ -36,10 +36,10 @@ npm install coralinecss ```html - + - + ``` ## Components diff --git a/base.css b/base.css index dfa4ef1..de3dcb7 100644 --- a/base.css +++ b/base.css @@ -1,5 +1,5 @@ /* - Coraline v0.5.2 + Coraline v0.5.3 */ @import url("https://fonts.googleapis.com/css?family=Montserrat"); body { @@ -967,24 +967,6 @@ textarea { .site-section.white { background-color: white; } -.site-section.primary { - background-color: #6c5ce7; } - -.site-section.primary * { - color: white; } - -.site-section.brand { - background-color: #ff7675; } - -.site-section.brand * { - color: white; } - -.site-section.secondary { - background-color: #0984e3; } - -.site-section.secondary * { - color: white; } - /* FOOTER */ footer { background-color: #fafafa; diff --git a/base.scss b/base.scss index 10b49d9..0a4e883 100644 --- a/base.scss +++ b/base.scss @@ -1,5 +1,5 @@ /* - Coraline v0.5.2 + Coraline v0.5.3 */ @function contrast-color($n) { @@ -1120,24 +1120,6 @@ textarea{ .site-section.white{ background-color: white; } -.site-section.primary{ - background-color: $primary; -} -.site-section.primary *{ - color: white; -} -.site-section.brand{ - background-color: $brand; -} -.site-section.brand *{ - color: white; -} -.site-section.secondary{ - background-color: $secondary; -} -.site-section.secondary *{ - color: white; -} /* FOOTER */ footer{ diff --git a/coraline-v0.5.2/coraline.min.css b/coraline-v0.5.3/coraline.min.css similarity index 89% rename from coraline-v0.5.2/coraline.min.css rename to coraline-v0.5.3/coraline.min.css index 5ebceff..de6ed9e 100644 --- a/coraline-v0.5.2/coraline.min.css +++ b/coraline-v0.5.3/coraline.min.css @@ -1 +1 @@ -@import url(https://fonts.googleapis.com/css?family=Montserrat);body{font-family:"Montserrat",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 #fafafa}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:#fafafa}::-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.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:.7rem .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{padding:.8rem 1rem}.btn.large,.btn.large *{font-size:1.15rem}.btn.small{padding:.5rem .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:"Montserrat",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}.staggered{margin:0 auto}.staggered>.staggered-item>*{display:block;width:100%}.staggered>.staggered-item{width:25%;padding:.5%}.staggered.three>.staggered-item{width:calc(100%/3);padding:.5%}.staggered.two>.staggered-item{width:50%;padding:.5%}@media (max-width:991px){.staggered.tablet-three>.staggered-item{width:calc(100%/3);padding:.5%}.staggered.tablet-two>.staggered-item{width:50%;padding:.5%}}@media (max-width:767px){.staggered.tablet-three>.staggered-item,.staggered.tablet-two>.staggered-item,.staggered.three>.staggered-item,.staggered.two>.staggered-item,.staggered>.staggered-item{width:100%;padding:0}.staggered.mobile-three>.staggered-item{width:calc(100%/3);padding:.5%}.staggered.mobile-two>.staggered-item{width:50%;padding:.5%}}.grid,.staggered{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%}}.sidebar{z-index:1;width:22%;background-color:#fff;bottom:0;top:0;position:fixed;border-right:1px solid #eaeaea;left:0;transition:all .3s ease;overflow-y:auto}.sidebar>*{display:block}.sidebar-content{width:78%;position:absolute;overflow-y:auto;top:0;bottom:0;right:0;transition:all .3s ease}.navbar.with-sidebar .burger-btn{display:none}.sidebar-content .below-navbar{padding-top:0}.navbar.with-sidebar{border-bottom:none}.sidebar .children>*{display:block}.sidebar .children{padding-left:1rem;transition:all ease-in-out .3s;max-height:0;opacity:0;overflow:hidden}.sidebar .children.active{max-height:100%;opacity:1}@media (max-width:991px){.navbar.with-sidebar .burger-btn{display:block}.sidebar-content .below-navbar{padding-top:65px}.sidebar{left:-100%;top:64px;border-right:none}.sidebar,.sidebar-content{width:100%}.sidebar-content>header{position:fixed;top:0}.navbar.with-sidebar{position:fixed;top:0;border-bottom:1px solid #eaeaea}.sidebar.active{left:0}}.site-section,footer{background-color:#fafafa}.site-section{position:relative;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}.site-section.primary{background-color:#6c5ce7}.site-section.primary *{color:#fff}.site-section.brand{background-color:#ff7675}.site-section.brand *{color:#fff}.site-section.secondary{background-color:#0984e3}.site-section.secondary *{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 +@import url(https://fonts.googleapis.com/css?family=Montserrat);body{font-family:"Montserrat",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 #fafafa}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:#fafafa}::-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.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:.7rem .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{padding:.8rem 1rem}.btn.large,.btn.large *{font-size:1.15rem}.btn.small{padding:.5rem .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:"Montserrat",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}.staggered{margin:0 auto}.staggered>.staggered-item>*{display:block;width:100%}.staggered>.staggered-item{width:25%;padding:.5%}.staggered.three>.staggered-item{width:calc(100%/3);padding:.5%}.staggered.two>.staggered-item{width:50%;padding:.5%}@media (max-width:991px){.staggered.tablet-three>.staggered-item{width:calc(100%/3);padding:.5%}.staggered.tablet-two>.staggered-item{width:50%;padding:.5%}}@media (max-width:767px){.staggered.tablet-three>.staggered-item,.staggered.tablet-two>.staggered-item,.staggered.three>.staggered-item,.staggered.two>.staggered-item,.staggered>.staggered-item{width:100%;padding:0}.staggered.mobile-three>.staggered-item{width:calc(100%/3);padding:.5%}.staggered.mobile-two>.staggered-item{width:50%;padding:.5%}}.grid,.staggered{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%}}.sidebar{z-index:1;width:22%;background-color:#fff;bottom:0;top:0;position:fixed;border-right:1px solid #eaeaea;left:0;transition:all .3s ease;overflow-y:auto}.sidebar>*{display:block}.sidebar-content{width:78%;position:absolute;overflow-y:auto;top:0;bottom:0;right:0;transition:all .3s ease}.navbar.with-sidebar .burger-btn{display:none}.sidebar-content .below-navbar{padding-top:0}.navbar.with-sidebar{border-bottom:none}.sidebar .children>*{display:block}.sidebar .children{padding-left:1rem;transition:all ease-in-out .3s;max-height:0;opacity:0;overflow:hidden}.sidebar .children.active{max-height:100%;opacity:1}@media (max-width:991px){.navbar.with-sidebar .burger-btn{display:block}.sidebar-content .below-navbar{padding-top:65px}.sidebar{left:-100%;top:64px;border-right:none}.sidebar,.sidebar-content{width:100%}.sidebar-content>header{position:fixed;top:0}.navbar.with-sidebar{position:fixed;top:0;border-bottom:1px solid #eaeaea}.sidebar.active{left:0}}.site-section,footer{background-color:#fafafa}.site-section{position:relative;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 diff --git a/coraline-v0.5.2/coraline.min.js b/coraline-v0.5.3/coraline.min.js similarity index 100% rename from coraline-v0.5.2/coraline.min.js rename to coraline-v0.5.3/coraline.min.js diff --git a/main.js b/main.js index 6e3be5f..72e505c 100644 --- a/main.js +++ b/main.js @@ -10,7 +10,7 @@ var frameworkBinary = '../coralinecss'; if (!fs.existsSync(frameworkBinary)){ fs.mkdirSync(frameworkBinary); } -var frameworkSources = frameworkBinary+'/coraline-v0.5.2'; +var frameworkSources = frameworkBinary+'/coraline-v0.5.3'; if (!fs.existsSync(frameworkSources)){ fs.mkdirSync(frameworkSources); } @@ -27,7 +27,7 @@ var docsPath = '../coraline-docs'; if (!fs.existsSync(docsPath)){ fs.mkdirSync(docsPath); } -var docsSourcesPath = docsPath+'/coraline-v0.5.2'; +var docsSourcesPath = docsPath+'/coraline-v0.5.3'; if (!fs.existsSync(docsSourcesPath)){ fs.mkdirSync(docsSourcesPath); } @@ -130,7 +130,7 @@ var baseJs = fs.readFileSync('base.js').toString(); var Terser = require("terser"); var jsResult = Terser.minify(baseJs); if(!jsResult.error){ - fs.writeFileSync('coraline-v0.5.2/coraline.min.js', jsResult.code); + fs.writeFileSync('coraline-v0.5.3/coraline.min.js', jsResult.code); fs.writeFileSync(docsSourcesPath+'/coraline.min.js', jsResult.code); fs.writeFileSync(frameworkSources+'/coraline.min.js', jsResult.code); }else{ @@ -169,7 +169,7 @@ postcss([ autoprefixer ]).process(baseCss,{from: undefined}).then(result => { }) var minifiedCss = csso.minify(result.css).css; - fs.writeFileSync('coraline-v0.5.2/coraline.min.css', minifiedCss); + fs.writeFileSync('coraline-v0.5.3/coraline.min.css', minifiedCss); fs.writeFileSync(docsSourcesPath+'/coraline.min.css', minifiedCss); fs.writeFileSync(frameworkSources+'/coraline.min.css', minifiedCss); diff --git a/package-lock.json b/package-lock.json index fe52ae4..eb1e9d5 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "coralinecss", - "version": "0.5.2", + "version": "0.5.3", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.json b/package.json index e330c7c..916bca6 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "coralinecss", - "version": "0.5.2", + "version": "0.5.3", "description": "Lightweight HTML, CSS and JS frontend component library", "main": "base.scss", "scripts": { @@ -36,7 +36,7 @@ "terser": "^4.1.2" }, "files": [ - "coraline-v0.5.2", + "coraline-v0.5.3", "base.scss", "base.css", "base.js",