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

.ios and .md body class css structure

Browse Source
This commit is contained in:
Adam Bradley
2015-09-04 23:53:59 -05:00
parent 7b09e70284
commit cdf631dcaf
42 changed files with 140 additions and 195 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
ionic/components/list/modes/ios.scss
View File

@@ -20,7 +20,7 @@ $list-ios-header-letter-spacing: 0.1rem !default;
$list-ios-header-color: #333 !default;
.list[mode=ios] {
.list {
margin: 0 $list-ios-margin-right $list-ios-margin-bottom $list-ios-margin-left;
ion-header {
@@ -34,16 +34,16 @@ $list-ios-header-color: #333 !default;
}
.list[mode=ios] + .list {
.list + .list {
margin-top: $list-ios-margin-top + $list-ios-margin-bottom;
}
.list[mode=ios] + .list ion-header {
.list + .list ion-header {
margin-top: -$list-ios-margin-top;
padding-top: 0;
}
.list[mode=ios][inset] {
.list[inset] {
margin: $list-inset-ios-margin-top $list-inset-ios-margin-right $list-inset-ios-margin-bottom $list-inset-ios-margin-left;
border-radius: $list-inset-ios-border-radius;
@@ -68,6 +68,6 @@ $list-ios-header-color: #333 !default;
}
}
.list[mode=ios][inset] + .list[inset] {
.list[inset] + .list[inset] {
margin-top: 0;
}

12
ionic/components/list/modes/material.scss
View File

@@ -18,7 +18,7 @@ $list-md-header-font-size: 1.4rem !default;
$list-md-header-color: #858585 !default;
.list[mode=md] {
.list {
margin: 0 $list-md-margin-right $list-md-margin-bottom $list-md-margin-left;
ion-header {
@@ -29,16 +29,16 @@ $list-md-header-color: #858585 !default;
}
.list[mode=md] + .list {
.list + .list {
margin-top: $list-md-margin-top + $list-md-margin-bottom;
}
.list[mode=md] + .list ion-header {
.list + .list ion-header {
margin-top: -$list-md-margin-top;
padding-top: 0;
}
.list[mode=md][inset] {
.list[inset] {
margin: $list-inset-md-margin-top $list-inset-md-margin-right $list-inset-md-margin-bottom $list-inset-md-margin-left;
border-radius: $list-inset-md-border-radius;
@@ -59,10 +59,10 @@ $list-md-header-color: #858585 !default;
}
}
.list[mode=md][inset] .item:not(ion-input):last-child:after {
.list[inset] .item:not(ion-input):last-child:after {
border-top: none;
}
.list[mode=md][inset] + .list[inset] {
.list[inset] + .list[inset] {
margin-top: 0;
}