update auto ion-chevron-right

This commit is contained in:
Adam Bradley
2013-11-05 20:47:09 -06:00
parent 954eb3e416
commit 96c11fa215
4 changed files with 242 additions and 226 deletions

View File

@ -1054,62 +1054,70 @@ a.subdued {
z-index: 2; }
.item.active .item-heading, .item.active:hover .item-heading, .item.active:focus .item-heading {
color: inherit; }
.item.item-default.active, .item.item-default:active {
color: #333333;
.item-default.active, .item-default:active {
color: #333333;
background-color: white;
border-color: #333333; }
.item-default.active .list-item-content, .item-default:active .list-item-content {
background-color: white;
border-color: #333333; }
.item.item-default.active .list-item-content, .item.item-default:active .list-item-content {
background-color: white;
color: #333333; }
.item.item-secondary.active, .item.item-secondary:active {
color: #333333;
color: #333333; }
.item-secondary.active, .item-secondary:active {
color: #333333;
background-color: white;
border-color: #333333; }
.item-secondary.active .list-item-content, .item-secondary:active .list-item-content {
background-color: white;
border-color: #333333; }
.item.item-secondary.active .list-item-content, .item.item-secondary:active .list-item-content {
background-color: white;
color: #333333; }
.item.item-primary.active, .item.item-primary:active {
color: white;
color: #333333; }
.item-primary.active, .item-primary:active {
color: white;
background-color: #4a87ee;
border-color: #333333; }
.item-primary.active .list-item-content, .item-primary:active .list-item-content {
background-color: #4a87ee;
border-color: #333333; }
.item.item-primary.active .list-item-content, .item.item-primary:active .list-item-content {
background-color: #4a87ee;
color: white; }
.item.item-info.active, .item.item-info:active {
color: white;
color: white; }
.item-info.active, .item-info:active {
color: white;
background-color: #43cee6;
border-color: #333333; }
.item-info.active .list-item-content, .item-info:active .list-item-content {
background-color: #43cee6;
border-color: #333333; }
.item.item-info.active .list-item-content, .item.item-info:active .list-item-content {
background-color: #43cee6;
color: white; }
.item.item-success.active, .item.item-success:active {
color: white;
color: white; }
.item-success.active, .item-success:active {
color: white;
background-color: #66cc33;
border-color: #333333; }
.item-success.active .list-item-content, .item-success:active .list-item-content {
background-color: #66cc33;
border-color: #333333; }
.item.item-success.active .list-item-content, .item.item-success:active .list-item-content {
background-color: #66cc33;
color: white; }
.item.item-warning.active, .item.item-warning:active {
color: white;
color: white; }
.item-warning.active, .item-warning:active {
color: white;
background-color: #f0b840;
border-color: #333333; }
.item-warning.active .list-item-content, .item-warning:active .list-item-content {
background-color: #f0b840;
border-color: #333333; }
.item.item-warning.active .list-item-content, .item.item-warning:active .list-item-content {
background-color: #f0b840;
color: white; }
.item.item-danger.active, .item.item-danger:active {
color: white;
color: white; }
.item-danger.active, .item-danger:active {
color: white;
background-color: #ef4e3a;
border-color: #333333; }
.item-danger.active .list-item-content, .item-danger:active .list-item-content {
background-color: #ef4e3a;
border-color: #333333; }
.item.item-danger.active .list-item-content, .item.item-danger:active .list-item-content {
background-color: #ef4e3a;
color: white; }
.item.item-dark.active, .item.item-dark:active {
color: white;
color: white; }
.item-dark.active, .item-dark:active {
color: white;
background-color: #444444;
border-color: #333333; }
.item-dark.active .list-item-content, .item-dark:active .list-item-content {
background-color: #444444;
border-color: #333333; }
.item.item-dark.active .list-item-content, .item.item-dark:active .list-item-content {
background-color: #444444;
color: white; }
color: white; }
.item,
.item h1,
@ -1202,9 +1210,9 @@ a.item {
font-size: 32px; }
.item .fill-icon {
font-size: 28px;
min-width: 30px;
min-height: 30px; }
min-height: 30px;
font-size: 28px; }
.item-icon-left {
padding-left: 45px; }
@ -1248,13 +1256,13 @@ button.item:active,
position: absolute;
top: 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 .item-content > .button .icon {
position: relative;
line-height: 31px;
left: auto; }
left: auto;
line-height: 31px; }
.item-button-right {
padding-right: 75px; }
@ -1274,13 +1282,13 @@ button.item:active,
position: absolute;
top: 7.5px;
right: 15px;
font-size: 32px;
min-height: 32px; }
min-height: 32px;
font-size: 32px; }
.item-button-right > .button .icon,
.item-button-right .item-content > .button .icon {
position: relative;
line-height: 31px;
left: auto; }
left: auto;
line-height: 31px; }
a.item:after,
button.item:after {
@ -1300,13 +1308,13 @@ button.item:after {
right: 11px;
height: 100%;
color: #ccc;
content: "\e0fc";
content: "\f125";
text-transform: none;
font-weight: normal;
font-style: normal;
font-variant: normal;
font-size: 16px;
font-family: 'ionicons';
font-family: 'Ionicons';
line-height: 1;
speak: none;
-webkit-font-smoothing: antialiased; }
@ -1725,7 +1733,7 @@ input[type="file"] {
line-height: 34px; }
select {
border: 1px solid #cccccc;
border: 1px solid #ccc;
background-color: white; }
select[multiple],
@ -1797,7 +1805,7 @@ input[type="checkbox"][readonly] {
right: 20px;
transition: 0.2s ease;
transition-property: left, right;
transition-delay: 0s, 0.05s; }
transition-delay: 0s, .05s; }
.toggle :checked + .track {
/* When the toggle is "on" */
@ -1812,7 +1820,7 @@ input[type="checkbox"][readonly] {
right: 0;
left: 20px;
-webkit-transform: none;
transition-delay: 0.05s, 0s; }
transition-delay: .05s, 0s; }
.item-radio {
padding: 0; }
@ -2453,9 +2461,9 @@ a.button {
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-animation: spin 0.75s linear infinite;
-moz-animation: spin 0.75s linear infinite;
animation: spin 0.75s linear infinite; }
-webkit-animation: spin .75s linear infinite;
-moz-animation: spin .75s linear infinite;
animation: spin .75s linear infinite; }
.ion-loading:before {
content: "\e144"; }
@ -2468,9 +2476,9 @@ a.button {
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-animation: spin 0.75s linear infinite;
-moz-animation: spin 0.75s linear infinite;
animation: spin 0.75s linear infinite; }
-webkit-animation: spin .75s linear infinite;
-moz-animation: spin .75s linear infinite;
animation: spin .75s linear infinite; }
.ion-refreshing:before {
content: "\e144"; }

View File

@ -1680,7 +1680,7 @@
.ionic fieldset {
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
border: 1px solid silver; }
border: 1px solid #c0c0c0; }
.ionic legend {
padding: 0;
/* 2 */
@ -2435,62 +2435,62 @@
z-index: 2; }
.ionic .item.active .item-heading, .ionic .item.active:hover .item-heading, .ionic .item.active:focus .item-heading {
color: inherit; }
.ionic .item.item-default.active, .ionic .item.item-default:active {
color: #333333;
.ionic .item-default.active, .ionic .item-default:active {
color: #333333;
background-color: white;
border-color: #333333; }
.ionic .item-default.active .list-item-content, .ionic .item-default:active .list-item-content {
background-color: white;
border-color: #333333; }
.ionic .item.item-default.active .list-item-content, .ionic .item.item-default:active .list-item-content {
background-color: white;
color: #333333; }
.ionic .item.item-secondary.active, .ionic .item.item-secondary:active {
color: #333333;
color: #333333; }
.ionic .item-secondary.active, .ionic .item-secondary:active {
color: #333333;
background-color: white;
border-color: #333333; }
.ionic .item-secondary.active .list-item-content, .ionic .item-secondary:active .list-item-content {
background-color: white;
border-color: #333333; }
.ionic .item.item-secondary.active .list-item-content, .ionic .item.item-secondary:active .list-item-content {
background-color: white;
color: #333333; }
.ionic .item.item-primary.active, .ionic .item.item-primary:active {
color: white;
color: #333333; }
.ionic .item-primary.active, .ionic .item-primary:active {
color: white;
background-color: #4a87ee;
border-color: #333333; }
.ionic .item-primary.active .list-item-content, .ionic .item-primary:active .list-item-content {
background-color: #4a87ee;
border-color: #333333; }
.ionic .item.item-primary.active .list-item-content, .ionic .item.item-primary:active .list-item-content {
background-color: #4a87ee;
color: white; }
.ionic .item.item-info.active, .ionic .item.item-info:active {
color: white;
color: white; }
.ionic .item-info.active, .ionic .item-info:active {
color: white;
background-color: #43cee6;
border-color: #333333; }
.ionic .item-info.active .list-item-content, .ionic .item-info:active .list-item-content {
background-color: #43cee6;
border-color: #333333; }
.ionic .item.item-info.active .list-item-content, .ionic .item.item-info:active .list-item-content {
background-color: #43cee6;
color: white; }
.ionic .item.item-success.active, .ionic .item.item-success:active {
color: white;
color: white; }
.ionic .item-success.active, .ionic .item-success:active {
color: white;
background-color: #66cc33;
border-color: #333333; }
.ionic .item-success.active .list-item-content, .ionic .item-success:active .list-item-content {
background-color: #66cc33;
border-color: #333333; }
.ionic .item.item-success.active .list-item-content, .ionic .item.item-success:active .list-item-content {
background-color: #66cc33;
color: white; }
.ionic .item.item-warning.active, .ionic .item.item-warning:active {
color: white;
color: white; }
.ionic .item-warning.active, .ionic .item-warning:active {
color: white;
background-color: #f0b840;
border-color: #333333; }
.ionic .item-warning.active .list-item-content, .ionic .item-warning:active .list-item-content {
background-color: #f0b840;
border-color: #333333; }
.ionic .item.item-warning.active .list-item-content, .ionic .item.item-warning:active .list-item-content {
background-color: #f0b840;
color: white; }
.ionic .item.item-danger.active, .ionic .item.item-danger:active {
color: white;
color: white; }
.ionic .item-danger.active, .ionic .item-danger:active {
color: white;
background-color: #ef4e3a;
border-color: #333333; }
.ionic .item-danger.active .list-item-content, .ionic .item-danger:active .list-item-content {
background-color: #ef4e3a;
border-color: #333333; }
.ionic .item.item-danger.active .list-item-content, .ionic .item.item-danger:active .list-item-content {
background-color: #ef4e3a;
color: white; }
.ionic .item.item-dark.active, .ionic .item.item-dark:active {
color: white;
color: white; }
.ionic .item-dark.active, .ionic .item-dark:active {
color: white;
background-color: #444444;
border-color: #333333; }
.ionic .item-dark.active .list-item-content, .ionic .item-dark:active .list-item-content {
background-color: #444444;
border-color: #333333; }
.ionic .item.item-dark.active .list-item-content, .ionic .item.item-dark:active .list-item-content {
background-color: #444444;
color: white; }
color: white; }
.ionic .item,
.ionic .item h1,
.ionic .item h2,
@ -2575,9 +2575,9 @@
height: 100%;
font-size: 32px; }
.ionic .item .fill-icon {
font-size: 28px;
min-width: 30px;
min-height: 30px; }
min-height: 30px;
font-size: 28px; }
.ionic .item-icon-left {
padding-left: 45px; }
.ionic .item-icon-left .icon {
@ -2613,13 +2613,13 @@
position: absolute;
top: 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 .item-content > .button .icon {
position: relative;
line-height: 31px;
left: auto; }
left: auto;
line-height: 31px; }
.ionic .item-button-right {
padding-right: 75px; }
.ionic .item-button-right > .button,
@ -2637,13 +2637,13 @@
position: absolute;
top: 7.5px;
right: 15px;
font-size: 32px;
min-height: 32px; }
min-height: 32px;
font-size: 32px; }
.ionic .item-button-right > .button .icon,
.ionic .item-button-right .item-content > .button .icon {
position: relative;
line-height: 31px;
left: auto; }
left: auto;
line-height: 31px; }
.ionic a.item:after,
.ionic button.item:after {
/* By default, both <a> and <button> have right side arrow icons */
@ -2662,13 +2662,13 @@
right: 11px;
height: 100%;
color: #ccc;
content: "\e0fc";
content: "\f125";
text-transform: none;
font-weight: normal;
font-style: normal;
font-variant: normal;
font-size: 16px;
font-family: 'ionicons';
font-family: 'Ionicons';
line-height: 1;
speak: none;
-webkit-font-smoothing: antialiased; }
@ -3028,7 +3028,7 @@
.ionic input[type="file"] {
line-height: 34px; }
.ionic select {
border: 1px solid #cccccc;
border: 1px solid #ccc;
background-color: white; }
.ionic select[multiple],
.ionic select[size] {
@ -3077,7 +3077,7 @@
border-radius: 50%;
background: white;
content: ' ';
transition: background-color 0.1s ease-in-out; }
transition: background-color .1s ease-in-out; }
.ionic .checkbox input:after {
position: absolute;
top: 34%;
@ -3090,7 +3090,7 @@
border-right: 0;
content: ' ';
opacity: 0;
transition: opacity 0.05s ease-in-out;
transition: opacity .05s ease-in-out;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.ionic .checkbox input:checked:before {
@ -3692,9 +3692,9 @@
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-animation: spin 0.75s linear infinite;
-moz-animation: spin 0.75s linear infinite;
animation: spin 0.75s linear infinite; }
-webkit-animation: spin .75s linear infinite;
-moz-animation: spin .75s linear infinite;
animation: spin .75s linear infinite; }
.ionic .ion-loading:before {
content: "\e144"; }
.ionic .ion-refreshing {
@ -3706,9 +3706,9 @@
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-animation: spin 0.75s linear infinite;
-moz-animation: spin 0.75s linear infinite;
animation: spin 0.75s linear infinite; }
-webkit-animation: spin .75s linear infinite;
-moz-animation: spin .75s linear infinite;
animation: spin .75s linear infinite; }
.ionic .ion-refreshing:before {
content: "\e144"; }
.ionic .hidden,

148
dist/css/ionic.css vendored
View File

@ -2013,7 +2013,7 @@ sub {
fieldset {
margin: 0 2px;
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.
@ -2949,62 +2949,70 @@ a.subdued {
z-index: 2; }
.item.active .item-heading, .item.active:hover .item-heading, .item.active:focus .item-heading {
color: inherit; }
.item.item-default.active, .item.item-default:active {
color: #333333;
.item-default.active, .item-default:active {
color: #333333;
background-color: white;
border-color: #333333; }
.item-default.active .list-item-content, .item-default:active .list-item-content {
background-color: white;
border-color: #333333; }
.item.item-default.active .list-item-content, .item.item-default:active .list-item-content {
background-color: white;
color: #333333; }
.item.item-secondary.active, .item.item-secondary:active {
color: #333333;
color: #333333; }
.item-secondary.active, .item-secondary:active {
color: #333333;
background-color: white;
border-color: #333333; }
.item-secondary.active .list-item-content, .item-secondary:active .list-item-content {
background-color: white;
border-color: #333333; }
.item.item-secondary.active .list-item-content, .item.item-secondary:active .list-item-content {
background-color: white;
color: #333333; }
.item.item-primary.active, .item.item-primary:active {
color: white;
color: #333333; }
.item-primary.active, .item-primary:active {
color: white;
background-color: #4a87ee;
border-color: #333333; }
.item-primary.active .list-item-content, .item-primary:active .list-item-content {
background-color: #4a87ee;
border-color: #333333; }
.item.item-primary.active .list-item-content, .item.item-primary:active .list-item-content {
background-color: #4a87ee;
color: white; }
.item.item-info.active, .item.item-info:active {
color: white;
color: white; }
.item-info.active, .item-info:active {
color: white;
background-color: #43cee6;
border-color: #333333; }
.item-info.active .list-item-content, .item-info:active .list-item-content {
background-color: #43cee6;
border-color: #333333; }
.item.item-info.active .list-item-content, .item.item-info:active .list-item-content {
background-color: #43cee6;
color: white; }
.item.item-success.active, .item.item-success:active {
color: white;
color: white; }
.item-success.active, .item-success:active {
color: white;
background-color: #66cc33;
border-color: #333333; }
.item-success.active .list-item-content, .item-success:active .list-item-content {
background-color: #66cc33;
border-color: #333333; }
.item.item-success.active .list-item-content, .item.item-success:active .list-item-content {
background-color: #66cc33;
color: white; }
.item.item-warning.active, .item.item-warning:active {
color: white;
color: white; }
.item-warning.active, .item-warning:active {
color: white;
background-color: #f0b840;
border-color: #333333; }
.item-warning.active .list-item-content, .item-warning:active .list-item-content {
background-color: #f0b840;
border-color: #333333; }
.item.item-warning.active .list-item-content, .item.item-warning:active .list-item-content {
background-color: #f0b840;
color: white; }
.item.item-danger.active, .item.item-danger:active {
color: white;
color: white; }
.item-danger.active, .item-danger:active {
color: white;
background-color: #ef4e3a;
border-color: #333333; }
.item-danger.active .list-item-content, .item-danger:active .list-item-content {
background-color: #ef4e3a;
border-color: #333333; }
.item.item-danger.active .list-item-content, .item.item-danger:active .list-item-content {
background-color: #ef4e3a;
color: white; }
.item.item-dark.active, .item.item-dark:active {
color: white;
color: white; }
.item-dark.active, .item-dark:active {
color: white;
background-color: #444444;
border-color: #333333; }
.item-dark.active .list-item-content, .item-dark:active .list-item-content {
background-color: #444444;
border-color: #333333; }
.item.item-dark.active .list-item-content, .item.item-dark:active .list-item-content {
background-color: #444444;
color: white; }
color: white; }
.item,
.item h1,
@ -3097,9 +3105,9 @@ a.item {
font-size: 32px; }
.item .fill-icon {
font-size: 28px;
min-width: 30px;
min-height: 30px; }
min-height: 30px;
font-size: 28px; }
.item-icon-left {
padding-left: 45px; }
@ -3143,13 +3151,13 @@ button.item:active,
position: absolute;
top: 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 .item-content > .button .icon {
position: relative;
line-height: 31px;
left: auto; }
left: auto;
line-height: 31px; }
.item-button-right {
padding-right: 75px; }
@ -3169,13 +3177,13 @@ button.item:active,
position: absolute;
top: 7.5px;
right: 15px;
font-size: 32px;
min-height: 32px; }
min-height: 32px;
font-size: 32px; }
.item-button-right > .button .icon,
.item-button-right .item-content > .button .icon {
position: relative;
line-height: 31px;
left: auto; }
left: auto;
line-height: 31px; }
a.item:after,
button.item:after {
@ -3195,13 +3203,13 @@ button.item:after {
right: 11px;
height: 100%;
color: #ccc;
content: "\e0fc";
content: "\f125";
text-transform: none;
font-weight: normal;
font-style: normal;
font-variant: normal;
font-size: 16px;
font-family: 'ionicons';
font-family: 'Ionicons';
line-height: 1;
speak: none;
-webkit-font-smoothing: antialiased; }
@ -3620,7 +3628,7 @@ input[type="file"] {
line-height: 34px; }
select {
border: 1px solid #cccccc;
border: 1px solid #ccc;
background-color: white; }
select[multiple],
@ -3675,7 +3683,7 @@ input[type="checkbox"][readonly] {
border-radius: 50%;
background: white;
content: ' ';
transition: background-color 0.1s ease-in-out; }
transition: background-color .1s ease-in-out; }
/* the checkmark within the box */
.checkbox input:after {
@ -3690,7 +3698,7 @@ input[type="checkbox"][readonly] {
border-right: 0;
content: ' ';
opacity: 0;
transition: opacity 0.05s ease-in-out;
transition: opacity .05s ease-in-out;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
@ -4604,9 +4612,9 @@ a.button {
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-animation: spin 0.75s linear infinite;
-moz-animation: spin 0.75s linear infinite;
animation: spin 0.75s linear infinite; }
-webkit-animation: spin .75s linear infinite;
-moz-animation: spin .75s linear infinite;
animation: spin .75s linear infinite; }
.ion-loading:before {
content: "\e144"; }
@ -4619,9 +4627,9 @@ a.button {
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-animation: spin 0.75s linear infinite;
-moz-animation: spin 0.75s linear infinite;
animation: spin 0.75s linear infinite; }
-webkit-animation: spin .75s linear infinite;
-moz-animation: spin .75s linear infinite;
animation: spin .75s linear infinite; }
.ion-refreshing:before {
content: "\e144"; }

View File

@ -68,18 +68,18 @@
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
.item,
.item h1,
@ -184,9 +184,9 @@ a.item {
}
.item .fill-icon {
font-size: $item-icon-fill-font-size;
min-width: $item-icon-fill-font-size + 2;
min-height: $item-icon-fill-font-size + 2;
font-size: $item-icon-fill-font-size;
}
.item-icon-left {
@ -236,13 +236,13 @@ button.item:active,
position: absolute;
top: $item-padding / 2;
left: $item-padding / 2;
font-size: $item-icon-font-size;
min-height: $item-icon-font-size;
font-size: $item-icon-font-size;
.icon {
position: relative;
line-height: $item-icon-font-size - 1;
left: auto;
line-height: $item-icon-font-size - 1;
}
}
@ -257,13 +257,13 @@ button.item:active,
position: absolute;
top: $item-padding / 2;
right: $item-padding;
font-size: $item-icon-font-size;
min-height: $item-icon-font-size;
font-size: $item-icon-font-size;
.icon {
position: relative;
line-height: $item-icon-font-size - 1;
left: auto;
line-height: $item-icon-font-size - 1;
}
}
@ -281,13 +281,13 @@ button.item:after {
right: $item-padding - 4;
height: 100%;
color: #ccc;
content: "\e0fc"; // ion-chevron-right
content: "\f125"; // ion-chevron-right
text-transform: none;
font-weight: normal;
font-style: normal;
font-variant: normal;
font-size: 16px;
font-family: 'ionicons';
font-family: 'Ionicons';
line-height: 1;
speak: none;
-webkit-font-smoothing: antialiased;