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 card updates

Browse Source
This commit is contained in:
Adam Bradley
2015-08-20 15:53:44 -05:00
parent 83de0ed2ba
commit 0f7ecba6e3
2 changed files with 38 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
ionic/components/card/modes/ios.scss
View File

@ -12,10 +12,14 @@ $card-ios-box-shadow: 0 1px 2px rgba(0,0,0,.3) !default;
$card-ios-border-radius: 2px !default; $card-ios-border-radius: 2px !default;
$card-ios-font-size: 1.4rem !default; $card-ios-font-size: 1.4rem !default;
$card-ios-text-color: #666 !default;
$card-ios-title-font-size: 1.8rem !default; $card-ios-title-font-size: 1.8rem !default;
$card-ios-title-padding: 8px 0 8px 0; $card-ios-title-padding: 8px 0 8px 0;
$card-ios-title-text-color: #222 !default; $card-ios-title-text-color: #222 !default;
$card-ios-header-font-size: 1.6rem !default;
$card-ios-header-padding: 16px !default;
.card.list[mode=ios] { .card.list[mode=ios] {
margin: $card-ios-margin-top $card-ios-margin-right $card-ios-margin-bottom $card-ios-margin-left; margin: $card-ios-margin-top $card-ios-margin-right $card-ios-margin-bottom $card-ios-margin-left;
@ -44,12 +48,44 @@ $card-ios-title-text-color: #222 !default;
left: 0; left: 0;
} }
ion-header {
font-size: $card-ios-header-font-size;
text-transform: none;
letter-spacing: normal;
padding: $card-ios-header-padding;
}
.card-title { .card-title {
padding: $card-ios-title-padding; padding: $card-ios-title-padding;
font-size: $card-ios-title-font-size; font-size: $card-ios-title-font-size;
color: $card-ios-title-text-color; color: $card-ios-title-text-color;
} }
h1 {
margin: 0 0 2px;
font-size: 2.4rem;
}
h2 {
margin: 2px 0 2px;
font-size: 1.6rem;
}
h3,
h4,
h5,
h6 {
margin: 2px 0 2px;
font-size: 1.4rem;
}
p {
font-size: 1.4rem;
margin: 0 0 2px;
line-height: 1.5;
color: $card-ios-text-color;
}
} }
.card.list[mode=ios] + .card { .card.list[mode=ios] + .card {

4
ionic/components/card/test/advanced/main.html
View File

@ -18,7 +18,7 @@
<p> <p>
Keep close to Nature's heart... and break clear away, Keep close to Nature's heart... and break clear away,
once in awhile, and climb a mountain. once in awhile, and climb a mountain. I am within a paragraph element.
</p> </p>
</div> </div>
</div> </div>
@ -55,7 +55,7 @@
<div class="item item-text-wrap"> <div class="item item-text-wrap">
<div class="item-content"> <div class="item-content">
Keep close to Nature's heart... and break clear away, once in awhile, and climb a mountain. Hello. I am a one liner, not a paragraph.
</div> </div>
</div> </div>