mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 19:57:22 +08:00
53 lines
1.0 KiB
SCSS
53 lines
1.0 KiB
SCSS
|
|
// iOS Item
|
|
// --------------------------------------------------
|
|
|
|
$item-ios-background-color: #fff !default;
|
|
$item-ios-min-height: 44px !default;
|
|
$item-ios-padding-left: 15px !default;
|
|
$item-ios-accessory-color: #8e8e93 !default;
|
|
$item-ios-border-color: $list-ios-border-color !default;
|
|
|
|
|
|
.list[mode="ios"] {
|
|
margin-top: -1px;
|
|
|
|
.item {
|
|
background: $item-ios-background-color;
|
|
min-height: $item-ios-min-height;
|
|
padding-left: $item-ios-padding-left;
|
|
|
|
.item-media + .item-content {
|
|
margin-left: $item-ios-padding-left;
|
|
}
|
|
|
|
.item-content {
|
|
min-height: $item-ios-min-height;
|
|
padding: 0;
|
|
}
|
|
|
|
.item:last-of-type .item-content:after {
|
|
background: none;
|
|
}
|
|
|
|
.item-accessory {
|
|
color: $item-ios-accessory-color;
|
|
}
|
|
|
|
.item-subtitle {
|
|
width: 100%;
|
|
color: #808080;
|
|
}
|
|
.item-full {
|
|
// No left ios-style padding
|
|
padding-left: 0;
|
|
|
|
button {
|
|
width: 100%;
|
|
font-size: 1.3em;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|