item buttons

This commit is contained in:
Adam Bradley
2013-11-04 08:34:59 -06:00
parent e8bd9a5dee
commit bd0d298720
5 changed files with 225 additions and 8 deletions

56
dist/css/ionic.css vendored
View File

@@ -2648,6 +2648,58 @@ button.item:active,
.item.active {
background-color: #F7F7F7; }
.item-button-left {
padding-left: 75px; }
.item-button-left > .button,
.item-button-left .item-content > .button {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
position: absolute;
top: 7.5px;
left: 7.5px;
font-size: 32px;
min-height: 32px; }
.item-button-left > .button i,
.item-button-left .item-content > .button i {
position: relative;
line-height: 31px;
left: auto; }
.item-button-right {
padding-right: 75px; }
.item-button-right > .button,
.item-button-right .item-content > .button {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
position: absolute;
top: 7.5px;
right: 15px;
font-size: 32px;
min-height: 32px; }
.item-button-right > .button i,
.item-button-right .item-content > .button i {
position: relative;
line-height: 31px;
left: auto; }
a.item:after,
button.item:after {
/* By default, both <a> and <button> have right side arrow icons */
@@ -2678,7 +2730,9 @@ button.item:after {
-webkit-font-smoothing: antialiased; }
a.item-icon-right:after,
button.item-icon-right:after {
button.item-icon-right:after,
a.item-button-right:after,
button.item-button-right:after {
display: none; }
.item-avatar {