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

icon colors

Browse Source
This commit is contained in:
Adam Bradley
2013-11-01 14:13:43 -05:00
parent 979bba4810
commit e8bd9a5dee
9 changed files with 270 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
dist/css/ionic.css vendored
View File

@@ -2617,7 +2617,9 @@ a.item {
font-size: 32px; }
.item .fill-icon {
font-size: 28px; }
font-size: 28px;
min-width: 30px;
min-height: 30px; }
.item-icon-left {
padding-left: 45px; }
@@ -2732,12 +2734,18 @@ button.item-icon-right:after {
.item-divider {
margin: -1px;
padding: 5px 15px;
min-height: 30px;
border: none;
background-color: whitesmoke;
box-shadow: inset 0 0 1px #666666;
color: #222222;
font-weight: bold; }
.item-note {
float: right;
color: #aaa;
font-size: 14px; }
.item-sliding {
-webkit-transition: -webkit-transform 0.1s ease-in-out; }
@@ -2843,11 +2851,6 @@ button.item-icon-right:after {
padding-right: 1px;
padding-left: 1px; }
.item-label-right {
float: right;
color: #aaa;
font-size: 14px; }
/*
A card and list-inset are close to the same thing, except a card as a box shadow.
*/
@@ -3954,6 +3957,45 @@ a.button {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
i.icon-default, .icon.icon-default {
color: white; }
i.icon-secondary, .icon.icon-secondary {
color: gainsboro; }
i.icon-primary, .icon.icon-primary {
color: #4a87ee; }
i.icon-info, .icon.icon-info {
color: #43cee6; }
i.icon-success, .icon.icon-success {
color: #66cc33; }
i.icon-warning, .icon.icon-warning {
color: #f0b840; }
i.icon-danger, .icon.icon-danger {
color: #ef4e3a; }
i.icon-dark, .icon.icon-dark {
color: #444444; }
i.icon-gray-darker, .icon.icon-gray-darker {
color: #222222; }
i.icon-gray-dark, .icon.icon-gray-dark {
color: #333333; }
i.icon-gray, .icon.icon-gray {
color: #555555; }
i.icon-gray-light, .icon.icon-gray-light {
color: #999999; }
i.icon-gray-lighter, .icon.icon-gray-lighter {
color: #999999; }
.fill-icon {
color: white !important; }
.fill-icon:before {
@@ -3961,31 +4003,31 @@ a.button {
position: relative;
border-radius: 6px;
padding: 1px; }
.fill-icon.brand-default:before {
.fill-icon.icon-default:before {
background: white; }
.fill-icon.brand-secondary:before {
.fill-icon.icon-secondary:before {
background: whitesmoke; }
.fill-icon.brand-primary:before {
.fill-icon.icon-primary:before {
background: #4a87ee; }
.fill-icon.brand-info:before {
.fill-icon.icon-info:before {
background: #43cee6; }
.fill-icon.brand-success:before {
.fill-icon.icon-success:before {
background: #66cc33; }
.fill-icon.brand-warning:before {
.fill-icon.icon-warning:before {
background: #f0b840; }
.fill-icon.brand-danger:before {
.fill-icon.icon-danger:before {
background: #ef4e3a; }
.fill-icon.brand-dark:before {
.fill-icon.icon-dark:before {
background: #444444; }
.fill-icon.gray-darker:before {
.fill-icon.icon-gray-darker:before {
background: #222222; }
.fill-icon.gray-dark:before {
.fill-icon.icon-gray-dark:before {
background: #333333; }
.fill-icon.gray:before {
.fill-icon.icon-gray:before {
background: #555555; }
.fill-icon.gray-light:before {
.fill-icon.icon-gray-light:before {
background: #999999; }
.fill-icon.gray-lighter:before {
.fill-icon.icon-gray-lighter:before {
background: #eeeeee; }
.icon-loading {