javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

Updated button styles to Ben's taste

Browse Source
This commit is contained in:
Max Lynch
2013-09-25 11:33:29 -05:00
parent a8a2217182
commit 02db453c70
6 changed files with 147 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

144
dist/ionic.css vendored
View File

@@ -1208,81 +1208,81 @@ address {
color: #333333;
text-decoration: none; }
.bar-default .button.active, .bar-default .button:active {
background-color: #ebebeb;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: #c4c4c4; }
background-color: #fafafa;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
border-color: #bbbbbb; }
.bar-secondary .button {
color: #333333;
background-color: whitesmoke;
border-color: #cccccc; }
border-color: #bbbbbb; }
.bar-secondary .button:hover {
color: #333333;
text-decoration: none; }
.bar-secondary .button.active, .bar-secondary .button:active {
background-color: #e1e1e1;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: #b3b3b3; }
background-color: #e5e5e5;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
border-color: #999999; }
.bar-primary .button {
color: white;
background-color: #6999e9;
border-color: #5981c5; }
background-color: #4a87ee;
border-color: #3b6dc2; }
.bar-primary .button:hover {
color: white;
text-decoration: none; }
.bar-primary .button.active, .bar-primary .button:active {
background-color: #4581e4;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: #3d67ae; }
background-color: #4175ce;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
border-color: #32599c; }
.bar-info .button {
color: white;
background-color: #60d2e6;
border-color: #51b3c4; }
background-color: #43cee6;
border-color: #3bb3c8; }
.bar-info .button:hover {
color: white;
text-decoration: none; }
.bar-info .button.active, .bar-info .button:active {
background-color: #3dc8e0;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: #3998a9; }
background-color: #3db8cd;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
border-color: #3293a4; }
.bar-success .button {
color: white;
background-color: #89c163;
border-color: #71a052; }
background-color: #66cc33;
border-color: #5bb22f; }
.bar-success .button:hover {
color: white;
text-decoration: none; }
.bar-success .button.active, .bar-success .button:active {
background-color: #73b447;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: #597e41; }
background-color: #55aa2b;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
border-color: #448922; }
.bar-warning .button {
color: white;
background-color: #f0b840;
border-color: #cf9a29; }
border-color: #d29f31; }
.bar-warning .button:hover {
color: white;
text-decoration: none; }
.bar-warning .button.active, .bar-warning .button:active {
background-color: #edaa1a;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: #a47a21; }
background-color: #e2a114;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
border-color: #b88517; }
.bar-danger .button {
color: white;
background-color: #de5645;
border-color: #bc4435; }
background-color: #ef4e3a;
border-color: #c73927; }
.bar-danger .button:hover {
color: white;
text-decoration: none; }
.bar-danger .button.active, .bar-danger .button:active {
background-color: #d43926;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: #94362a; }
background-color: #ce4331;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
border-color: #9f3527; }
.bar-dark .button {
color: white;
@@ -1292,8 +1292,8 @@ address {
color: white;
text-decoration: none; }
.bar-dark .button.active, .bar-dark .button:active {
background-color: #303030;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
background-color: #222222;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
border-color: black; }
.bar .button-icon {
@@ -1342,7 +1342,7 @@ address {
color: #333333; }
.tabs.tabs-secondary {
background-color: whitesmoke;
border-color: #cccccc;
border-color: #bbbbbb;
color: #333333; }
.tabs.tabs-primary {
background-color: #6999e9;
@@ -1465,15 +1465,15 @@ address {
border-color: #c4c4c4; }
.list.list-success {
color: white;
background-color: #89c163;
border-color: #89c163; }
background-color: #66cc33;
border-color: #66cc33; }
.list.list-success:hover {
color: white;
text-decoration: none; }
.list.list-success.active, .list.list-success:active {
background-color: #73b447;
background-color: #56ab2b;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: #6fac45; }
border-color: #52a329; }
.list-item {
position: relative;
@@ -1862,75 +1862,75 @@ input[type="checkbox"][readonly] {
color: #333333;
text-decoration: none; }
.button.button-default.active, .button.button-default:active {
background-color: #ebebeb;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: #c4c4c4; }
background-color: #fafafa;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
border-color: #bbbbbb; }
.button.button-secondary {
color: #333333;
background-color: whitesmoke;
border-color: #cccccc; }
border-color: #bbbbbb; }
.button.button-secondary:hover {
color: #333333;
text-decoration: none; }
.button.button-secondary.active, .button.button-secondary:active {
background-color: #e1e1e1;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: #b3b3b3; }
background-color: #e5e5e5;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
border-color: #999999; }
.button.button-primary {
color: white;
background-color: #6999e9;
border-color: #5981c5; }
background-color: #4a87ee;
border-color: #3b6dc2; }
.button.button-primary:hover {
color: white;
text-decoration: none; }
.button.button-primary.active, .button.button-primary:active {
background-color: #4581e4;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: #3d67ae; }
background-color: #4175ce;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
border-color: #32599c; }
.button.button-info {
color: white;
background-color: #60d2e6;
border-color: #51b3c4; }
background-color: #43cee6;
border-color: #3bb3c8; }
.button.button-info:hover {
color: white;
text-decoration: none; }
.button.button-info.active, .button.button-info:active {
background-color: #3dc8e0;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: #3998a9; }
background-color: #3db8cd;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
border-color: #3293a4; }
.button.button-success {
color: white;
background-color: #89c163;
border-color: #71a052; }
background-color: #66cc33;
border-color: #5bb22f; }
.button.button-success:hover {
color: white;
text-decoration: none; }
.button.button-success.active, .button.button-success:active {
background-color: #73b447;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: #597e41; }
background-color: #55aa2b;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
border-color: #448922; }
.button.button-warning {
color: white;
background-color: #f0b840;
border-color: #cf9a29; }
border-color: #d29f31; }
.button.button-warning:hover {
color: white;
text-decoration: none; }
.button.button-warning.active, .button.button-warning:active {
background-color: #edaa1a;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: #a47a21; }
background-color: #e2a114;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
border-color: #b88517; }
.button.button-danger {
color: white;
background-color: #de5645;
border-color: #bc4435; }
background-color: #ef4e3a;
border-color: #c73927; }
.button.button-danger:hover {
color: white;
text-decoration: none; }
.button.button-danger.active, .button.button-danger:active {
background-color: #d43926;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
border-color: #94362a; }
background-color: #ce4331;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
border-color: #9f3527; }
.button.button-dark {
color: white;
background-color: #444444;
@@ -1939,8 +1939,8 @@ input[type="checkbox"][readonly] {
color: white;
text-decoration: none; }
.button.button-dark.active, .button.button-dark:active {
background-color: #303030;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12);
background-color: #222222;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
border-color: black; }
.button.button-icon {
border: none;
@@ -1956,7 +1956,7 @@ a.button {
.button-transparent {
background: transparent; }
.button-borderless [class^="icon-"] {
.button-clear [class^="icon-"] {
font-size: 24px; }
.button-group {