mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 03:32:21 +08:00
49 lines
1.2 KiB
SCSS
49 lines
1.2 KiB
SCSS
|
|
// iOS List
|
|
// --------------------------------------------------
|
|
|
|
$list-ios-background-color: #fff !default;
|
|
$list-ios-border-color: #c8c7cc !default;
|
|
|
|
$list-ios-header-margin: 35px 15px 10px 15px !default;
|
|
$list-ios-header-font-size: 1.4rem !default;
|
|
$list-ios-header-color: #6d6d72 !default;
|
|
|
|
$list-ios-footer-padding: 0 15px !default;
|
|
$list-ios-footer-font-size: 1.4rem !default;
|
|
$list-ios-footer-color: #8f8f94 !default;
|
|
|
|
|
|
.list.list[mode="ios"] {
|
|
// Add the hairline to the top of the first item
|
|
.item:first-of-type {
|
|
@include hairline(top, $list-ios-border-color, $z-index-list-border);
|
|
}
|
|
|
|
// Add the hairline to the bottom of the last item
|
|
.item:last-of-type {
|
|
@include hairline(bottom, $list-ios-border-color, $z-index-list-border);
|
|
}
|
|
|
|
.list-header {
|
|
position: relative;
|
|
margin: $list-ios-header-margin;
|
|
|
|
font-size: $list-ios-header-font-size;
|
|
text-transform: uppercase;
|
|
|
|
color: $list-ios-header-color;
|
|
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.list-footer {
|
|
padding: $list-ios-footer-padding;
|
|
font-size: $list-ios-footer-font-size;
|
|
color: $list-ios-footer-color;
|
|
}
|
|
|
|
}
|