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

refactor(card): create ion-card-title element and remove card-title class

Browse Source 
closes #5303
This commit is contained in:
Brandy Carney
2016-02-13 11:36:29 -05:00
parent fd0b8516f3
commit 7aabd0ff69
3 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
ionic/components/card/card.ios.scss
View File

@ -25,6 +25,7 @@ $card-ios-font-size: 1.4rem !default;
$card-ios-text-color: #666 !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 !default; $card-ios-title-padding: 8px 0 8px 0 !default;
$card-ios-title-margin: 2px 0 2px !default;
$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-font-size: 1.6rem !default;
@ -85,8 +86,11 @@ ion-card {
font-size: 1.3rem; font-size: 1.3rem;
} }
.card-title { ion-card-title {
display: block;
line-height: 1.2;
padding: $card-ios-title-padding; padding: $card-ios-title-padding;
margin: $card-ios-title-margin;
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;
} }

6
ionic/components/card/card.md.scss
View File

@ -29,6 +29,7 @@ $card-md-line-height: 1.5 !default;
$card-md-text-color: #222 !default; $card-md-text-color: #222 !default;
$card-md-title-font-size: 2.4rem !default; $card-md-title-font-size: 2.4rem !default;
$card-md-title-padding: 8px 0 8px 0 !default; $card-md-title-padding: 8px 0 8px 0 !default;
$card-md-title-margin: 2px 0 2px !default;
$card-md-title-text-color: #222 !default; $card-md-title-text-color: #222 !default;
$card-md-header-font-size: 1.6rem !default; $card-md-header-font-size: 1.6rem !default;
@ -87,8 +88,11 @@ ion-card {
font-size: 1.3rem; font-size: 1.3rem;
} }
.card-title { ion-card-title {
display: block;
line-height: 1.2;
padding: $card-md-title-padding; padding: $card-md-title-padding;
margin: $card-md-title-margin;
font-size: $card-md-title-font-size; font-size: $card-md-title-font-size;
color: $card-md-title-text-color; color: $card-md-title-text-color;
} }

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

@ -10,9 +10,9 @@
</div> </div>
<ion-card-content> <ion-card-content>
<h2 class="card-title"> <ion-card-title>
Card Title Goes Here Card Title Goes Here
</h2> </ion-card-title>
<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. I am within a paragraph element. once in awhile, and climb a mountain. I am within a paragraph element.