diff --git a/css/mini-base-button.css b/css/mini-base-button.css index 5c3ac03..56d0717 100644 --- a/css/mini-base-button.css +++ b/css/mini-base-button.css @@ -209,55 +209,32 @@ textarea { display: inline-block; margin: 2px 0; padding: 6px 12px; + border: 0; color: #2a2a2a; - background: #dbdbdb; - border: 1px solid #b9b9b9; } + background: #dbdbdb; } .btn:hover, .btn:active, .btn:focus { - background: #c2c2c2; - border-color: #a0a0a0; } + background: #eeeeee; } .btn.disabled, .btn[disabled], .btnfieldset[disabled] { cursor: not-allowed; opacity: .65; } .btn.btn-b { - color: #eee; - background: #3370bb; - border: 1px solid #2d70af; } + color: #eeeeee; + background: #3f84b3; } .btn.btn-b:hover, .btn.btn-b:active, .btn.btn-b:focus { - background: #285893; - border-color: #235686; } + background: #5597c3; } .btn.btn-g { - color: #eee; - background: #4caf50; - border: 1px solid #3cb941; } + color: #eeeeee; + background: #2db747; } .btn.btn-g:hover, .btn.btn-g:active, .btn.btn-g:focus { - background: #3d8b40; - border-color: #309233; } - -.btn.btn-c { - color: #eee; - background: #38a6e8; - border: 1px solid #2dbdde; } - .btn.btn-c:hover, .btn.btn-c:active, .btn.btn-c:focus { - background: #198ed4; - border-color: #1d9dbb; } - -.btn.btn-y { - color: #eee; - background: #edc637; - border: 1px solid #d1bc24; } - .btn.btn-y:hover, .btn.btn-y:active, .btn.btn-y:focus { - background: #ddb214; - border-color: #a5951d; } + background: #3bcf57; } .btn.btn-r { - color: #eee; - background: #be2e2a; - border: 1px solid #ae342f; } + color: #eeeeee; + background: #ea4848; } .btn.btn-r:hover, .btn.btn-r:active, .btn.btn-r:focus { - background: #942421; - border-color: #862824; } + background: #ee6a6a; } .btn.btn-lg { padding: 9px 15px; diff --git a/css/mini-base-button.min.css b/css/mini-base-button.min.css index 95b2430..c13464c 100644 --- a/css/mini-base-button.min.css +++ b/css/mini-base-button.min.css @@ -1 +1 @@ -html{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:1em;line-height:1.5;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;color:#222;background-color:#eee}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1,h2,h3,h4,h5,h6,hr{line-height:1.3;margin:.7em 0;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,hr small{color:#484848;font-weight:200}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.15em}h4{font-size:1em}h5{font-size:.8em}h6{font-size:.7em}small{font-size:75%}p,pre{margin:0 0 .6em}ol,ul{margin-top:0;margin-bottom:.6em}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}hr{box-sizing:content-box;height:0;border:0;border-top:1px solid #c8c8c8}code,kbd,pre,samp{font-family:monospace;font-size:1em}code,pre{padding:2px 4px;background-color:#d8d8d8;border-radius:4px}kbd{padding:2px 4px;color:#eee;background-color:#2b2b2b;border-radius:4px}pre{display:block;word-break:break-all;word-wrap:break-word}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}a{background-color:transparent;-webkit-text-decoration-skip:objects;color:#2678b3}a:active,a:hover{outline-width:0;color:#3793d5}a:visited{color:#1d5c89}a:visited:active,a:visited:hover{color:#2678b3}figure{margin:1em 40px}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff3;color:#222}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}.hidden,[hidden],template{display:none}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:100%;line-height:1.3;margin:0}button,hr,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner,html [type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring,html [type=button]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c8c8c8;border-radius:4px;margin:0 2px;padding:.35em .65em .75em}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[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-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.btn{border-radius:4px;cursor:pointer;display:inline-block;margin:2px 0;padding:6px 12px;color:#2a2a2a;background:#dbdbdb;border:1px solid #b9b9b9}.btn:active,.btn:focus,.btn:hover{background:#c2c2c2;border-color:#a0a0a0}.btn.disabled,.btn[disabled],.btnfieldset[disabled]{cursor:not-allowed;opacity:.65}.btn.btn-b{color:#eee;background:#3370bb;border:1px solid #2d70af}.btn.btn-b:active,.btn.btn-b:focus,.btn.btn-b:hover{background:#285893;border-color:#235686}.btn.btn-g{color:#eee;background:#4caf50;border:1px solid #3cb941}.btn.btn-g:active,.btn.btn-g:focus,.btn.btn-g:hover{background:#3d8b40;border-color:#309233}.btn.btn-c{color:#eee;background:#38a6e8;border:1px solid #2dbdde}.btn.btn-c:active,.btn.btn-c:focus,.btn.btn-c:hover{background:#198ed4;border-color:#1d9dbb}.btn.btn-y{color:#eee;background:#edc637;border:1px solid #d1bc24}.btn.btn-y:active,.btn.btn-y:focus,.btn.btn-y:hover{background:#ddb214;border-color:#a5951d}.btn.btn-r{color:#eee;background:#be2e2a;border:1px solid #ae342f}.btn.btn-r:active,.btn.btn-r:focus,.btn.btn-r:hover{background:#942421;border-color:#862824}.btn.btn-lg{padding:9px 15px;font-size:135%}.btn.btn-sm{padding:4px 8px;font-size:80%} \ No newline at end of file +html{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:1em;line-height:1.5;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;color:#222;background-color:#eee}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1,h2,h3,h4,h5,h6,hr{line-height:1.3;margin:.7em 0;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,hr small{color:#484848;font-weight:200}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.15em}h4{font-size:1em}h5{font-size:.8em}h6{font-size:.7em}small{font-size:75%}p,pre{margin:0 0 .6em}ol,ul{margin-top:0;margin-bottom:.6em}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}hr{box-sizing:content-box;height:0;border:0;border-top:1px solid #c8c8c8}code,kbd,pre,samp{font-family:monospace;font-size:1em}code,pre{padding:2px 4px;background-color:#d8d8d8;border-radius:4px}kbd{padding:2px 4px;color:#eee;background-color:#2b2b2b;border-radius:4px}pre{display:block;word-break:break-all;word-wrap:break-word}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}a{background-color:transparent;-webkit-text-decoration-skip:objects;color:#2678b3}a:active,a:hover{outline-width:0;color:#3793d5}a:visited{color:#1d5c89}a:visited:active,a:visited:hover{color:#2678b3}figure{margin:1em 40px}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff3;color:#222}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}.hidden,[hidden],template{display:none}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:100%;line-height:1.3;margin:0}button,hr,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner,html [type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring,html [type=button]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c8c8c8;border-radius:4px;margin:0 2px;padding:.35em .65em .75em}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[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-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.btn{border-radius:4px;cursor:pointer;display:inline-block;margin:2px 0;padding:6px 12px;border:0;color:#2a2a2a;background:#dbdbdb}.btn:active,.btn:focus,.btn:hover{background:#eee}.btn.disabled,.btn[disabled],.btnfieldset[disabled]{cursor:not-allowed;opacity:.65}.btn.btn-b{color:#eee;background:#3f84b3}.btn.btn-b:active,.btn.btn-b:focus,.btn.btn-b:hover{background:#5597c3}.btn.btn-g{color:#eee;background:#2db747}.btn.btn-g:active,.btn.btn-g:focus,.btn.btn-g:hover{background:#3bcf57}.btn.btn-r{color:#eee;background:#ea4848}.btn.btn-r:active,.btn.btn-r:focus,.btn.btn-r:hover{background:#ee6a6a}.btn.btn-lg{padding:9px 15px;font-size:135%}.btn.btn-sm{padding:4px 8px;font-size:80%} \ No newline at end of file diff --git a/css/mini-button.css b/css/mini-button.css index acedc52..2497b53 100644 --- a/css/mini-button.css +++ b/css/mini-button.css @@ -6,55 +6,32 @@ display: inline-block; margin: 2px 0; padding: 6px 12px; + border: 0; color: #2a2a2a; - background: #dbdbdb; - border: 1px solid #b9b9b9; } + background: #dbdbdb; } .btn:hover, .btn:active, .btn:focus { - background: #c2c2c2; - border-color: #a0a0a0; } + background: #eeeeee; } .btn.disabled, .btn[disabled], .btnfieldset[disabled] { cursor: not-allowed; opacity: .65; } .btn.btn-b { - color: #eee; - background: #3370bb; - border: 1px solid #2d70af; } + color: #eeeeee; + background: #3f84b3; } .btn.btn-b:hover, .btn.btn-b:active, .btn.btn-b:focus { - background: #285893; - border-color: #235686; } + background: #5597c3; } .btn.btn-g { - color: #eee; - background: #4caf50; - border: 1px solid #3cb941; } + color: #eeeeee; + background: #2db747; } .btn.btn-g:hover, .btn.btn-g:active, .btn.btn-g:focus { - background: #3d8b40; - border-color: #309233; } - -.btn.btn-c { - color: #eee; - background: #38a6e8; - border: 1px solid #2dbdde; } - .btn.btn-c:hover, .btn.btn-c:active, .btn.btn-c:focus { - background: #198ed4; - border-color: #1d9dbb; } - -.btn.btn-y { - color: #eee; - background: #edc637; - border: 1px solid #d1bc24; } - .btn.btn-y:hover, .btn.btn-y:active, .btn.btn-y:focus { - background: #ddb214; - border-color: #a5951d; } + background: #3bcf57; } .btn.btn-r { - color: #eee; - background: #be2e2a; - border: 1px solid #ae342f; } + color: #eeeeee; + background: #ea4848; } .btn.btn-r:hover, .btn.btn-r:active, .btn.btn-r:focus { - background: #942421; - border-color: #862824; } + background: #ee6a6a; } .btn.btn-lg { padding: 9px 15px; diff --git a/css/mini-button.min.css b/css/mini-button.min.css index 3387e3d..8738b4f 100644 --- a/css/mini-button.min.css +++ b/css/mini-button.min.css @@ -1 +1 @@ -.btn{border-radius:4px;cursor:pointer;display:inline-block;margin:2px 0;padding:6px 12px;color:#2a2a2a;background:#dbdbdb;border:1px solid #b9b9b9}.btn:active,.btn:focus,.btn:hover{background:#c2c2c2;border-color:#a0a0a0}.btn.disabled,.btn[disabled],.btnfieldset[disabled]{cursor:not-allowed;opacity:.65}.btn.btn-b{color:#eee;background:#3370bb;border:1px solid #2d70af}.btn.btn-b:active,.btn.btn-b:focus,.btn.btn-b:hover{background:#285893;border-color:#235686}.btn.btn-g{color:#eee;background:#4caf50;border:1px solid #3cb941}.btn.btn-g:active,.btn.btn-g:focus,.btn.btn-g:hover{background:#3d8b40;border-color:#309233}.btn.btn-c{color:#eee;background:#38a6e8;border:1px solid #2dbdde}.btn.btn-c:active,.btn.btn-c:focus,.btn.btn-c:hover{background:#198ed4;border-color:#1d9dbb}.btn.btn-y{color:#eee;background:#edc637;border:1px solid #d1bc24}.btn.btn-y:active,.btn.btn-y:focus,.btn.btn-y:hover{background:#ddb214;border-color:#a5951d}.btn.btn-r{color:#eee;background:#be2e2a;border:1px solid #ae342f}.btn.btn-r:active,.btn.btn-r:focus,.btn.btn-r:hover{background:#942421;border-color:#862824}.btn.btn-lg{padding:9px 15px;font-size:135%}.btn.btn-sm{padding:4px 8px;font-size:80%} \ No newline at end of file +.btn{border-radius:4px;cursor:pointer;display:inline-block;margin:2px 0;padding:6px 12px;border:0;color:#2a2a2a;background:#dbdbdb}.btn:active,.btn:focus,.btn:hover{background:#eee}.btn.disabled,.btn[disabled],.btnfieldset[disabled]{cursor:not-allowed;opacity:.65}.btn.btn-b{color:#eee;background:#3f84b3}.btn.btn-b:active,.btn.btn-b:focus,.btn.btn-b:hover{background:#5597c3}.btn.btn-g{color:#eee;background:#2db747}.btn.btn-g:active,.btn.btn-g:focus,.btn.btn-g:hover{background:#3bcf57}.btn.btn-r{color:#eee;background:#ea4848}.btn.btn-r:active,.btn.btn-r:focus,.btn.btn-r:hover{background:#ee6a6a}.btn.btn-lg{padding:9px 15px;font-size:135%}.btn.btn-sm{padding:4px 8px;font-size:80%} \ No newline at end of file diff --git a/css/mini-full.css b/css/mini-full.css index fb350e1..bcfd859 100644 --- a/css/mini-full.css +++ b/css/mini-full.css @@ -209,55 +209,32 @@ textarea { display: inline-block; margin: 2px 0; padding: 6px 12px; + border: 0; color: #2a2a2a; - background: #dbdbdb; - border: 1px solid #b9b9b9; } + background: #dbdbdb; } .btn:hover, .btn:active, .btn:focus { - background: #c2c2c2; - border-color: #a0a0a0; } + background: #eeeeee; } .btn.disabled, .btn[disabled], .btnfieldset[disabled] { cursor: not-allowed; opacity: .65; } .btn.btn-b { - color: #eee; - background: #3370bb; - border: 1px solid #2d70af; } + color: #eeeeee; + background: #3f84b3; } .btn.btn-b:hover, .btn.btn-b:active, .btn.btn-b:focus { - background: #285893; - border-color: #235686; } + background: #5597c3; } .btn.btn-g { - color: #eee; - background: #4caf50; - border: 1px solid #3cb941; } + color: #eeeeee; + background: #2db747; } .btn.btn-g:hover, .btn.btn-g:active, .btn.btn-g:focus { - background: #3d8b40; - border-color: #309233; } - -.btn.btn-c { - color: #eee; - background: #38a6e8; - border: 1px solid #2dbdde; } - .btn.btn-c:hover, .btn.btn-c:active, .btn.btn-c:focus { - background: #198ed4; - border-color: #1d9dbb; } - -.btn.btn-y { - color: #eee; - background: #edc637; - border: 1px solid #d1bc24; } - .btn.btn-y:hover, .btn.btn-y:active, .btn.btn-y:focus { - background: #ddb214; - border-color: #a5951d; } + background: #3bcf57; } .btn.btn-r { - color: #eee; - background: #be2e2a; - border: 1px solid #ae342f; } + color: #eeeeee; + background: #ea4848; } .btn.btn-r:hover, .btn.btn-r:active, .btn.btn-r:focus { - background: #942421; - border-color: #862824; } + background: #ee6a6a; } .btn.btn-lg { padding: 9px 15px; diff --git a/css/mini-full.min.css b/css/mini-full.min.css index e87cfa8..86e20e3 100644 --- a/css/mini-full.min.css +++ b/css/mini-full.min.css @@ -1 +1 @@ -html{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:1em;line-height:1.5;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;color:#222;background-color:#eee}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1,h2,h3,h4,h5,h6,hr{line-height:1.3;margin:.7em 0;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,hr small{color:#484848;font-weight:200}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.15em}h4{font-size:1em}h5{font-size:.8em}h6{font-size:.7em}small{font-size:75%}p,pre{margin:0 0 .6em}ol,ul{margin-top:0;margin-bottom:.6em}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}hr{box-sizing:content-box;height:0;border:0;border-top:1px solid #c8c8c8}code,kbd,pre,samp{font-family:monospace;font-size:1em}code,pre{padding:2px 4px;background-color:#d8d8d8;border-radius:4px}kbd{padding:2px 4px;color:#eee;background-color:#2b2b2b;border-radius:4px}pre{display:block;word-break:break-all;word-wrap:break-word}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}a{background-color:transparent;-webkit-text-decoration-skip:objects;color:#2678b3}a:active,a:hover{outline-width:0;color:#3793d5}a:visited{color:#1d5c89}a:visited:active,a:visited:hover{color:#2678b3}figure{margin:1em 40px}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff3;color:#222}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}.hidden,[hidden],template{display:none}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:100%;line-height:1.3;margin:0}button,hr,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner,html [type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring,html [type=button]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c8c8c8;border-radius:4px;margin:0 2px;padding:.35em .65em .75em}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[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-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.btn{border-radius:4px;cursor:pointer;display:inline-block;margin:2px 0;padding:6px 12px;color:#2a2a2a;background:#dbdbdb;border:1px solid #b9b9b9}.btn:active,.btn:focus,.btn:hover{background:#c2c2c2;border-color:#a0a0a0}.btn.disabled,.btn[disabled],.btnfieldset[disabled]{cursor:not-allowed;opacity:.65}.btn.btn-b{color:#eee;background:#3370bb;border:1px solid #2d70af}.btn.btn-b:active,.btn.btn-b:focus,.btn.btn-b:hover{background:#285893;border-color:#235686}.btn.btn-g{color:#eee;background:#4caf50;border:1px solid #3cb941}.btn.btn-g:active,.btn.btn-g:focus,.btn.btn-g:hover{background:#3d8b40;border-color:#309233}.btn.btn-c{color:#eee;background:#38a6e8;border:1px solid #2dbdde}.btn.btn-c:active,.btn.btn-c:focus,.btn.btn-c:hover{background:#198ed4;border-color:#1d9dbb}.btn.btn-y{color:#eee;background:#edc637;border:1px solid #d1bc24}.btn.btn-y:active,.btn.btn-y:focus,.btn.btn-y:hover{background:#ddb214;border-color:#a5951d}.btn.btn-r{color:#eee;background:#be2e2a;border:1px solid #ae342f}.btn.btn-r:active,.btn.btn-r:focus,.btn.btn-r:hover{background:#942421;border-color:#862824}.btn.btn-lg{padding:9px 15px;font-size:135%}.btn.btn-sm{padding:4px 8px;font-size:80%}.grid-container *{box-sizing:border-box}.row:after,.row:before{content:"";display:table;clear:both}.col{float:left;padding:12px}.xs-3-1{width:33.33333%}.xs-3-2{width:66.66667%}.xs-3-3{width:100%}.xs-4-1{width:25%}.xs-4-2{width:50%}.xs-4-3{width:75%}.xs-4-4{width:100%}.xs-no{display:none}.lg-no,.md-no,.sm-no{display:block}@media (min-width:768px){.sm-3-1{width:33.33333%}.sm-3-2{width:66.66667%}.sm-3-3{width:100%}.sm-4-1{width:25%}.sm-4-2{width:50%}.sm-4-3{width:75%}.sm-4-4{width:100%}.sm-no{display:none}.lg-no,.md-no,.xs-no{display:block}}@media (min-width:1024px){.md-3-1{width:33.33333%}.md-3-2{width:66.66667%}.md-3-3{width:100%}.md-4-1{width:25%}.md-4-2{width:50%}.md-4-3{width:75%}.md-4-4{width:100%}.md-no{display:none}.lg-no,.sm-no,.xs-no{display:block}}@media (min-width:1280px){.lg-3-1{width:33.33333%}.lg-3-2{width:66.66667%}.lg-3-3{width:100%}.lg-4-1{width:25%}.lg-4-2{width:50%}.lg-4-3{width:75%}.lg-4-4{width:100%}.lg-no{display:none}.md-no,.sm-no,.xs-no{display:block}} \ No newline at end of file +html{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:1em;line-height:1.5;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;color:#222;background-color:#eee}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1,h2,h3,h4,h5,h6,hr{line-height:1.3;margin:.7em 0;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,hr small{color:#484848;font-weight:200}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.15em}h4{font-size:1em}h5{font-size:.8em}h6{font-size:.7em}small{font-size:75%}p,pre{margin:0 0 .6em}ol,ul{margin-top:0;margin-bottom:.6em}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}hr{box-sizing:content-box;height:0;border:0;border-top:1px solid #c8c8c8}code,kbd,pre,samp{font-family:monospace;font-size:1em}code,pre{padding:2px 4px;background-color:#d8d8d8;border-radius:4px}kbd{padding:2px 4px;color:#eee;background-color:#2b2b2b;border-radius:4px}pre{display:block;word-break:break-all;word-wrap:break-word}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}a{background-color:transparent;-webkit-text-decoration-skip:objects;color:#2678b3}a:active,a:hover{outline-width:0;color:#3793d5}a:visited{color:#1d5c89}a:visited:active,a:visited:hover{color:#2678b3}figure{margin:1em 40px}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff3;color:#222}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}.hidden,[hidden],template{display:none}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:100%;line-height:1.3;margin:0}button,hr,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner,html [type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring,html [type=button]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c8c8c8;border-radius:4px;margin:0 2px;padding:.35em .65em .75em}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[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-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.btn{border-radius:4px;cursor:pointer;display:inline-block;margin:2px 0;padding:6px 12px;border:0;color:#2a2a2a;background:#dbdbdb}.btn:active,.btn:focus,.btn:hover{background:#eee}.btn.disabled,.btn[disabled],.btnfieldset[disabled]{cursor:not-allowed;opacity:.65}.btn.btn-b{color:#eee;background:#3f84b3}.btn.btn-b:active,.btn.btn-b:focus,.btn.btn-b:hover{background:#5597c3}.btn.btn-g{color:#eee;background:#2db747}.btn.btn-g:active,.btn.btn-g:focus,.btn.btn-g:hover{background:#3bcf57}.btn.btn-r{color:#eee;background:#ea4848}.btn.btn-r:active,.btn.btn-r:focus,.btn.btn-r:hover{background:#ee6a6a}.btn.btn-lg{padding:9px 15px;font-size:135%}.btn.btn-sm{padding:4px 8px;font-size:80%}.grid-container *{box-sizing:border-box}.row:after,.row:before{content:"";display:table;clear:both}.col{float:left;padding:12px}.xs-3-1{width:33.33333%}.xs-3-2{width:66.66667%}.xs-3-3{width:100%}.xs-4-1{width:25%}.xs-4-2{width:50%}.xs-4-3{width:75%}.xs-4-4{width:100%}.xs-no{display:none}.lg-no,.md-no,.sm-no{display:block}@media (min-width:768px){.sm-3-1{width:33.33333%}.sm-3-2{width:66.66667%}.sm-3-3{width:100%}.sm-4-1{width:25%}.sm-4-2{width:50%}.sm-4-3{width:75%}.sm-4-4{width:100%}.sm-no{display:none}.lg-no,.md-no,.xs-no{display:block}}@media (min-width:1024px){.md-3-1{width:33.33333%}.md-3-2{width:66.66667%}.md-3-3{width:100%}.md-4-1{width:25%}.md-4-2{width:50%}.md-4-3{width:75%}.md-4-4{width:100%}.md-no{display:none}.lg-no,.sm-no,.xs-no{display:block}}@media (min-width:1280px){.lg-3-1{width:33.33333%}.lg-3-2{width:66.66667%}.lg-3-3{width:100%}.lg-4-1{width:25%}.lg-4-2{width:50%}.lg-4-3{width:75%}.lg-4-4{width:100%}.lg-no{display:none}.md-no,.sm-no,.xs-no{display:block}} \ No newline at end of file diff --git a/scss/mini/_button.scss b/scss/mini/_button.scss index 7575b9f..c448f46 100644 --- a/scss/mini/_button.scss +++ b/scss/mini/_button.scss @@ -1,10 +1,8 @@ -@mixin btn-variant ($color, $background, $border){ +@mixin btn-variant ($color, $background){ color: $color; background: $background; - border: 1px solid $border; &:hover, &:active, &:focus{ - background: darken($background,10%); - border-color: darken($border,10%); + background: lighten($background, 7.5%); } } @@ -14,7 +12,8 @@ display: inline-block; margin: 2px 0; padding: 6px 12px; - @include btn-variant($btn-color, $btn-background-color, $btn-border-color); + border: 0; + @include btn-variant($btn-color, $btn-background-color); &.disabled, &[disabled], &fieldset[disabled]{ cursor: not-allowed; opacity: .65; @@ -22,23 +21,15 @@ } .btn.btn-b{ - @include btn-variant($btn-b-color, $btn-b-background-color, $btn-b-border-color); + @include btn-variant($btn-color-alt, $btn-b-background-color); } .btn.btn-g{ - @include btn-variant($btn-g-color, $btn-g-background-color, $btn-g-border-color); -} - -.btn.btn-c{ - @include btn-variant($btn-c-color, $btn-c-background-color, $btn-c-border-color); -} - -.btn.btn-y{ - @include btn-variant($btn-y-color, $btn-y-background-color, $btn-y-border-color); + @include btn-variant($btn-color-alt, $btn-g-background-color); } .btn.btn-r{ - @include btn-variant($btn-r-color, $btn-r-background-color, $btn-r-border-color); + @include btn-variant($btn-color-alt, $btn-r-background-color); } .btn.btn-lg{ diff --git a/scss/mini/_variables.scss b/scss/mini/_variables.scss index 9c5cb8c..6c56175 100644 --- a/scss/mini/_variables.scss +++ b/scss/mini/_variables.scss @@ -4,21 +4,10 @@ $body-color: #222; $a-color: #2678b3; $mark-color: #ffff33; /* Button */ -$btn-background-color: #dbdbdb; $btn-color: #2a2a2a; +$btn-color-alt: #eeeeee; $btn-border-color: #b9b9b9; -$btn-b-background-color: #3370bb; -$btn-b-color: #eee; -$btn-b-border-color: #2d70af; -$btn-g-background-color: #4caf50; -$btn-g-color: #eee; -$btn-g-border-color: #3cb941; -$btn-c-background-color: #38a6e8; -$btn-c-color: #eee; -$btn-c-border-color: #2dbdde; -$btn-y-background-color: #edc637; -$btn-y-color: #eee; -$btn-y-border-color: #d1bc24; -$btn-r-background-color: #be2e2a; -$btn-r-color: #eee; -$btn-r-border-color: #ae342f; \ No newline at end of file +$btn-background-color: #dbdbdb; +$btn-b-background-color: #3f84b3; +$btn-g-background-color: #2db747; +$btn-r-background-color: #ea4848; \ No newline at end of file diff --git a/testpage.html b/testpage.html index fff10ce..a0cc901 100644 --- a/testpage.html +++ b/testpage.html @@ -59,7 +59,7 @@ Suspendisse varius turpis et dui viverra semper.
Etiam maximus, ante vitae porttitor tincidunt, sem erat pharetra turpis, a ornare tortor purus ut justo.

- +
Nam non diam ante. Curabitur non enim vitae eros luctus porta.
1c
2c
3c