mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 19:21:34 +08:00
refactor(demos): action sheet styles
This commit is contained in:
18
demos/component-docs/action-sheets/basic/styles.scss
Normal file
18
demos/component-docs/action-sheets/basic/styles.scss
Normal 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;
|
||||||
|
}
|
@ -10,6 +10,7 @@ $colors: (
|
|||||||
$font-path: '../../dist/fonts';
|
$font-path: '../../dist/fonts';
|
||||||
|
|
||||||
@import "../../ionic/ionic";
|
@import "../../ionic/ionic";
|
||||||
|
@import "action-sheets/basic/styles";
|
||||||
@import "cards/background/styles";
|
@import "cards/background/styles";
|
||||||
@import "cards/advanced-weather/styles";
|
@import "cards/advanced-weather/styles";
|
||||||
@import "cards/advanced-map/styles";
|
@import "cards/advanced-map/styles";
|
||||||
@ -63,25 +64,6 @@ section.hidden {
|
|||||||
height: 100%;
|
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 {
|
#card-wireframe {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-bottom: 2.7em;
|
margin-bottom: 2.7em;
|
||||||
@ -185,15 +167,3 @@ body.ios img#ios-only {
|
|||||||
z-index: 50;
|
z-index: 50;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-bold {
|
|
||||||
font-weight: bold;
|
|
||||||
color: #32DB64;
|
|
||||||
}
|
|
||||||
.item-subtle {
|
|
||||||
color: #656565;
|
|
||||||
margin-left: -3px !important;
|
|
||||||
}
|
|
||||||
.item-subtle:before {
|
|
||||||
padding-right: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
@ -22,4 +22,16 @@ ion-card .icon-avatar {
|
|||||||
color: #444444;
|
color: #444444;
|
||||||
font-size: 1.8em;
|
font-size: 1.8em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.item-bold {
|
||||||
|
font-weight: bold;
|
||||||
|
color: #32DB64;
|
||||||
|
}
|
||||||
|
.item-subtle {
|
||||||
|
color: #656565;
|
||||||
|
margin-left: -3px !important;
|
||||||
|
}
|
||||||
|
.item-subtle:before {
|
||||||
|
padding-right: 5px;
|
||||||
|
}
|
||||||
|
Reference in New Issue
Block a user