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

iOS list headers/footers

Browse Source
This commit is contained in:
Adam Bradley
2015-07-28 08:32:49 -05:00
parent 2318af981e
commit e017841eac
1 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
ionic/components/list/extensions/ios.scss
View File

@ -4,11 +4,15 @@
$list-ios-header-padding: 30px $item-ios-padding-right 10px $item-ios-padding-left !default;
$list-ios-header-font-size: 1.2rem !default;
$list-ios-header-color: #6d6d72 !default;
$list-ios-header-font-weight: 500 !default;
$list-ios-header-letter-spacing: 0.1rem !default;
$list-ios-header-color: #333 !default;
$list-ios-footer-padding: 10px $item-ios-padding-right 0 $item-ios-padding-left !default;
$list-ios-footer-font-size: 1.2rem !default;
$list-ios-footer-color: #8f8f94 !default;
$list-ios-footer-font-weight: 500 !default;
$list-ios-footer-letter-spacing: 0.1rem !default;
$list-ios-footer-color: #333 !default;
.list[mode="ios"] {
@ -16,6 +20,8 @@ $list-ios-footer-color: #8f8f94 !default;
.list-header {
padding: $list-ios-header-padding;
font-size: $list-ios-header-font-size;
font-weight: $list-ios-header-font-weight;
letter-spacing: $list-ios-header-letter-spacing;
text-transform: uppercase;
color: $list-ios-header-color;
}
@ -23,6 +29,8 @@ $list-ios-footer-color: #8f8f94 !default;
.list-footer {
padding: $list-ios-footer-padding;
font-size: $list-ios-footer-font-size;
font-weight: $list-ios-footer-font-weight;
letter-spacing: $list-ios-footer-letter-spacing;
text-transform: uppercase;
color: $list-ios-footer-color;
}