mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
list updates
This commit is contained in:
@@ -20,23 +20,24 @@ $card-ios-footer-padding: 10px;
|
||||
font-size: $card-ios-font-size;
|
||||
overflow: hidden;
|
||||
|
||||
.item {
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.item:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.item:first-child:before {
|
||||
.item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.item:first-child:before,
|
||||
.item:last-child:after {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.item::before,
|
||||
.item::after {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
ion-header {
|
||||
padding: $card-ios-header-padding;
|
||||
background-color: $card-ios-footer-background-color;
|
||||
|
||||
@@ -20,24 +20,16 @@ $card-md-footer-padding: 16px;
|
||||
font-size: $card-md-font-size;
|
||||
overflow: hidden;
|
||||
|
||||
.item {
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.item:first-child {
|
||||
margin-top: 1px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.item:first-child:before {
|
||||
.item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.item:first-child:before,
|
||||
.item:last-child:after {
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
||||
@@ -33,7 +33,7 @@ $item-md-forward-icon-color: $item-md-border-color !default;
|
||||
content: '';
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
left: $item-md-padding-left;
|
||||
border-top: 1px solid $item-md-border-color;
|
||||
}
|
||||
|
||||
|
||||
@@ -53,6 +53,13 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item item-text-wrap">
|
||||
<div class="item-content">
|
||||
<h1>H1 Title Text</h1>
|
||||
<p>Paragraph line 1</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item item-text-wrap">
|
||||
<div class="item-content">
|
||||
<h2>H2 Title Text</h2>
|
||||
@@ -70,7 +77,7 @@
|
||||
|
||||
<div class="item item-text-wrap">
|
||||
<div class="item-content">
|
||||
<h4>H3 Title Text</h4>
|
||||
<h4>H4 Title Text</h4>
|
||||
<p>Paragraph line 1</p>
|
||||
<p>Paragraph line 2</p>
|
||||
<p>Paragraph line 3</p>
|
||||
|
||||
Reference in New Issue
Block a user