diff --git a/dist/css/styles.css b/dist/css/styles.css index 89c5440..bd2909f 100644 --- a/dist/css/styles.css +++ b/dist/css/styles.css @@ -1 +1 @@ -@charset "UTF-8";/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{font-size:100%}body,html{height:100%}html,legend{box-sizing:border-box}*,::after,::before{box-sizing:inherit}table{border-collapse:collapse;border-spacing:0}p{margin:0 0 .625em 0}a,ins,u{text-decoration-skip:ink edges}a{color:#f0c209}a:hover{color:#363636}a:focus{outline:0}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 .625em .625em}ol ol,ul ul{margin-top:.3125em}ol{list-style:decimal inside}ul{list-style:disc inside}dd,dt{margin:0}dt{font-weight:700}figure{margin:0 0 .625em}figcaption{margin:.625em 0 0}hr{border:0;border-top:1px solid #b3b2af;margin:.625em 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:16px;font-size:1rem}.button{position:relative;display:inline-block;text-decoration:none;vertical-align:middle;appearance:none;padding:.625em 1.5625em}.button--wide{width:100%}.button--down,.button--up{position:fixed;bottom:0;margin:1.25em;padding:.5em .8125em;z-index:100}.button--down{bottom:0}.button--up{bottom:0}.button:hover{cursor:pointer;text-decoration:none}.button:focus{outline:0}.code{font-family:monospace,monospace;white-space:pre;display:block;overflow-y:hidden;overflow-x:auto;padding:.625em 1.25em;border:1px solid #d0d0d0;background-color:#f9f9f9;margin:0 0 .625em;font-size:16px;font-size:1rem}.group--horizontal .group__item,.group--horizontal .group__section{display:inline-block}.group__section{list-style:none;margin:0;padding:0}.group__section li{margin:0;padding:0}.group__section--separate .group__item:after{margin:0 .625em 0;content:"/"}.group__section--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:40px;font-size:2.5rem}.h2,h2{font-size:36px;font-size:2.25rem}.h3,h3{font-size:32px;font-size:2rem}.h4,h4{font-size:28px;font-size:1.75rem}.h5,h5{font-size:24px;font-size:1.5rem}.h6,h6{font-size:20px;font-size:1.25rem}.hero{background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}.hero--top{background-position:top center}.hero--bottom{background-position:bottom center}.hero--contain{background-size:contain}.icon{display:inline-block;position:relative;vertical-align:text-bottom;margin:0 2px;fill:#363636;width:16px}.icon--success{fill:#5cb85c}.icon--warning{fill:#f0ad4e}.icon--danger{fill:#d9534f}.icon--small{width:12px}.icon--large{width:28px}.modal{position:absolute;z-index:100}.modal--fixed{position:fixed}.modal--left{left:0}.modal--top-center{left:50%}.modal--top{top:0}.modal--right{right:0}.modal--bottom{bottom:0}.modal .panel{margin:1.25em}.panel__inner{padding:.625em}.table{width:100%}.table--striped tr:nth-child(even){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}.field{margin:0 0 .625em 0}.field__input,.field__select,.field__text{display:block;width:100%;line-height:1.618;padding:.375em .5em;color:#363636;appearance:none;font-size:16px;font-size:1rem}.field__text{border:1px solid #b3b2af}.field__text:focus{border-color:#f0c209}.field--valid .field__text{border-color:#5cb85c}.field--error .field__text{border-color:#d9534f}.field__checkbox{position:relative;display:none}.field__checkbox+.field__label .field__checkbox__checked{display:none}.field__checkbox+.field__label:hover{cursor:pointer}.field__checkbox:checked+.field__label .field__checkbox__checked{display:inline-block}.field__checkbox:checked+.field__label .field__checkbox__unchecked{display:none}.field__checkbox__checked{fill:#5cb85c}.field__checkbox__unchecked{fill:#363636}.field--valid .field__checkbox__checked,.field--valid .field__checkbox__unchecked{fill:#5cb85c}.field--error .field__checkbox__checked,.field--error .field__checkbox__unchecked{fill:#d9534f}.field__radio{position:relative;display:none}.field__radio+.field__label .field__radio__checked{display:none}.field__radio+.field__label:hover{cursor:pointer}.field__radio:checked+.field__label .field__radio__checked{display:inline-block}.field__radio:checked+.field__label .field__radio__unchecked{display:none}.field__radio__checked{fill:#5cb85c}.field__radio__unchecked{fill:#363636}.field--valid .field__radio__checked,.field--valid .field__radio__unchecked{fill:#5cb85c}.field--error .field__radio__checked,.field--error .field__radio__unchecked{fill:#d9534f}.field__select{padding:.5em;border:1px solid #b3b2af;background-color:#fff}.field__select:focus{outline:0;border-color:#f0c209}.field--valid .field__select{border-color:#5cb85c}.field--error .field__select{border-color:#d9534f}.field__panel{padding:.625em}.field--valid .field__panel{color:#fff;background-color:#5cb85c}.field--error .field__panel{color:#fff;background-color:#d9534f}.field__label{display:inline-block;width:100%}.field--valid .field__label{color:#5cb85c}.field--error .field__label{color:#d9534f}.float-left{float:left}.float-right{float:right}.float-none{float:none}.center{margin-left:auto;margin-right:auto}.clearfix::after,.clearfix::before{display:table;content:' '}.clearfix::after{clear:both}.margin-top-0x{margin-top:0}.margin-top-1x{margin-top:.625em}.margin-top-2x{margin-top:1.25em}.margin-top-3x{margin-top:1.875em}.margin-top-4x{margin-top:2.5em}.margin-top-5x{margin-top:3.125em}.margin-bottom-0x{margin-bottom:0}.margin-bottom-1x{margin-bottom:.625em}.margin-bottom-2x{margin-bottom:1.25em}.margin-bottom-3x{margin-bottom:1.875em}.margin-bottom-4x{margin-bottom:2.5em}.margin-bottom-5x{margin-bottom:3.125em}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:50%}.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%}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-italic{font-style:italic}.text-normal{font-style:normal}.text-bold{font-weight:700}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-small{font-size:80%}.text-crossed{text-decoration:line-through}.text-default{font-size:16px;font-size:1rem}.text-small{font-size:16px;font-size:1rem}.text-large{font-size:20px;font-size:1.25rem}.text-primary{color:#f0c209}.text-secondary{color:#b3b2af}.text-success{color:#5cb85c}.text-warning{color:#f0ad4e}.text-danger{color:#d9534f}.text-info{color:#0090d4}.background-primary{background-color:#f0c209}.background-secondary{background-color:#b3b2af}.background-success{background-color:#5cb85c}.background-warning{background-color:#f0ad4e}.background-danger{background-color:#d9534f}.background-info{background-color:#0090d4}.width-25{width:25%}.width-50{width:50%}.width-75{width:75%}.width-100{width:100%}@media only screen and (min-width:992px){h2{padding-top:.875em}}.container{max-width:992px;width:100%;margin:0 auto}.header{padding:.5em 0 0;margin:0 0 1.25em}@media only screen and (min-width:768px){.header{margin:0 0 3.75em}}.header a{text-decoration:none}.header a:hover{color:#f0c209}.header__title{margin:0}.header__subtitle{margin:.9375em 0 0;color:#363636}.header__logo{width:50px;margin:1.25em 0 0}.header__small{display:block;margin:-10px}.footer{padding:12px 0;background-color:#e9e9e9;border-top:1px dotted #959595;margin:50px 0 0 0}.button{border:1px solid #bf9a07;background-color:#f0c209;color:#fff}.button svg{fill:#fff}.nav{position:relative}.nav a{font-size:18px;font-size:1.125rem}.nav ul{margin-left:0;list-style:none}@media only screen and (min-width:768px){.nav{position:absolute}}@media only screen and (min-width:768px){.nav--fixed{position:fixed;top:40px!important}}.lead{margin-top:-.3125em}.panel{border:1px solid #cccbc9;background-color:#f1f1f0}.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}} \ No newline at end of file +@charset "UTF-8";html{font-size:100%}body,html{height:100%}html,legend{box-sizing:border-box}*,::after,::before{box-sizing:inherit}table{border-collapse:collapse;border-spacing:0}p{margin:0 0 .625em 0}a,ins,u{text-decoration-skip:ink edges}a{color:#f0c209}a:hover{color:#363636}a:focus{outline:0}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 .625em .625em}ol ol,ul ul{margin-top:.3125em}ol{list-style:decimal inside}ul{list-style:disc inside}dd,dt{margin:0}dt{font-weight:700}figure{margin:0 0 .625em}figcaption{margin:.625em 0 0}hr{border:0;border-top:1px solid #b3b2af;margin:.625em 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:16px;font-size:1rem}.button{position:relative;display:inline-block;text-decoration:none;vertical-align:middle;appearance:none;padding:.625em 1.5625em}.button--wide{width:100%}.button--down,.button--up{position:fixed;bottom:0;margin:1.25em;padding:.5em .8125em;z-index:100}.button--down{bottom:0}.button--up{bottom:0}.button:hover{cursor:pointer;text-decoration:none}.button:focus{outline:0}.code{font-family:monospace,monospace;white-space:pre;display:block;overflow-y:hidden;overflow-x:auto;padding:.625em 1.25em;border:1px solid #d0d0d0;background-color:#f9f9f9;margin:0 0 .625em;font-size:16px;font-size:1rem}.group--horizontal .group__item,.group--horizontal .group__section{display:inline-block}.group__section{list-style:none;margin:0;padding:0}.group__section li{margin:0;padding:0}.group__section--separate .group__item:after{margin:0 .625em 0;content:"/"}.group__section--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:40px;font-size:2.5rem}.h2,h2{font-size:36px;font-size:2.25rem}.h3,h3{font-size:32px;font-size:2rem}.h4,h4{font-size:28px;font-size:1.75rem}.h5,h5{font-size:24px;font-size:1.5rem}.h6,h6{font-size:20px;font-size:1.25rem}.hero{background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}.hero--top{background-position:top center}.hero--bottom{background-position:bottom center}.hero--contain{background-size:contain}.icon{display:inline-block;position:relative;vertical-align:text-bottom;margin:0 2px;fill:#363636;width:16px}.icon--success{fill:#5cb85c}.icon--warning{fill:#f0ad4e}.icon--danger{fill:#d9534f}.icon--small{width:12px}.icon--large{width:28px}.modal{position:absolute;z-index:100}.modal--fixed{position:fixed}.modal--left{left:0}.modal--top-center{left:50%}.modal--top{top:0}.modal--right{right:0}.modal--bottom{bottom:0}.modal .panel{margin:1.25em}.panel__inner{padding:.625em}.table{width:100%}.table--striped tr:nth-child(even){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}.field{margin:0 0 .625em 0}.field__input,.field__select,.field__text{display:block;width:100%;line-height:1.618;padding:.375em .5em;color:#363636;appearance:none;font-size:16px;font-size:1rem}.field__text{border:1px solid #b3b2af}.field__text:focus{border-color:#f0c209}.field--valid .field__text{border-color:#5cb85c}.field--error .field__text{border-color:#d9534f}.field__checkbox{position:relative;display:none}.field__checkbox+.field__label .field__checkbox__checked{display:none}.field__checkbox+.field__label:hover{cursor:pointer}.field__checkbox:checked+.field__label .field__checkbox__checked{display:inline-block}.field__checkbox:checked+.field__label .field__checkbox__unchecked{display:none}.field__checkbox__checked{fill:#5cb85c}.field__checkbox__unchecked{fill:#363636}.field--valid .field__checkbox__checked,.field--valid .field__checkbox__unchecked{fill:#5cb85c}.field--error .field__checkbox__checked,.field--error .field__checkbox__unchecked{fill:#d9534f}.field__radio{position:relative;display:none}.field__radio+.field__label .field__radio__checked{display:none}.field__radio+.field__label:hover{cursor:pointer}.field__radio:checked+.field__label .field__radio__checked{display:inline-block}.field__radio:checked+.field__label .field__radio__unchecked{display:none}.field__radio__checked{fill:#5cb85c}.field__radio__unchecked{fill:#363636}.field--valid .field__radio__checked,.field--valid .field__radio__unchecked{fill:#5cb85c}.field--error .field__radio__checked,.field--error .field__radio__unchecked{fill:#d9534f}.field__select{padding:.5em;border:1px solid #b3b2af;background-color:#fff}.field__select:focus{outline:0;border-color:#f0c209}.field--valid .field__select{border-color:#5cb85c}.field--error .field__select{border-color:#d9534f}.field__panel{padding:.625em}.field--valid .field__panel{color:#fff;background-color:#5cb85c}.field--error .field__panel{color:#fff;background-color:#d9534f}.field__label{display:inline-block;width:100%}.field--valid .field__label{color:#5cb85c}.field--error .field__label{color:#d9534f}.float-left{float:left}.float-right{float:right}.float-none{float:none}.center{margin-left:auto;margin-right:auto}.clearfix::after,.clearfix::before{display:table;content:' '}.clearfix::after{clear:both}.margin-top-0x{margin-top:0}.margin-top-1x{margin-top:.625em}.margin-top-2x{margin-top:1.25em}.margin-top-3x{margin-top:1.875em}.margin-top-4x{margin-top:2.5em}.margin-top-5x{margin-top:3.125em}.margin-bottom-0x{margin-bottom:0}.margin-bottom-1x{margin-bottom:.625em}.margin-bottom-2x{margin-bottom:1.25em}.margin-bottom-3x{margin-bottom:1.875em}.margin-bottom-4x{margin-bottom:2.5em}.margin-bottom-5x{margin-bottom:3.125em}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:50%}.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%}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-italic{font-style:italic}.text-normal{font-style:normal}.text-bold{font-weight:700}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-small{font-size:80%}.text-crossed{text-decoration:line-through}.text-default{font-size:16px;font-size:1rem}.text-small{font-size:16px;font-size:1rem}.text-large{font-size:20px;font-size:1.25rem}.text-primary{color:#f0c209}.text-secondary{color:#b3b2af}.text-success{color:#5cb85c}.text-warning{color:#f0ad4e}.text-danger{color:#d9534f}.text-info{color:#0090d4}.background-primary{background-color:#f0c209}.background-secondary{background-color:#b3b2af}.background-success{background-color:#5cb85c}.background-warning{background-color:#f0ad4e}.background-danger{background-color:#d9534f}.background-info{background-color:#0090d4}.width-25{width:25%}.width-50{width:50%}.width-75{width:75%}.width-100{width:100%}@media only screen and (min-width:992px){h2{padding-top:.875em}}.container{max-width:992px;width:100%;margin:0 auto}.header{padding:.5em 0 0;margin:0 0 1.25em}@media only screen and (min-width:768px){.header{margin:0 0 3.75em}}.header a{text-decoration:none}.header a:hover{color:#f0c209}.header__title{margin:0}.header__subtitle{margin:.9375em 0 0;color:#363636}.header__logo{width:50px;margin:1.25em 0 0}.header__small{display:block;margin:-10px}.footer{padding:12px 0;background-color:#e9e9e9;border-top:1px dotted #959595;margin:50px 0 0 0}.button{border:1px solid #bf9a07;background-color:#f0c209;color:#fff}.button svg{fill:#fff}.nav{position:relative}.nav a{font-size:18px;font-size:1.125rem}.nav ul{margin-left:0;list-style:none}@media only screen and (min-width:768px){.nav{position:absolute}}@media only screen and (min-width:768px){.nav--fixed{position:fixed;top:40px!important}}.lead{margin-top:-.3125em}.panel{border:1px solid #cccbc9;background-color:#f1f1f0}.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}} \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 50faa7c..ea4d110 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2403,8 +2403,7 @@ "jsbn": { "version": "0.1.1", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "json-schema": { "version": "0.2.3", @@ -4321,10 +4320,10 @@ "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=", "dev": true }, - "normalize.css": { - "version": "8.0.0", - "resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-8.0.0.tgz", - "integrity": "sha512-iXcbM3NWr0XkNyfiSBsoPezi+0V92P9nj84yVV1/UZxRUrGczgX/X91KMAGM0omWLY2+2Q1gKD/XRn4gQRDB2A==" + "normalize-scss": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/normalize-scss/-/normalize-scss-7.0.1.tgz", + "integrity": "sha512-qj16bWnYs+9/ac29IgGjySg4R5qQTp1lXfm7ApFOZNVBYFY8RZ3f8+XQNDDLHeDtI3Ba7Jj4+LuPgz9v/fne2A==" }, "npm-run-path": { "version": "2.0.2", diff --git a/package.json b/package.json index c26ee56..4684a1a 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "crispy-boilerplate", - "version": "1.0.0", + "version": "1.0.1", "description": "Flat Sass Boilerplate to give you a amount of Basic Settings, Mixins and Functions", "repository": { "type": "git", @@ -10,7 +10,7 @@ "license": "MIT", "dependencies": { "cash-dom": "^1.3.7", - "normalize.css": "^8.0.0" + "normalize-scss": "^7.0.1" }, "devDependencies": { "autoprefixer": "^7.2.6", @@ -28,14 +28,13 @@ "dist_dir": "dist/", "src_dir": "src/", "build_dir": "build/", - "normalize": "node_modules/normalize.css", - "reflex_grid": "node_modules/reflex-grid/scss" + "normalize": "node_modules/normalize-scss/sass" }, "scripts": { "build": "npm run css:build && npm run svg:build", "css:build": "npm run css:clean && npm run css:scss && npm run css:postcss && npm run css:minify", "css:clean": "rimraf $npm_package_config_dist_dir/css/*", - "css:scss": "node-sass --include-path $npm_package_config_normalize --include-path $npm_package_config_reflex_grid $npm_package_config_src_dir/example/example.scss $npm_package_config_build_dir/css/styles.css", + "css:scss": "node-sass --include-path $npm_package_config_normalize $npm_package_config_src_dir/example/example.scss $npm_package_config_build_dir/css/styles.css", "css:postcss": "postcss $npm_package_config_build_dir/css/*.css --use autoprefixer -d $npm_package_config_dist_dir/css/", "css:minify": "cleancss $npm_package_config_build_dir/css/styles.css > $npm_package_config_dist_dir/css/styles.css", "svg:build": "npm run svg:clean && npm run svg:copy && npm run svg:optimize && npm run svg:minify",