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

feat(card): box-shadow update

Browse Source
This commit is contained in:
Adam Bradley
2014-11-24 18:32:17 -06:00
parent 7452d65025
commit a571c7abdf
3 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
scss/_list.scss
View File

@@ -56,7 +56,18 @@
.card {
padding-top: $item-border-width;
padding-bottom: $item-border-width;
box-shadow: 0 1px 2px rgba(0, 0, 0, .10);
box-shadow: $card-box-shadow;
.item {
border-left: 0;
border-right: 0;
}
.item:first-child {
border-top: 0;
}
.item:last-child {
border-bottom: 0;
}
}
.padding {

1
scss/_variables.scss
View File

@@ -407,6 +407,7 @@ $card-border-width: 1px !default;
$card-border-color: #ccc !default;
$card-border-radius: 2px !default;
$card-box-shadow: 0 1px 3px rgba(0, 0, 0, .3) !default;
// Forms

4
test/css/cards-item-thumbnail.html
View File

@@ -18,7 +18,7 @@
<h1 class="title">Cards: Item Thumbnail</h1>
</header>
<div class="content has-header">
<ion-content class="content has-header">
<div class="list card">
@@ -58,7 +58,7 @@
</div>
</div>
</ion-content>
</body>
</html>