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

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

@ -2,13 +2,17 @@
// iOS List // iOS List
// -------------------------------------------------- // --------------------------------------------------
$list-ios-header-padding: 30px $item-ios-padding-right 10px $item-ios-padding-left !default; $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-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-padding: 10px $item-ios-padding-right 0 $item-ios-padding-left !default;
$list-ios-footer-font-size: 1.2rem !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"] { .list[mode="ios"] {
@ -16,6 +20,8 @@ $list-ios-footer-color: #8f8f94 !default;
.list-header { .list-header {
padding: $list-ios-header-padding; padding: $list-ios-header-padding;
font-size: $list-ios-header-font-size; font-size: $list-ios-header-font-size;
font-weight: $list-ios-header-font-weight;
letter-spacing: $list-ios-header-letter-spacing;
text-transform: uppercase; text-transform: uppercase;
color: $list-ios-header-color; color: $list-ios-header-color;
} }
@ -23,6 +29,8 @@ $list-ios-footer-color: #8f8f94 !default;
.list-footer { .list-footer {
padding: $list-ios-footer-padding; padding: $list-ios-footer-padding;
font-size: $list-ios-footer-font-size; font-size: $list-ios-footer-font-size;
font-weight: $list-ios-footer-font-weight;
letter-spacing: $list-ios-footer-letter-spacing;
text-transform: uppercase; text-transform: uppercase;
color: $list-ios-footer-color; color: $list-ios-footer-color;
} }