mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-08 15:51:16 +08:00
update auto ion-chevron-right
This commit is contained in:
Adam Bradley
82
dist/css/ionic-ios7.css
vendored
82
dist/css/ionic-ios7.css
vendored
@ -1054,60 +1054,68 @@ a.subdued {
|
|||||||
z-index: 2; }
|
z-index: 2; }
|
||||||
.item.active .item-heading, .item.active:hover .item-heading, .item.active:focus .item-heading {
|
.item.active .item-heading, .item.active:hover .item-heading, .item.active:focus .item-heading {
|
||||||
color: inherit; }
|
color: inherit; }
|
||||||
.item.item-default.active, .item.item-default:active {
|
|
||||||
|
.item-default.active, .item-default:active {
|
||||||
color: #333333;
|
color: #333333;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border-color: #333333; }
|
border-color: #333333; }
|
||||||
.item.item-default.active .list-item-content, .item.item-default:active .list-item-content {
|
.item-default.active .list-item-content, .item-default:active .list-item-content {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
color: #333333; }
|
color: #333333; }
|
||||||
.item.item-secondary.active, .item.item-secondary:active {
|
|
||||||
|
.item-secondary.active, .item-secondary:active {
|
||||||
color: #333333;
|
color: #333333;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border-color: #333333; }
|
border-color: #333333; }
|
||||||
.item.item-secondary.active .list-item-content, .item.item-secondary:active .list-item-content {
|
.item-secondary.active .list-item-content, .item-secondary:active .list-item-content {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
color: #333333; }
|
color: #333333; }
|
||||||
.item.item-primary.active, .item.item-primary:active {
|
|
||||||
|
.item-primary.active, .item-primary:active {
|
||||||
color: white;
|
color: white;
|
||||||
background-color: #4a87ee;
|
background-color: #4a87ee;
|
||||||
border-color: #333333; }
|
border-color: #333333; }
|
||||||
.item.item-primary.active .list-item-content, .item.item-primary:active .list-item-content {
|
.item-primary.active .list-item-content, .item-primary:active .list-item-content {
|
||||||
background-color: #4a87ee;
|
background-color: #4a87ee;
|
||||||
color: white; }
|
color: white; }
|
||||||
.item.item-info.active, .item.item-info:active {
|
|
||||||
|
.item-info.active, .item-info:active {
|
||||||
color: white;
|
color: white;
|
||||||
background-color: #43cee6;
|
background-color: #43cee6;
|
||||||
border-color: #333333; }
|
border-color: #333333; }
|
||||||
.item.item-info.active .list-item-content, .item.item-info:active .list-item-content {
|
.item-info.active .list-item-content, .item-info:active .list-item-content {
|
||||||
background-color: #43cee6;
|
background-color: #43cee6;
|
||||||
color: white; }
|
color: white; }
|
||||||
.item.item-success.active, .item.item-success:active {
|
|
||||||
|
.item-success.active, .item-success:active {
|
||||||
color: white;
|
color: white;
|
||||||
background-color: #66cc33;
|
background-color: #66cc33;
|
||||||
border-color: #333333; }
|
border-color: #333333; }
|
||||||
.item.item-success.active .list-item-content, .item.item-success:active .list-item-content {
|
.item-success.active .list-item-content, .item-success:active .list-item-content {
|
||||||
background-color: #66cc33;
|
background-color: #66cc33;
|
||||||
color: white; }
|
color: white; }
|
||||||
.item.item-warning.active, .item.item-warning:active {
|
|
||||||
|
.item-warning.active, .item-warning:active {
|
||||||
color: white;
|
color: white;
|
||||||
background-color: #f0b840;
|
background-color: #f0b840;
|
||||||
border-color: #333333; }
|
border-color: #333333; }
|
||||||
.item.item-warning.active .list-item-content, .item.item-warning:active .list-item-content {
|
.item-warning.active .list-item-content, .item-warning:active .list-item-content {
|
||||||
background-color: #f0b840;
|
background-color: #f0b840;
|
||||||
color: white; }
|
color: white; }
|
||||||
.item.item-danger.active, .item.item-danger:active {
|
|
||||||
|
.item-danger.active, .item-danger:active {
|
||||||
color: white;
|
color: white;
|
||||||
background-color: #ef4e3a;
|
background-color: #ef4e3a;
|
||||||
border-color: #333333; }
|
border-color: #333333; }
|
||||||
.item.item-danger.active .list-item-content, .item.item-danger:active .list-item-content {
|
.item-danger.active .list-item-content, .item-danger:active .list-item-content {
|
||||||
background-color: #ef4e3a;
|
background-color: #ef4e3a;
|
||||||
color: white; }
|
color: white; }
|
||||||
.item.item-dark.active, .item.item-dark:active {
|
|
||||||
|
.item-dark.active, .item-dark:active {
|
||||||
color: white;
|
color: white;
|
||||||
background-color: #444444;
|
background-color: #444444;
|
||||||
border-color: #333333; }
|
border-color: #333333; }
|
||||||
.item.item-dark.active .list-item-content, .item.item-dark:active .list-item-content {
|
.item-dark.active .list-item-content, .item-dark:active .list-item-content {
|
||||||
background-color: #444444;
|
background-color: #444444;
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
||||||
@ -1202,9 +1210,9 @@ a.item {
|
|||||||
font-size: 32px; }
|
font-size: 32px; }
|
||||||
|
|
||||||
.item .fill-icon {
|
.item .fill-icon {
|
||||||
font-size: 28px;
|
|
||||||
min-width: 30px;
|
min-width: 30px;
|
||||||
min-height: 30px; }
|
min-height: 30px;
|
||||||
|
font-size: 28px; }
|
||||||
|
|
||||||
.item-icon-left {
|
.item-icon-left {
|
||||||
padding-left: 45px; }
|
padding-left: 45px; }
|
||||||
@ -1248,13 +1256,13 @@ button.item:active,
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 7.5px;
|
top: 7.5px;
|
||||||
left: 7.5px;
|
left: 7.5px;
|
||||||
font-size: 32px;
|
min-height: 32px;
|
||||||
min-height: 32px; }
|
font-size: 32px; }
|
||||||
.item-button-left > .button .icon,
|
.item-button-left > .button .icon,
|
||||||
.item-button-left .item-content > .button .icon {
|
.item-button-left .item-content > .button .icon {
|
||||||
position: relative;
|
position: relative;
|
||||||
line-height: 31px;
|
left: auto;
|
||||||
left: auto; }
|
line-height: 31px; }
|
||||||
|
|
||||||
.item-button-right {
|
.item-button-right {
|
||||||
padding-right: 75px; }
|
padding-right: 75px; }
|
||||||
@ -1274,13 +1282,13 @@ button.item:active,
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 7.5px;
|
top: 7.5px;
|
||||||
right: 15px;
|
right: 15px;
|
||||||
font-size: 32px;
|
min-height: 32px;
|
||||||
min-height: 32px; }
|
font-size: 32px; }
|
||||||
.item-button-right > .button .icon,
|
.item-button-right > .button .icon,
|
||||||
.item-button-right .item-content > .button .icon {
|
.item-button-right .item-content > .button .icon {
|
||||||
position: relative;
|
position: relative;
|
||||||
line-height: 31px;
|
left: auto;
|
||||||
left: auto; }
|
line-height: 31px; }
|
||||||
|
|
||||||
a.item:after,
|
a.item:after,
|
||||||
button.item:after {
|
button.item:after {
|
||||||
@ -1300,13 +1308,13 @@ button.item:after {
|
|||||||
right: 11px;
|
right: 11px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
color: #ccc;
|
color: #ccc;
|
||||||
content: "\e0fc";
|
content: "\f125";
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-variant: normal;
|
font-variant: normal;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-family: 'ionicons';
|
font-family: 'Ionicons';
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
speak: none;
|
speak: none;
|
||||||
-webkit-font-smoothing: antialiased; }
|
-webkit-font-smoothing: antialiased; }
|
||||||
@ -1725,7 +1733,7 @@ input[type="file"] {
|
|||||||
line-height: 34px; }
|
line-height: 34px; }
|
||||||
|
|
||||||
select {
|
select {
|
||||||
border: 1px solid #cccccc;
|
border: 1px solid #ccc;
|
||||||
background-color: white; }
|
background-color: white; }
|
||||||
|
|
||||||
select[multiple],
|
select[multiple],
|
||||||
@ -1797,7 +1805,7 @@ input[type="checkbox"][readonly] {
|
|||||||
right: 20px;
|
right: 20px;
|
||||||
transition: 0.2s ease;
|
transition: 0.2s ease;
|
||||||
transition-property: left, right;
|
transition-property: left, right;
|
||||||
transition-delay: 0s, 0.05s; }
|
transition-delay: 0s, .05s; }
|
||||||
|
|
||||||
.toggle :checked + .track {
|
.toggle :checked + .track {
|
||||||
/* When the toggle is "on" */
|
/* When the toggle is "on" */
|
||||||
@ -1812,7 +1820,7 @@ input[type="checkbox"][readonly] {
|
|||||||
right: 0;
|
right: 0;
|
||||||
left: 20px;
|
left: 20px;
|
||||||
-webkit-transform: none;
|
-webkit-transform: none;
|
||||||
transition-delay: 0.05s, 0s; }
|
transition-delay: .05s, 0s; }
|
||||||
|
|
||||||
.item-radio {
|
.item-radio {
|
||||||
padding: 0; }
|
padding: 0; }
|
||||||
@ -2453,9 +2461,9 @@ a.button {
|
|||||||
line-height: 1;
|
line-height: 1;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
-webkit-animation: spin 0.75s linear infinite;
|
-webkit-animation: spin .75s linear infinite;
|
||||||
-moz-animation: spin 0.75s linear infinite;
|
-moz-animation: spin .75s linear infinite;
|
||||||
animation: spin 0.75s linear infinite; }
|
animation: spin .75s linear infinite; }
|
||||||
.ion-loading:before {
|
.ion-loading:before {
|
||||||
content: "\e144"; }
|
content: "\e144"; }
|
||||||
|
|
||||||
@ -2468,9 +2476,9 @@ a.button {
|
|||||||
line-height: 1;
|
line-height: 1;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
-webkit-animation: spin 0.75s linear infinite;
|
-webkit-animation: spin .75s linear infinite;
|
||||||
-moz-animation: spin 0.75s linear infinite;
|
-moz-animation: spin .75s linear infinite;
|
||||||
animation: spin 0.75s linear infinite; }
|
animation: spin .75s linear infinite; }
|
||||||
.ion-refreshing:before {
|
.ion-refreshing:before {
|
||||||
content: "\e144"; }
|
content: "\e144"; }
|
||||||
|
|
||||||
|
|||||||
76
dist/css/ionic-scoped.css
vendored
76
dist/css/ionic-scoped.css
vendored
@ -1680,7 +1680,7 @@
|
|||||||
.ionic fieldset {
|
.ionic fieldset {
|
||||||
margin: 0 2px;
|
margin: 0 2px;
|
||||||
padding: 0.35em 0.625em 0.75em;
|
padding: 0.35em 0.625em 0.75em;
|
||||||
border: 1px solid silver; }
|
border: 1px solid #c0c0c0; }
|
||||||
.ionic legend {
|
.ionic legend {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
/* 2 */
|
/* 2 */
|
||||||
@ -2435,60 +2435,60 @@
|
|||||||
z-index: 2; }
|
z-index: 2; }
|
||||||
.ionic .item.active .item-heading, .ionic .item.active:hover .item-heading, .ionic .item.active:focus .item-heading {
|
.ionic .item.active .item-heading, .ionic .item.active:hover .item-heading, .ionic .item.active:focus .item-heading {
|
||||||
color: inherit; }
|
color: inherit; }
|
||||||
.ionic .item.item-default.active, .ionic .item.item-default:active {
|
.ionic .item-default.active, .ionic .item-default:active {
|
||||||
color: #333333;
|
color: #333333;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border-color: #333333; }
|
border-color: #333333; }
|
||||||
.ionic .item.item-default.active .list-item-content, .ionic .item.item-default:active .list-item-content {
|
.ionic .item-default.active .list-item-content, .ionic .item-default:active .list-item-content {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
color: #333333; }
|
color: #333333; }
|
||||||
.ionic .item.item-secondary.active, .ionic .item.item-secondary:active {
|
.ionic .item-secondary.active, .ionic .item-secondary:active {
|
||||||
color: #333333;
|
color: #333333;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border-color: #333333; }
|
border-color: #333333; }
|
||||||
.ionic .item.item-secondary.active .list-item-content, .ionic .item.item-secondary:active .list-item-content {
|
.ionic .item-secondary.active .list-item-content, .ionic .item-secondary:active .list-item-content {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
color: #333333; }
|
color: #333333; }
|
||||||
.ionic .item.item-primary.active, .ionic .item.item-primary:active {
|
.ionic .item-primary.active, .ionic .item-primary:active {
|
||||||
color: white;
|
color: white;
|
||||||
background-color: #4a87ee;
|
background-color: #4a87ee;
|
||||||
border-color: #333333; }
|
border-color: #333333; }
|
||||||
.ionic .item.item-primary.active .list-item-content, .ionic .item.item-primary:active .list-item-content {
|
.ionic .item-primary.active .list-item-content, .ionic .item-primary:active .list-item-content {
|
||||||
background-color: #4a87ee;
|
background-color: #4a87ee;
|
||||||
color: white; }
|
color: white; }
|
||||||
.ionic .item.item-info.active, .ionic .item.item-info:active {
|
.ionic .item-info.active, .ionic .item-info:active {
|
||||||
color: white;
|
color: white;
|
||||||
background-color: #43cee6;
|
background-color: #43cee6;
|
||||||
border-color: #333333; }
|
border-color: #333333; }
|
||||||
.ionic .item.item-info.active .list-item-content, .ionic .item.item-info:active .list-item-content {
|
.ionic .item-info.active .list-item-content, .ionic .item-info:active .list-item-content {
|
||||||
background-color: #43cee6;
|
background-color: #43cee6;
|
||||||
color: white; }
|
color: white; }
|
||||||
.ionic .item.item-success.active, .ionic .item.item-success:active {
|
.ionic .item-success.active, .ionic .item-success:active {
|
||||||
color: white;
|
color: white;
|
||||||
background-color: #66cc33;
|
background-color: #66cc33;
|
||||||
border-color: #333333; }
|
border-color: #333333; }
|
||||||
.ionic .item.item-success.active .list-item-content, .ionic .item.item-success:active .list-item-content {
|
.ionic .item-success.active .list-item-content, .ionic .item-success:active .list-item-content {
|
||||||
background-color: #66cc33;
|
background-color: #66cc33;
|
||||||
color: white; }
|
color: white; }
|
||||||
.ionic .item.item-warning.active, .ionic .item.item-warning:active {
|
.ionic .item-warning.active, .ionic .item-warning:active {
|
||||||
color: white;
|
color: white;
|
||||||
background-color: #f0b840;
|
background-color: #f0b840;
|
||||||
border-color: #333333; }
|
border-color: #333333; }
|
||||||
.ionic .item.item-warning.active .list-item-content, .ionic .item.item-warning:active .list-item-content {
|
.ionic .item-warning.active .list-item-content, .ionic .item-warning:active .list-item-content {
|
||||||
background-color: #f0b840;
|
background-color: #f0b840;
|
||||||
color: white; }
|
color: white; }
|
||||||
.ionic .item.item-danger.active, .ionic .item.item-danger:active {
|
.ionic .item-danger.active, .ionic .item-danger:active {
|
||||||
color: white;
|
color: white;
|
||||||
background-color: #ef4e3a;
|
background-color: #ef4e3a;
|
||||||
border-color: #333333; }
|
border-color: #333333; }
|
||||||
.ionic .item.item-danger.active .list-item-content, .ionic .item.item-danger:active .list-item-content {
|
.ionic .item-danger.active .list-item-content, .ionic .item-danger:active .list-item-content {
|
||||||
background-color: #ef4e3a;
|
background-color: #ef4e3a;
|
||||||
color: white; }
|
color: white; }
|
||||||
.ionic .item.item-dark.active, .ionic .item.item-dark:active {
|
.ionic .item-dark.active, .ionic .item-dark:active {
|
||||||
color: white;
|
color: white;
|
||||||
background-color: #444444;
|
background-color: #444444;
|
||||||
border-color: #333333; }
|
border-color: #333333; }
|
||||||
.ionic .item.item-dark.active .list-item-content, .ionic .item.item-dark:active .list-item-content {
|
.ionic .item-dark.active .list-item-content, .ionic .item-dark:active .list-item-content {
|
||||||
background-color: #444444;
|
background-color: #444444;
|
||||||
color: white; }
|
color: white; }
|
||||||
.ionic .item,
|
.ionic .item,
|
||||||
@ -2575,9 +2575,9 @@
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
font-size: 32px; }
|
font-size: 32px; }
|
||||||
.ionic .item .fill-icon {
|
.ionic .item .fill-icon {
|
||||||
font-size: 28px;
|
|
||||||
min-width: 30px;
|
min-width: 30px;
|
||||||
min-height: 30px; }
|
min-height: 30px;
|
||||||
|
font-size: 28px; }
|
||||||
.ionic .item-icon-left {
|
.ionic .item-icon-left {
|
||||||
padding-left: 45px; }
|
padding-left: 45px; }
|
||||||
.ionic .item-icon-left .icon {
|
.ionic .item-icon-left .icon {
|
||||||
@ -2613,13 +2613,13 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 7.5px;
|
top: 7.5px;
|
||||||
left: 7.5px;
|
left: 7.5px;
|
||||||
font-size: 32px;
|
min-height: 32px;
|
||||||
min-height: 32px; }
|
font-size: 32px; }
|
||||||
.ionic .item-button-left > .button .icon,
|
.ionic .item-button-left > .button .icon,
|
||||||
.ionic .item-button-left .item-content > .button .icon {
|
.ionic .item-button-left .item-content > .button .icon {
|
||||||
position: relative;
|
position: relative;
|
||||||
line-height: 31px;
|
left: auto;
|
||||||
left: auto; }
|
line-height: 31px; }
|
||||||
.ionic .item-button-right {
|
.ionic .item-button-right {
|
||||||
padding-right: 75px; }
|
padding-right: 75px; }
|
||||||
.ionic .item-button-right > .button,
|
.ionic .item-button-right > .button,
|
||||||
@ -2637,13 +2637,13 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 7.5px;
|
top: 7.5px;
|
||||||
right: 15px;
|
right: 15px;
|
||||||
font-size: 32px;
|
min-height: 32px;
|
||||||
min-height: 32px; }
|
font-size: 32px; }
|
||||||
.ionic .item-button-right > .button .icon,
|
.ionic .item-button-right > .button .icon,
|
||||||
.ionic .item-button-right .item-content > .button .icon {
|
.ionic .item-button-right .item-content > .button .icon {
|
||||||
position: relative;
|
position: relative;
|
||||||
line-height: 31px;
|
left: auto;
|
||||||
left: auto; }
|
line-height: 31px; }
|
||||||
.ionic a.item:after,
|
.ionic a.item:after,
|
||||||
.ionic button.item:after {
|
.ionic button.item:after {
|
||||||
/* By default, both <a> and <button> have right side arrow icons */
|
/* By default, both <a> and <button> have right side arrow icons */
|
||||||
@ -2662,13 +2662,13 @@
|
|||||||
right: 11px;
|
right: 11px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
color: #ccc;
|
color: #ccc;
|
||||||
content: "\e0fc";
|
content: "\f125";
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-variant: normal;
|
font-variant: normal;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-family: 'ionicons';
|
font-family: 'Ionicons';
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
speak: none;
|
speak: none;
|
||||||
-webkit-font-smoothing: antialiased; }
|
-webkit-font-smoothing: antialiased; }
|
||||||
@ -3028,7 +3028,7 @@
|
|||||||
.ionic input[type="file"] {
|
.ionic input[type="file"] {
|
||||||
line-height: 34px; }
|
line-height: 34px; }
|
||||||
.ionic select {
|
.ionic select {
|
||||||
border: 1px solid #cccccc;
|
border: 1px solid #ccc;
|
||||||
background-color: white; }
|
background-color: white; }
|
||||||
.ionic select[multiple],
|
.ionic select[multiple],
|
||||||
.ionic select[size] {
|
.ionic select[size] {
|
||||||
@ -3077,7 +3077,7 @@
|
|||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background: white;
|
background: white;
|
||||||
content: ' ';
|
content: ' ';
|
||||||
transition: background-color 0.1s ease-in-out; }
|
transition: background-color .1s ease-in-out; }
|
||||||
.ionic .checkbox input:after {
|
.ionic .checkbox input:after {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 34%;
|
top: 34%;
|
||||||
@ -3090,7 +3090,7 @@
|
|||||||
border-right: 0;
|
border-right: 0;
|
||||||
content: ' ';
|
content: ' ';
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: opacity 0.05s ease-in-out;
|
transition: opacity .05s ease-in-out;
|
||||||
-webkit-transform: rotate(-45deg);
|
-webkit-transform: rotate(-45deg);
|
||||||
transform: rotate(-45deg); }
|
transform: rotate(-45deg); }
|
||||||
.ionic .checkbox input:checked:before {
|
.ionic .checkbox input:checked:before {
|
||||||
@ -3692,9 +3692,9 @@
|
|||||||
line-height: 1;
|
line-height: 1;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
-webkit-animation: spin 0.75s linear infinite;
|
-webkit-animation: spin .75s linear infinite;
|
||||||
-moz-animation: spin 0.75s linear infinite;
|
-moz-animation: spin .75s linear infinite;
|
||||||
animation: spin 0.75s linear infinite; }
|
animation: spin .75s linear infinite; }
|
||||||
.ionic .ion-loading:before {
|
.ionic .ion-loading:before {
|
||||||
content: "\e144"; }
|
content: "\e144"; }
|
||||||
.ionic .ion-refreshing {
|
.ionic .ion-refreshing {
|
||||||
@ -3706,9 +3706,9 @@
|
|||||||
line-height: 1;
|
line-height: 1;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
-webkit-animation: spin 0.75s linear infinite;
|
-webkit-animation: spin .75s linear infinite;
|
||||||
-moz-animation: spin 0.75s linear infinite;
|
-moz-animation: spin .75s linear infinite;
|
||||||
animation: spin 0.75s linear infinite; }
|
animation: spin .75s linear infinite; }
|
||||||
.ionic .ion-refreshing:before {
|
.ionic .ion-refreshing:before {
|
||||||
content: "\e144"; }
|
content: "\e144"; }
|
||||||
.ionic .hidden,
|
.ionic .hidden,
|
||||||
|
|||||||
84
dist/css/ionic.css
vendored
84
dist/css/ionic.css
vendored
@ -2013,7 +2013,7 @@ sub {
|
|||||||
fieldset {
|
fieldset {
|
||||||
margin: 0 2px;
|
margin: 0 2px;
|
||||||
padding: 0.35em 0.625em 0.75em;
|
padding: 0.35em 0.625em 0.75em;
|
||||||
border: 1px solid silver; }
|
border: 1px solid #c0c0c0; }
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 1. Correct `color` not being inherited in IE 8/9.
|
* 1. Correct `color` not being inherited in IE 8/9.
|
||||||
@ -2949,60 +2949,68 @@ a.subdued {
|
|||||||
z-index: 2; }
|
z-index: 2; }
|
||||||
.item.active .item-heading, .item.active:hover .item-heading, .item.active:focus .item-heading {
|
.item.active .item-heading, .item.active:hover .item-heading, .item.active:focus .item-heading {
|
||||||
color: inherit; }
|
color: inherit; }
|
||||||
.item.item-default.active, .item.item-default:active {
|
|
||||||
|
.item-default.active, .item-default:active {
|
||||||
color: #333333;
|
color: #333333;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border-color: #333333; }
|
border-color: #333333; }
|
||||||
.item.item-default.active .list-item-content, .item.item-default:active .list-item-content {
|
.item-default.active .list-item-content, .item-default:active .list-item-content {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
color: #333333; }
|
color: #333333; }
|
||||||
.item.item-secondary.active, .item.item-secondary:active {
|
|
||||||
|
.item-secondary.active, .item-secondary:active {
|
||||||
color: #333333;
|
color: #333333;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border-color: #333333; }
|
border-color: #333333; }
|
||||||
.item.item-secondary.active .list-item-content, .item.item-secondary:active .list-item-content {
|
.item-secondary.active .list-item-content, .item-secondary:active .list-item-content {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
color: #333333; }
|
color: #333333; }
|
||||||
.item.item-primary.active, .item.item-primary:active {
|
|
||||||
|
.item-primary.active, .item-primary:active {
|
||||||
color: white;
|
color: white;
|
||||||
background-color: #4a87ee;
|
background-color: #4a87ee;
|
||||||
border-color: #333333; }
|
border-color: #333333; }
|
||||||
.item.item-primary.active .list-item-content, .item.item-primary:active .list-item-content {
|
.item-primary.active .list-item-content, .item-primary:active .list-item-content {
|
||||||
background-color: #4a87ee;
|
background-color: #4a87ee;
|
||||||
color: white; }
|
color: white; }
|
||||||
.item.item-info.active, .item.item-info:active {
|
|
||||||
|
.item-info.active, .item-info:active {
|
||||||
color: white;
|
color: white;
|
||||||
background-color: #43cee6;
|
background-color: #43cee6;
|
||||||
border-color: #333333; }
|
border-color: #333333; }
|
||||||
.item.item-info.active .list-item-content, .item.item-info:active .list-item-content {
|
.item-info.active .list-item-content, .item-info:active .list-item-content {
|
||||||
background-color: #43cee6;
|
background-color: #43cee6;
|
||||||
color: white; }
|
color: white; }
|
||||||
.item.item-success.active, .item.item-success:active {
|
|
||||||
|
.item-success.active, .item-success:active {
|
||||||
color: white;
|
color: white;
|
||||||
background-color: #66cc33;
|
background-color: #66cc33;
|
||||||
border-color: #333333; }
|
border-color: #333333; }
|
||||||
.item.item-success.active .list-item-content, .item.item-success:active .list-item-content {
|
.item-success.active .list-item-content, .item-success:active .list-item-content {
|
||||||
background-color: #66cc33;
|
background-color: #66cc33;
|
||||||
color: white; }
|
color: white; }
|
||||||
.item.item-warning.active, .item.item-warning:active {
|
|
||||||
|
.item-warning.active, .item-warning:active {
|
||||||
color: white;
|
color: white;
|
||||||
background-color: #f0b840;
|
background-color: #f0b840;
|
||||||
border-color: #333333; }
|
border-color: #333333; }
|
||||||
.item.item-warning.active .list-item-content, .item.item-warning:active .list-item-content {
|
.item-warning.active .list-item-content, .item-warning:active .list-item-content {
|
||||||
background-color: #f0b840;
|
background-color: #f0b840;
|
||||||
color: white; }
|
color: white; }
|
||||||
.item.item-danger.active, .item.item-danger:active {
|
|
||||||
|
.item-danger.active, .item-danger:active {
|
||||||
color: white;
|
color: white;
|
||||||
background-color: #ef4e3a;
|
background-color: #ef4e3a;
|
||||||
border-color: #333333; }
|
border-color: #333333; }
|
||||||
.item.item-danger.active .list-item-content, .item.item-danger:active .list-item-content {
|
.item-danger.active .list-item-content, .item-danger:active .list-item-content {
|
||||||
background-color: #ef4e3a;
|
background-color: #ef4e3a;
|
||||||
color: white; }
|
color: white; }
|
||||||
.item.item-dark.active, .item.item-dark:active {
|
|
||||||
|
.item-dark.active, .item-dark:active {
|
||||||
color: white;
|
color: white;
|
||||||
background-color: #444444;
|
background-color: #444444;
|
||||||
border-color: #333333; }
|
border-color: #333333; }
|
||||||
.item.item-dark.active .list-item-content, .item.item-dark:active .list-item-content {
|
.item-dark.active .list-item-content, .item-dark:active .list-item-content {
|
||||||
background-color: #444444;
|
background-color: #444444;
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
||||||
@ -3097,9 +3105,9 @@ a.item {
|
|||||||
font-size: 32px; }
|
font-size: 32px; }
|
||||||
|
|
||||||
.item .fill-icon {
|
.item .fill-icon {
|
||||||
font-size: 28px;
|
|
||||||
min-width: 30px;
|
min-width: 30px;
|
||||||
min-height: 30px; }
|
min-height: 30px;
|
||||||
|
font-size: 28px; }
|
||||||
|
|
||||||
.item-icon-left {
|
.item-icon-left {
|
||||||
padding-left: 45px; }
|
padding-left: 45px; }
|
||||||
@ -3143,13 +3151,13 @@ button.item:active,
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 7.5px;
|
top: 7.5px;
|
||||||
left: 7.5px;
|
left: 7.5px;
|
||||||
font-size: 32px;
|
min-height: 32px;
|
||||||
min-height: 32px; }
|
font-size: 32px; }
|
||||||
.item-button-left > .button .icon,
|
.item-button-left > .button .icon,
|
||||||
.item-button-left .item-content > .button .icon {
|
.item-button-left .item-content > .button .icon {
|
||||||
position: relative;
|
position: relative;
|
||||||
line-height: 31px;
|
left: auto;
|
||||||
left: auto; }
|
line-height: 31px; }
|
||||||
|
|
||||||
.item-button-right {
|
.item-button-right {
|
||||||
padding-right: 75px; }
|
padding-right: 75px; }
|
||||||
@ -3169,13 +3177,13 @@ button.item:active,
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 7.5px;
|
top: 7.5px;
|
||||||
right: 15px;
|
right: 15px;
|
||||||
font-size: 32px;
|
min-height: 32px;
|
||||||
min-height: 32px; }
|
font-size: 32px; }
|
||||||
.item-button-right > .button .icon,
|
.item-button-right > .button .icon,
|
||||||
.item-button-right .item-content > .button .icon {
|
.item-button-right .item-content > .button .icon {
|
||||||
position: relative;
|
position: relative;
|
||||||
line-height: 31px;
|
left: auto;
|
||||||
left: auto; }
|
line-height: 31px; }
|
||||||
|
|
||||||
a.item:after,
|
a.item:after,
|
||||||
button.item:after {
|
button.item:after {
|
||||||
@ -3195,13 +3203,13 @@ button.item:after {
|
|||||||
right: 11px;
|
right: 11px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
color: #ccc;
|
color: #ccc;
|
||||||
content: "\e0fc";
|
content: "\f125";
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-variant: normal;
|
font-variant: normal;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-family: 'ionicons';
|
font-family: 'Ionicons';
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
speak: none;
|
speak: none;
|
||||||
-webkit-font-smoothing: antialiased; }
|
-webkit-font-smoothing: antialiased; }
|
||||||
@ -3620,7 +3628,7 @@ input[type="file"] {
|
|||||||
line-height: 34px; }
|
line-height: 34px; }
|
||||||
|
|
||||||
select {
|
select {
|
||||||
border: 1px solid #cccccc;
|
border: 1px solid #ccc;
|
||||||
background-color: white; }
|
background-color: white; }
|
||||||
|
|
||||||
select[multiple],
|
select[multiple],
|
||||||
@ -3675,7 +3683,7 @@ input[type="checkbox"][readonly] {
|
|||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background: white;
|
background: white;
|
||||||
content: ' ';
|
content: ' ';
|
||||||
transition: background-color 0.1s ease-in-out; }
|
transition: background-color .1s ease-in-out; }
|
||||||
|
|
||||||
/* the checkmark within the box */
|
/* the checkmark within the box */
|
||||||
.checkbox input:after {
|
.checkbox input:after {
|
||||||
@ -3690,7 +3698,7 @@ input[type="checkbox"][readonly] {
|
|||||||
border-right: 0;
|
border-right: 0;
|
||||||
content: ' ';
|
content: ' ';
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: opacity 0.05s ease-in-out;
|
transition: opacity .05s ease-in-out;
|
||||||
-webkit-transform: rotate(-45deg);
|
-webkit-transform: rotate(-45deg);
|
||||||
transform: rotate(-45deg); }
|
transform: rotate(-45deg); }
|
||||||
|
|
||||||
@ -4604,9 +4612,9 @@ a.button {
|
|||||||
line-height: 1;
|
line-height: 1;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
-webkit-animation: spin 0.75s linear infinite;
|
-webkit-animation: spin .75s linear infinite;
|
||||||
-moz-animation: spin 0.75s linear infinite;
|
-moz-animation: spin .75s linear infinite;
|
||||||
animation: spin 0.75s linear infinite; }
|
animation: spin .75s linear infinite; }
|
||||||
.ion-loading:before {
|
.ion-loading:before {
|
||||||
content: "\e144"; }
|
content: "\e144"; }
|
||||||
|
|
||||||
@ -4619,9 +4627,9 @@ a.button {
|
|||||||
line-height: 1;
|
line-height: 1;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
-webkit-animation: spin 0.75s linear infinite;
|
-webkit-animation: spin .75s linear infinite;
|
||||||
-moz-animation: spin 0.75s linear infinite;
|
-moz-animation: spin .75s linear infinite;
|
||||||
animation: spin 0.75s linear infinite; }
|
animation: spin .75s linear infinite; }
|
||||||
.ion-refreshing:before {
|
.ion-refreshing:before {
|
||||||
content: "\e144"; }
|
content: "\e144"; }
|
||||||
|
|
||||||
|
|||||||
@ -68,18 +68,18 @@
|
|||||||
color: inherit;
|
color: inherit;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Different themes for list items
|
|
||||||
&.item-default { @include item-style-active($brand-default, $gray-dark, $gray-dark); }
|
|
||||||
&.item-secondary { @include item-style-active($brand-default, $gray-dark, $gray-dark); }
|
|
||||||
&.item-primary { @include item-style-active($brand-primary, $gray-dark, $white); }
|
|
||||||
&.item-info { @include item-style-active($brand-info, $gray-dark, $white); }
|
|
||||||
&.item-success { @include item-style-active($brand-success, $gray-dark, $white); }
|
|
||||||
&.item-warning { @include item-style-active($brand-warning, $gray-dark, $white); }
|
|
||||||
&.item-danger { @include item-style-active($brand-danger, $gray-dark, $white); }
|
|
||||||
&.item-dark { @include item-style-active($brand-dark, $gray-dark, $white); }
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Different themes for list items
|
||||||
|
.item-default { @include item-style-active($brand-default, $gray-dark, $gray-dark); }
|
||||||
|
.item-secondary { @include item-style-active($brand-default, $gray-dark, $gray-dark); }
|
||||||
|
.item-primary { @include item-style-active($brand-primary, $gray-dark, $white); }
|
||||||
|
.item-info { @include item-style-active($brand-info, $gray-dark, $white); }
|
||||||
|
.item-success { @include item-style-active($brand-success, $gray-dark, $white); }
|
||||||
|
.item-warning { @include item-style-active($brand-warning, $gray-dark, $white); }
|
||||||
|
.item-danger { @include item-style-active($brand-danger, $gray-dark, $white); }
|
||||||
|
.item-dark { @include item-style-active($brand-dark, $gray-dark, $white); }
|
||||||
|
|
||||||
// Handle text overflow
|
// Handle text overflow
|
||||||
.item,
|
.item,
|
||||||
.item h1,
|
.item h1,
|
||||||
@ -184,9 +184,9 @@ a.item {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.item .fill-icon {
|
.item .fill-icon {
|
||||||
font-size: $item-icon-fill-font-size;
|
|
||||||
min-width: $item-icon-fill-font-size + 2;
|
min-width: $item-icon-fill-font-size + 2;
|
||||||
min-height: $item-icon-fill-font-size + 2;
|
min-height: $item-icon-fill-font-size + 2;
|
||||||
|
font-size: $item-icon-fill-font-size;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-icon-left {
|
.item-icon-left {
|
||||||
@ -236,13 +236,13 @@ button.item:active,
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: $item-padding / 2;
|
top: $item-padding / 2;
|
||||||
left: $item-padding / 2;
|
left: $item-padding / 2;
|
||||||
font-size: $item-icon-font-size;
|
|
||||||
min-height: $item-icon-font-size;
|
min-height: $item-icon-font-size;
|
||||||
|
font-size: $item-icon-font-size;
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
position: relative;
|
position: relative;
|
||||||
line-height: $item-icon-font-size - 1;
|
|
||||||
left: auto;
|
left: auto;
|
||||||
|
line-height: $item-icon-font-size - 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -257,13 +257,13 @@ button.item:active,
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: $item-padding / 2;
|
top: $item-padding / 2;
|
||||||
right: $item-padding;
|
right: $item-padding;
|
||||||
font-size: $item-icon-font-size;
|
|
||||||
min-height: $item-icon-font-size;
|
min-height: $item-icon-font-size;
|
||||||
|
font-size: $item-icon-font-size;
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
position: relative;
|
position: relative;
|
||||||
line-height: $item-icon-font-size - 1;
|
|
||||||
left: auto;
|
left: auto;
|
||||||
|
line-height: $item-icon-font-size - 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -281,13 +281,13 @@ button.item:after {
|
|||||||
right: $item-padding - 4;
|
right: $item-padding - 4;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
color: #ccc;
|
color: #ccc;
|
||||||
content: "\e0fc"; // ion-chevron-right
|
content: "\f125"; // ion-chevron-right
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-variant: normal;
|
font-variant: normal;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-family: 'ionicons';
|
font-family: 'Ionicons';
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
speak: none;
|
speak: none;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
|
|||||||
Reference in New Issue
Block a user