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

refactor(css): scope component css to mode

Browse Source
This commit is contained in:
Brandy Carney
2016-09-13 16:52:35 -05:00
committed by Adam Bradley
parent a154d837a0
commit 750cde38e2
97 changed files with 2539 additions and 2932 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/components/loading/loading.ios.scss
View File

@ -1,5 +1,4 @@
@import "../../globals.core";
@import "./loading";
@import "../../themes/ionic.globals";
// iOS Loading Indicator
// --------------------------------------------------
@ -22,7 +21,7 @@ $loading-ios-spinner-crescent-color: $loading-ios-spinner-color !default;
$loading-ios-spinner-dots-color: $loading-ios-spinner-color !default;
.loading-wrapper {
.loading-ios .loading-wrapper {
padding: $loading-ios-padding;
max-width: $loading-ios-max-width;
@ -37,11 +36,11 @@ $loading-ios-spinner-dots-color: $loading-ios-spinner-color !default;
// iOS Loading Content
// -----------------------------------------
.loading-content {
.loading-ios .loading-content {
font-weight: $loading-ios-content-font-weight;
}
.loading-spinner + .loading-content {
.loading-ios .loading-spinner + .loading-content {
margin-left: 16px;
}
@ -49,25 +48,23 @@ $loading-ios-spinner-dots-color: $loading-ios-spinner-color !default;
// iOS Loading Spinner fill colors
// -----------------------------------------
.loading-spinner {
.spinner-ios line,
.spinner-ios-small line {
stroke: $loading-ios-spinner-ios-color;
}
.spinner-bubbles circle {
fill: $loading-ios-spinner-bubbles-color;
}
.spinner-circles circle {
fill: $loading-ios-spinner-circles-color;
}
.spinner-crescent circle {
stroke: $loading-ios-spinner-crescent-color;
}
.spinner-dots circle {
fill: $loading-ios-spinner-dots-color;
}
.loading-ios .spinner-ios line,
.loading-ios .spinner-ios-small line {
stroke: $loading-ios-spinner-ios-color;
}
.loading-ios .spinner-bubbles circle {
fill: $loading-ios-spinner-bubbles-color;
}
.loading-ios .spinner-circles circle {
fill: $loading-ios-spinner-circles-color;
}
.loading-ios .spinner-crescent circle {
stroke: $loading-ios-spinner-crescent-color;
}
.loading-ios .spinner-dots circle {
fill: $loading-ios-spinner-dots-color;
}

47
src/components/loading/loading.md.scss
View File

@ -1,5 +1,4 @@
@import "../../globals.core";
@import "./loading";
@import "../../themes/ionic.globals";
// Material Design Loading Indicator
// --------------------------------------------------
@ -22,7 +21,7 @@ $loading-md-spinner-crescent-color: $loading-md-spinner-color !default;
$loading-md-spinner-dots-color: $loading-md-spinner-color !default;
.loading-wrapper {
.loading-md .loading-wrapper {
padding: $loading-md-padding;
max-width: $loading-md-max-width;
@ -39,7 +38,7 @@ $loading-md-spinner-dots-color: $loading-md-spinner-color !default;
// Material Design Loading Content
// -----------------------------------------
.loading-spinner + .loading-content {
.loading-md .loading-spinner + .loading-content {
margin-left: 16px;
}
@ -47,25 +46,23 @@ $loading-md-spinner-dots-color: $loading-md-spinner-color !default;
// Material Design Loading Spinner fill colors
// -----------------------------------------
.loading-spinner {
.spinner-ios line,
.spinner-ios-small line {
stroke: $loading-md-spinner-ios-color;
}
.spinner-bubbles circle {
fill: $loading-md-spinner-bubbles-color;
}
.spinner-circles circle {
fill: $loading-md-spinner-circles-color;
}
.spinner-crescent circle {
stroke: $loading-md-spinner-crescent-color;
}
.spinner-dots circle {
fill: $loading-md-spinner-dots-color;
}
.loading-md .spinner-ios line,
.loading-md .spinner-ios-small line {
stroke: $loading-md-spinner-ios-color;
}
.loading-md .spinner-bubbles circle {
fill: $loading-md-spinner-bubbles-color;
}
.loading-md .spinner-circles circle {
fill: $loading-md-spinner-circles-color;
}
.loading-md .spinner-crescent circle {
stroke: $loading-md-spinner-crescent-color;
}
.loading-md .spinner-dots circle {
fill: $loading-md-spinner-dots-color;
}

47
src/components/loading/loading.wp.scss
View File

@ -1,5 +1,4 @@
@import "../../globals.core";
@import "./loading";
@import "../../themes/ionic.globals";
// Windows Loading Indicator
// --------------------------------------------------
@ -20,7 +19,7 @@ $loading-wp-spinner-crescent-color: $loading-wp-spinner-color !default;
$loading-wp-spinner-dots-color: $loading-wp-spinner-color !default;
.loading-wrapper {
.loading-wp .loading-wrapper {
padding: $loading-wp-padding;
max-width: $loading-wp-max-width;
@ -35,7 +34,7 @@ $loading-wp-spinner-dots-color: $loading-wp-spinner-color !default;
// Windows Loading Content
// -----------------------------------------
.loading-spinner + .loading-content {
.loading-wp .loading-spinner + .loading-content {
margin-left: 16px;
}
@ -43,25 +42,23 @@ $loading-wp-spinner-dots-color: $loading-wp-spinner-color !default;
// Windows Loading Spinner fill colors
// -----------------------------------------
.loading-spinner {
.spinner-ios line,
.spinner-ios-small line {
stroke: $loading-wp-spinner-ios-color;
}
.spinner-bubbles circle {
fill: $loading-wp-spinner-bubbles-color;
}
.spinner-circles circle {
fill: $loading-wp-spinner-circles-color;
}
.spinner-crescent circle {
stroke: $loading-wp-spinner-crescent-color;
}
.spinner-dots circle {
fill: $loading-wp-spinner-dots-color;
}
.loading-wp .spinner-ios line,
.loading-wp .spinner-ios-small line {
stroke: $loading-wp-spinner-ios-color;
}
.loading-wp .spinner-bubbles circle {
fill: $loading-wp-spinner-bubbles-color;
}
.loading-wp .spinner-circles circle {
fill: $loading-wp-spinner-circles-color;
}
.loading-wp .spinner-crescent circle {
stroke: $loading-wp-spinner-crescent-color;
}
.loading-wp .spinner-dots circle {
fill: $loading-wp-spinner-dots-color;
}