javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 04:14:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

derp

Browse Source
This commit is contained in:
Adam Bradley
2015-03-24 22:11:50 -05:00
parent 2ca29ecb45
commit 510f57a041
1 changed files with 62 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
src/components/item/item.scss Normal file
View File

@ -0,0 +1,62 @@
// Item
// --------------------------------------------------
$item-min-height: 44px !default;
$item-padding-top: 8px !default;
$item-padding-right: 15px !default;
$item-padding-bottom: 7px !default;
$item-padding-left: 15px !default;
.item {
position: relative;
@include flex-display();
@include flex-justify-content(space-between);
@include flex-align-items(center);
min-height: $item-min-height;
padding-left: $item-padding-left;
}
.item-content {
position: relative;
@include flex-display();
@include flex(1);
@include flex-justify-content(space-between);
@include flex-align-items(center);
width: 100%;
min-height: $item-min-height;
padding-right: $item-padding-right;
padding-top: $item-padding-top;
padding-bottom: $item-padding-bottom;
}
.item-title {
position: relative;
@include flex-shrink(1);
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.item-accessory {
@include flex-display();
@include flex-shrink(0);
margin-left: 5px;
max-height: 28px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}