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

refactor(demos): action sheet styles

Browse Source
This commit is contained in:
Drew Rygh
2015-11-05 14:38:07 -06:00
parent 10992ee53c
commit 715edd580a
3 changed files with 32 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
demos/component-docs/action-sheets/basic/styles.scss Normal file
View File

@ -0,0 +1,18 @@
.md .ion-md-share {
color: #ED4248;
}
.md .ion-md-arrow-dropright-circle {
color: #508AE4;
}
.md .ion-md-heart-outline {
color: #31D55F;
}
.md .action-sheet-destructive {
margin-top: 2px;
padding-top: 1px;
}
.md .action-sheet-cancel icon, .md .action-sheet-destructive icon {
color: #757575;
}

32
demos/component-docs/app.scss
View File

@ -10,6 +10,7 @@ $colors: (
$font-path: '../../dist/fonts';
@import "../../ionic/ionic";
@import "action-sheets/basic/styles";
@import "cards/background/styles";
@import "cards/advanced-weather/styles";
@import "cards/advanced-map/styles";
@ -63,25 +64,6 @@ section.hidden {
height: 100%;
}
.md .ion-md-share {
color: #ED4248;
}
.md .ion-md-arrow-dropright-circle {
color: #508AE4;
}
.md .ion-md-heart-outline {
color: #31D55F;
}
.md .action-sheet-destructive {
margin-top: 2px;
padding-top: 1px;
}
.md .action-sheet-cancel icon, .md .action-sheet-destructive icon {
color: #757575;
}
#card-wireframe {
width: 100%;
margin-bottom: 2.7em;
@ -185,15 +167,3 @@ body.ios img#ios-only {
z-index: 50;
}
.item-bold {
font-weight: bold;
color: #32DB64;
}
.item-subtle {
color: #656565;
margin-left: -3px !important;
}
.item-subtle:before {
padding-right: 5px;
}

12
demos/component-docs/cards/advanced-map/styles.scss
View File

@ -23,3 +23,15 @@ ion-card .icon-avatar {
font-size: 1.8em;
text-align: center;
}
.item-bold {
font-weight: bold;
color: #32DB64;
}
.item-subtle {
color: #656565;
margin-left: -3px !important;
}
.item-subtle:before {
padding-right: 5px;
}