forked from EVOgeek/Vmeda.Online
		
	MOBILE-3361 styles: Remove windows phone styles
This commit is contained in:
		
							parent
							
								
									bc08adda94
								
							
						
					
					
						commit
						04a6aae270
					
				| @ -15,12 +15,3 @@ ion-app.app-root.ios addon-block-activitymodules { | |||||||
|         height: 24px; |         height: 24px; | ||||||
|     } |     } | ||||||
| } | } | ||||||
| 
 |  | ||||||
| ion-app.app-root.wp addon-block-activitymodules { |  | ||||||
|     .core-module-icon { |  | ||||||
|         margin-top: $item-wp-padding-top; |  | ||||||
|         margin-bottom: $item-wp-padding-bottom; |  | ||||||
|         width: 24px; |  | ||||||
|         height: 24px; |  | ||||||
|     } |  | ||||||
| } |  | ||||||
|  | |||||||
| @ -14,13 +14,6 @@ ion-app.app-root page-addon-calendar-edit-event { | |||||||
|                 @include padding-horizontal($datetime-md-padding-start - $text-input-md-margin-start, null); |                 @include padding-horizontal($datetime-md-padding-start - $text-input-md-margin-start, null); | ||||||
|             } |             } | ||||||
|         } |         } | ||||||
|         &.item-wp { |  | ||||||
|             @include padding-horizontal($item-wp-padding-start * 2, null); |  | ||||||
| 
 |  | ||||||
|             ion-input { |  | ||||||
|                 @include padding-horizontal($datetime-wp-padding-start - $text-input-wp-margin-start, null); |  | ||||||
|             } |  | ||||||
|         } |  | ||||||
|     } |     } | ||||||
| 
 | 
 | ||||||
|     .addon-calendar-eventtype-container.item-select-disabled { |     .addon-calendar-eventtype-container.item-select-disabled { | ||||||
|  | |||||||
| @ -107,14 +107,6 @@ page-addon-mod-data-edit { | |||||||
|             } |             } | ||||||
|         } |         } | ||||||
| 
 | 
 | ||||||
|         .input-wp input { |  | ||||||
|             @include padding-horizontal(null, ($item-wp-padding-end / 2)); |  | ||||||
|             border-bottom: 1px solid $list-wp-border-color; |  | ||||||
|             &:focus { |  | ||||||
|                 border-color: $text-input-wp-highlight-color; |  | ||||||
|             } |  | ||||||
|         } |  | ||||||
| 
 |  | ||||||
|         ion-select { |         ion-select { | ||||||
|             width: 100%; |             width: 100%; | ||||||
|             @include position(null, null, null, 0); |             @include position(null, null, null, 0); | ||||||
|  | |||||||
| @ -9,9 +9,6 @@ ion-app.app-root page-addon-mod-feedback-form { | |||||||
|     .item-ios .addon-mod_feedback-form-content { |     .item-ios .addon-mod_feedback-form-content { | ||||||
|         @include margin($item-ios-padding-media-top, $item-ios-padding-start, $item-ios-padding-media-bottom, 0); |         @include margin($item-ios-padding-media-top, $item-ios-padding-start, $item-ios-padding-media-bottom, 0); | ||||||
|     } |     } | ||||||
|     .item-wp .addon-mod_feedback-form-content { |  | ||||||
|         @include margin($item-wp-padding-media-top, ($item-wp-padding-end / 2), $item-wp-padding-media-bottom, 0); |  | ||||||
|     } |  | ||||||
|     .addon-mod_feedback-postfix { |     .addon-mod_feedback-postfix { | ||||||
|         font-size: 1.4rem; |         font-size: 1.4rem; | ||||||
|     } |     } | ||||||
|  | |||||||
| @ -14,7 +14,3 @@ ion-app.app-root .item.core-course-module-handler.addon-mod-label-handler { | |||||||
| .ios .item.core-course-module-handler.addon-mod-label-handler .item-inner { | .ios .item.core-course-module-handler.addon-mod-label-handler .item-inner { | ||||||
|     padding-bottom: $item-ios-padding-bottom; |     padding-bottom: $item-ios-padding-bottom; | ||||||
| } | } | ||||||
| 
 |  | ||||||
| .wp .item.core-course-module-handler.addon-mod-label-handler .item-inner { |  | ||||||
|     padding-bottom: $item-wp-padding-bottom; |  | ||||||
| } |  | ||||||
|  | |||||||
| @ -49,10 +49,6 @@ ion-app.app-root page-addon-mod-lesson-player { | |||||||
|         border-bottom: 1px solid $list-md-border-color; |         border-bottom: 1px solid $list-md-border-color; | ||||||
|     } |     } | ||||||
| 
 | 
 | ||||||
|     .item-wp table td { |  | ||||||
|         border-bottom: 1px solid $list-wp-border-color; |  | ||||||
|     } |  | ||||||
| 
 |  | ||||||
|     .item-ios table { |     .item-ios table { | ||||||
|         @extend .card-ios; |         @extend .card-ios; | ||||||
|         @include darkmode() { |         @include darkmode() { | ||||||
| @ -68,12 +64,4 @@ ion-app.app-root page-addon-mod-lesson-player { | |||||||
|             background-color: $core-dark-item-bg-color; |             background-color: $core-dark-item-bg-color; | ||||||
|         } |         } | ||||||
|     } |     } | ||||||
| 
 |  | ||||||
|     .item-wp table { |  | ||||||
|         @extend .card-wp; |  | ||||||
|         @include darkmode() { |  | ||||||
|             color: $white; |  | ||||||
|             background-color: $core-dark-item-bg-color; |  | ||||||
|         } |  | ||||||
|     } |  | ||||||
| } | } | ||||||
|  | |||||||
| @ -109,7 +109,3 @@ addon-qtype-ddwtos .item-md .draghome { | |||||||
| addon-qtype-ddwtos .item-ios .draghome { | addon-qtype-ddwtos .item-ios .draghome { | ||||||
|     max-width: calc(100% - #{($item-ios-padding-start)}); |     max-width: calc(100% - #{($item-ios-padding-start)}); | ||||||
| } | } | ||||||
| 
 |  | ||||||
| addon-qtype-ddwtos .item-wp .draghome { |  | ||||||
|     max-width: calc(100% - #{($item-wp-padding-start)}); |  | ||||||
| } |  | ||||||
|  | |||||||
| @ -12,7 +12,7 @@ | |||||||
| // default Sass variables, belong in "theme/variables.scss". | // default Sass variables, belong in "theme/variables.scss". | ||||||
| // | // | ||||||
| // To declare rules for a specific mode, create a child rule | // To declare rules for a specific mode, create a child rule | ||||||
| // for the .md, .ios, or .wp mode classes. The mode class is | // for the .md, or .ios mode classes. The mode class is | ||||||
| // automatically applied to the <body> element in the app. | // automatically applied to the <body> element in the app. | ||||||
| 
 | 
 | ||||||
| // Alignment | // Alignment | ||||||
| @ -442,8 +442,7 @@ ion-app.app-root { | |||||||
|     } |     } | ||||||
|     @each $color-name, $color-base, $color-contrast in get-colors($colors) { |     @each $color-name, $color-base, $color-contrast in get-colors($colors) { | ||||||
|       &.select-md-#{$color-name}, |       &.select-md-#{$color-name}, | ||||||
|       &.select-ios-#{$color-name}, |       &.select-ios-#{$color-name} { | ||||||
|       &.select-wp-#{$color-name} { |  | ||||||
|          color: $color-base; |          color: $color-base; | ||||||
| 
 | 
 | ||||||
|         .select-icon .select-icon-inner { |         .select-icon .select-icon-inner { | ||||||
| @ -482,11 +481,6 @@ ion-app.app-root { | |||||||
|       box-shadow: $card-ios-box-shadow; |       box-shadow: $card-ios-box-shadow; | ||||||
|     } |     } | ||||||
| 
 | 
 | ||||||
|     &.select-wp, |  | ||||||
|     &.button-wp { |  | ||||||
|       background: $card-wp-background-color; |  | ||||||
|     } |  | ||||||
| 
 |  | ||||||
|     .select-text { |     .select-text { | ||||||
|         white-space: normal; |         white-space: normal; | ||||||
|     } |     } | ||||||
| @ -520,9 +514,7 @@ ion-app.app-root { | |||||||
|       &.select-md, |       &.select-md, | ||||||
|       &.button-md, |       &.button-md, | ||||||
|       &.select-ios, |       &.select-ios, | ||||||
|       &.button-ios, |       &.button-ios { | ||||||
|       &.select-wp, |  | ||||||
|       &.button-wp { |  | ||||||
|         background: $core-dark-item-bg-color; |         background: $core-dark-item-bg-color; | ||||||
|       } |       } | ||||||
|     } |     } | ||||||
| @ -698,9 +690,6 @@ ion-app.app-root { | |||||||
|     &.alert-ios .alert-message { |     &.alert-ios .alert-message { | ||||||
|       padding-top: $alert-ios-message-padding-bottom; |       padding-top: $alert-ios-message-padding-bottom; | ||||||
|     } |     } | ||||||
|     &.alert-wp .alert-message { |  | ||||||
|       padding-top: $alert-wp-message-padding-bottom; |  | ||||||
|     } |  | ||||||
|     .alert-head { |     .alert-head { | ||||||
|       display: none; |       display: none; | ||||||
|     } |     } | ||||||
| @ -748,11 +737,6 @@ ion-app.app-root { | |||||||
|     max-height: $toolbar-ios-height; |     max-height: $toolbar-ios-height; | ||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|   .header .toolbar-wp { |  | ||||||
|     height: $toolbar-wp-height; |  | ||||||
|     max-height: $toolbar-wp-height; |  | ||||||
|   } |  | ||||||
| 
 |  | ||||||
|   .header .toolbar-md { |   .header .toolbar-md { | ||||||
|     height: $toolbar-md-height; |     height: $toolbar-md-height; | ||||||
|     max-height: $toolbar-md-height; |     max-height: $toolbar-md-height; | ||||||
| @ -818,11 +802,6 @@ ion-app.app-root { | |||||||
|         @include ios-input-highlight($color-base); |         @include ios-input-highlight($color-base); | ||||||
|       } |       } | ||||||
| 
 | 
 | ||||||
|       &.item-wp .text-input, |  | ||||||
|       &.item-wp.item-input.ng-valid.item-input-has-value:not(.input-has-focus):not(.item-input-has-focus) .text-input, |  | ||||||
|       &.item-wp.item-input.ng-valid.input-has-value:not(.input-has-focus):not(.item-input-has-focus) .text-input { |  | ||||||
|         border-color: $color-base; |  | ||||||
|       } |  | ||||||
|     } |     } | ||||||
| 
 | 
 | ||||||
|     .core-#{$color-name}-selected-item { |     .core-#{$color-name}-selected-item { | ||||||
| @ -1140,7 +1119,6 @@ ion-app.app-root { | |||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|   .item-divider-md-#{$color-name} h2, |   .item-divider-md-#{$color-name} h2, | ||||||
|   .item-divider-wp-#{$color-name} h2, |  | ||||||
|   .item-divider-ios-#{$color-name} h2 { |   .item-divider-ios-#{$color-name} h2 { | ||||||
|     color: $color-contrast; |     color: $color-contrast; | ||||||
|   } |   } | ||||||
|  | |||||||
| @ -1,63 +0,0 @@ | |||||||
| ion-app.app-root.wp { |  | ||||||
|   .button-wp { |  | ||||||
|     min-height: $button-wp-height; |  | ||||||
|   } |  | ||||||
| 
 |  | ||||||
|   // Light buttons color. |  | ||||||
|   .button-wp-light { |  | ||||||
|     color: color($colors, primary, base); |  | ||||||
|   } |  | ||||||
| 
 |  | ||||||
|   .col[align-self-stretch] .card-wp { |  | ||||||
|     height: calc(100% - #{($card-wp-margin-end + $card-wp-margin-start)}); |  | ||||||
|   } |  | ||||||
| 
 |  | ||||||
|   .bar-buttons core-context-menu .button-clear-wp { |  | ||||||
|     color: $toolbar-wp-button-color; |  | ||||||
|   } |  | ||||||
| 
 |  | ||||||
|   .item-wp ion-spinner[item-start] + .item-inner, |  | ||||||
|   .item-wp ion-spinner[item-start] + .item-input, |  | ||||||
|   .item-wp ion-icon[item-start] + .item-inner, |  | ||||||
|   .item-wp ion-icon[item-start] + .item-input, |  | ||||||
|   .item-wp img[item-start] + .item-inner, |  | ||||||
|   .item-wp img[item-start] + .item-input { |  | ||||||
|     @include margin-horizontal(($item-wp-padding-start / 2), null); |  | ||||||
|   } |  | ||||||
| 
 |  | ||||||
|   .item-wp ion-avatar[item-start] + .item-inner, |  | ||||||
|   .item-wp ion-avatar[item-start] + .item-input { |  | ||||||
|     @include margin-horizontal(0, null); |  | ||||||
|   } |  | ||||||
| 
 |  | ||||||
|   @each $color-name, $color-base, $color-contrast in get-colors($colors-wp) { |  | ||||||
|     .core-#{$color-name}-card { |  | ||||||
|       @extend .card-wp ; |  | ||||||
|       @extend .card-content-wp; |  | ||||||
| 
 |  | ||||||
|       @include darkmode() { |  | ||||||
|         background-color: $core-dark-item-bg-color; |  | ||||||
|       } |  | ||||||
| 
 |  | ||||||
|       &[icon-start] { |  | ||||||
|         @include safe-area-padding(null, null, null, $card-wp-padding-left * 2 + 20); |  | ||||||
| 
 |  | ||||||
|         ion-icon { |  | ||||||
|           @include safe-area-position(null, null, null, $card-wp-padding-left); |  | ||||||
|         } |  | ||||||
|       } |  | ||||||
|     } |  | ||||||
|   } |  | ||||||
| 
 |  | ||||||
|   .core-avoid-header ion-content { |  | ||||||
|       top: $navbar-wp-height; |  | ||||||
|       height: calc(100% - #{($navbar-wp-height)}); |  | ||||||
|   } |  | ||||||
| 
 |  | ||||||
|   // Different levels of padding. |  | ||||||
|   @for $i from 0 through 15 { |  | ||||||
|     .core-padding-#{$i} { |  | ||||||
|       @include padding(null, null, null, 15px * $i + $item-wp-padding-start); |  | ||||||
|     } |  | ||||||
|   } |  | ||||||
| } |  | ||||||
| @ -13,11 +13,6 @@ ion-app.app-root { | |||||||
|         } |         } | ||||||
|     } |     } | ||||||
| 
 | 
 | ||||||
|     .card-wp core-file + core-file > .item-wp.item-block > .item-inner, |  | ||||||
|     core-file + core-file > .item-wp.item-block > .item-inner { |  | ||||||
|         border-top: 1px solid $list-wp-border-color; |  | ||||||
|     } |  | ||||||
| 
 |  | ||||||
|     core-file > .item.item-block > .item-inner { |     core-file > .item.item-block > .item-inner { | ||||||
|         border-bottom: 0; |         border-bottom: 0; | ||||||
|         @include safe-area-padding(null, 0px, null, null); |         @include safe-area-padding(null, 0px, null, null); | ||||||
|  | |||||||
| @ -76,10 +76,6 @@ ion-app.app-root.md core-ion-tabs .core-ion-tabs-loading { | |||||||
|     min-height: $tabs-md-tab-min-height; |     min-height: $tabs-md-tab-min-height; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| ion-app.app-root.wp core-ion-tabs .core-ion-tabs-loading { |  | ||||||
|     min-height: $tabs-wp-tab-min-height; |  | ||||||
| } |  | ||||||
| 
 |  | ||||||
| // Copy some styles from ion-tabs and ion-tab. | // Copy some styles from ion-tabs and ion-tab. | ||||||
| core-ion-tabs, core-ion-tab { | core-ion-tabs, core-ion-tab { | ||||||
|     @include position(0, null, null, 0); |     @include position(0, null, null, 0); | ||||||
| @ -134,7 +130,3 @@ ion-app.app-root.ios { | |||||||
| ion-app.app-root.md { | ion-app.app-root.md { | ||||||
|    @include core-ion-tabs-statusbar-padding($toolbar-md-height, $toolbar-md-padding, $content-md-padding, $cordova-md-statusbar-padding, $cordova-md-statusbar-padding-modal-max-width); |    @include core-ion-tabs-statusbar-padding($toolbar-md-height, $toolbar-md-padding, $content-md-padding, $cordova-md-statusbar-padding, $cordova-md-statusbar-padding-modal-max-width); | ||||||
| } | } | ||||||
| 
 |  | ||||||
| ion-app.app-root.wp { |  | ||||||
|     @include core-ion-tabs-statusbar-padding($toolbar-wp-height, $toolbar-wp-padding, $content-wp-padding, $cordova-wp-statusbar-padding, $cordova-wp-statusbar-padding-modal-max-width); |  | ||||||
| } |  | ||||||
|  | |||||||
| @ -36,12 +36,3 @@ ion-app.app-root.ios { | |||||||
|         bottom: 0; |         bottom: 0; | ||||||
|     } |     } | ||||||
| } | } | ||||||
| 
 |  | ||||||
| ion-app.app-root.wp { |  | ||||||
|     .item-label-stacked core-show-password .button[icon-only] { |  | ||||||
|         bottom: 7px; |  | ||||||
|     } |  | ||||||
|     core-show-password .button[icon-only] { |  | ||||||
|         @include position(null, 5px, 12px, null); |  | ||||||
|     } |  | ||||||
| } |  | ||||||
|  | |||||||
| @ -79,19 +79,6 @@ ion-app.app-root.ios .core-tabs-bar .tab-slide { | |||||||
|     color: $tabs-ios-tab-text-color; |     color: $tabs-ios-tab-text-color; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| ion-app.app-root.wp .core-tabs-bar .tab-slide { |  | ||||||
|     //@extend .tabs-wp .tab-button; |  | ||||||
|     @include border-radius(0); |  | ||||||
| 
 |  | ||||||
|     min-height: $tabs-wp-tab-min-height; |  | ||||||
| 
 |  | ||||||
|     border-bottom: $tabs-wp-tab-border; |  | ||||||
|     font-size: $tabs-wp-tab-font-size; |  | ||||||
|     font-weight: $tabs-wp-tab-font-weight; |  | ||||||
|     color: $tabs-wp-tab-color; |  | ||||||
|     box-shadow: none; |  | ||||||
| } |  | ||||||
| 
 |  | ||||||
| ion-app.app-root core-tabs { | ion-app.app-root core-tabs { | ||||||
|     .core-tabs-content-container { |     .core-tabs-content-container { | ||||||
|         height: 100%; |         height: 100%; | ||||||
| @ -157,7 +144,7 @@ ion-app.app-root.md .core-tabs-bar::after { | |||||||
|     @extend .header-md::after; |     @extend .header-md::after; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| ion-app.app-root.ios, ion-app.app-root.md, ion-app.app-root.wp { | ion-app.app-root.ios, ion-app.app-root.md { | ||||||
|     .core-avoid-header ion-content core-tabs core-tab ion-content { |     .core-avoid-header ion-content core-tabs core-tab ion-content { | ||||||
|         top: 0 !important; |         top: 0 !important; | ||||||
|         height: 100% !important; |         height: 100% !important; | ||||||
|  | |||||||
| @ -25,10 +25,6 @@ ion-app.app-root core-course-module { | |||||||
|         &.item-md.activated { |         &.item-md.activated { | ||||||
|             background-color: $list-md-activated-background-color; |             background-color: $list-md-activated-background-color; | ||||||
|         } |         } | ||||||
|         &.item-wp:active, |  | ||||||
|         &.item-wp.activated { |  | ||||||
|             background-color: $list-wp-activated-background-color; |  | ||||||
|         } |  | ||||||
|     } |     } | ||||||
| 
 | 
 | ||||||
|     .core-module-title { |     .core-module-title { | ||||||
| @ -103,9 +99,7 @@ ion-app.app-root core-course-module { | |||||||
|             &.item-ios:active, |             &.item-ios:active, | ||||||
|             &.item-ios.activated, |             &.item-ios.activated, | ||||||
|             &.item-md:active, |             &.item-md:active, | ||||||
|             &.item-md.activated, |             &.item-md.activated { | ||||||
|             &.item-wp:active, |  | ||||||
|             &.item-wp.activated { |  | ||||||
|               background-color: $core-dark-background-color; |               background-color: $core-dark-background-color; | ||||||
|             } |             } | ||||||
|         } |         } | ||||||
| @ -174,33 +168,6 @@ ion-app.app-root.ios core-course-module { | |||||||
|     } |     } | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| ion-app.app-root.wp core-course-module { |  | ||||||
|     .core-module-description { |  | ||||||
|         @include padding(null, $item-wp-padding-end / 2, null, null); |  | ||||||
|         margin-bottom: $label-md-margin-bottom; |  | ||||||
| 
 |  | ||||||
|         .core-show-more { |  | ||||||
|             @include padding(null, $item-wp-padding-end / 2, null, null); |  | ||||||
|         } |  | ||||||
|     } |  | ||||||
| 
 |  | ||||||
|     .item.core-course-module-handler .core-module-icon { |  | ||||||
|         margin-top: $item-wp-padding-top; |  | ||||||
|         margin-bottom: $item-wp-padding-bottom; |  | ||||||
|         width: 24px; |  | ||||||
|         height: 24px; |  | ||||||
|     } |  | ||||||
| 
 |  | ||||||
|     .core-module-title core-format-text { |  | ||||||
|         padding-top: $item-wp-padding-top + 3; |  | ||||||
|     } |  | ||||||
| 
 |  | ||||||
|     .button-wp { |  | ||||||
|         margin-top: 8px; |  | ||||||
|         margin-bottom: 8px; |  | ||||||
|     } |  | ||||||
| } |  | ||||||
| 
 |  | ||||||
| ion-app.app-root .core-course-module-handler.item [item-start] + .item-inner { | ion-app.app-root .core-course-module-handler.item [item-start] + .item-inner { | ||||||
|     @include margin-horizontal(4px, null); |     @include margin-horizontal(4px, null); | ||||||
| } | } | ||||||
| @ -90,9 +90,6 @@ ion-app.app-root core-courses-course-progress { | |||||||
|         ion-item-divider .label-md { |         ion-item-divider .label-md { | ||||||
|             @extend .label-md; |             @extend .label-md; | ||||||
|         } |         } | ||||||
|         ion-item-divider .label-wp { |  | ||||||
|             @extend .label-wp; |  | ||||||
|         } |  | ||||||
|         ion-item-divider .label-ios { |         ion-item-divider .label-ios { | ||||||
|             @extend .label-ios; |             @extend .label-ios; | ||||||
|         } |         } | ||||||
|  | |||||||
| @ -10,9 +10,6 @@ ion-app.app-root page-core-courses-dashboard { | |||||||
|             max-height: $toolbar-ios-height - 24; |             max-height: $toolbar-ios-height - 24; | ||||||
|         } |         } | ||||||
| 
 | 
 | ||||||
|         .toolbar-title-wp .core-header-logo { |  | ||||||
|             max-height: $toolbar-wp-height - 24; |  | ||||||
|         } |  | ||||||
|         .toolbar-title core-format-text { |         .toolbar-title core-format-text { | ||||||
|             display: none; |             display: none; | ||||||
|         } |         } | ||||||
|  | |||||||
| @ -9,7 +9,6 @@ ion-app.app-root page-core-mainmenu { | |||||||
|     .ion-md-fa-graduation-cap, |     .ion-md-fa-graduation-cap, | ||||||
|     .ion-ios-fa-graduation-cap, |     .ion-ios-fa-graduation-cap, | ||||||
|     .ion-ios-fa-graduation-cap-outline, |     .ion-ios-fa-graduation-cap-outline, | ||||||
|     .ion-wp-fa-graduation-cap, |  | ||||||
|     .ion-fa-graduation-cap { |     .ion-fa-graduation-cap { | ||||||
|         @extend .fa-graduation-cap; |         @extend .fa-graduation-cap; | ||||||
|         @extend .fa; |         @extend .fa; | ||||||
| @ -29,7 +28,6 @@ ion-app.app-root page-core-mainmenu { | |||||||
|     .ion-md-fa-newspaper-o, |     .ion-md-fa-newspaper-o, | ||||||
|     .ion-ios-fa-newspaper-o, |     .ion-ios-fa-newspaper-o, | ||||||
|     .ion-ios-fa-newspaper-o-outline, |     .ion-ios-fa-newspaper-o-outline, | ||||||
|     .ion-wp-fa-newspaper-o, |  | ||||||
|     .ion-fa-newspaper-o { |     .ion-fa-newspaper-o { | ||||||
|         @extend .fa-newspaper-o; |         @extend .fa-newspaper-o; | ||||||
|         @extend .fa; |         @extend .fa; | ||||||
|  | |||||||
| @ -2,19 +2,14 @@ ion-app.app-root page-core-mainmenu-more { | |||||||
|     $core-more-icon: $gray-darker !default; |     $core-more-icon: $gray-darker !default; | ||||||
|     $core-more-background-ios: $list-ios-background-color !default; |     $core-more-background-ios: $list-ios-background-color !default; | ||||||
|     $core-more-background-md: $list-md-background-color !default; |     $core-more-background-md: $list-md-background-color !default; | ||||||
|     $core-more-background-wp: $item-wp-body-background-color !default; |  | ||||||
|     $core-more-activated-background-ios: color-shade($core-more-background-ios) !default; |     $core-more-activated-background-ios: color-shade($core-more-background-ios) !default; | ||||||
|     $core-more-activated-background-md: color-shade($core-more-background-md) !default; |     $core-more-activated-background-md: color-shade($core-more-background-md) !default; | ||||||
|     $core-more-activated-background-wp: color-shade($core-more-background-wp) !default; |  | ||||||
|     $core-more-divider-ios: $item-ios-divider-background !default; |     $core-more-divider-ios: $item-ios-divider-background !default; | ||||||
|     $core-more-divider-md: $item-md-divider-background !default; |     $core-more-divider-md: $item-md-divider-background !default; | ||||||
|     $core-more-divider-wp: $item-wp-divider-background !default; |  | ||||||
|     $core-more-border-ios: $list-ios-border-color !default; |     $core-more-border-ios: $list-ios-border-color !default; | ||||||
|     $core-more-border-md: $list-md-border-color !default; |     $core-more-border-md: $list-md-border-color !default; | ||||||
|     $core-more-border-wp: $list-wp-border-color !default; |  | ||||||
|     $core-more-color-ios: $list-ios-text-color!default; |     $core-more-color-ios: $list-ios-text-color!default; | ||||||
|     $core-more-color-md: $list-md-text-color !default; |     $core-more-color-md: $list-md-text-color !default; | ||||||
|     $core-more-color-wp: $item-wp-body-text-color !default; |  | ||||||
| 
 | 
 | ||||||
|     .item-block { |     .item-block { | ||||||
|         &.item-ios { |         &.item-ios { | ||||||
| @ -39,17 +34,6 @@ ion-app.app-root page-core-mainmenu-more { | |||||||
|                 border-bottom: 1px solid $core-more-border-md; |                 border-bottom: 1px solid $core-more-border-md; | ||||||
|             } |             } | ||||||
|         } |         } | ||||||
|         &.item-wp { |  | ||||||
|             background-color: $core-more-background-wp; |  | ||||||
|             color: $core-more-color-wp; |  | ||||||
|             p { |  | ||||||
|                 color: $core-more-color-wp; |  | ||||||
|             } |  | ||||||
| 
 |  | ||||||
|             .item-inner { |  | ||||||
|                 border-bottom: 1px solid $core-more-border-wp; |  | ||||||
|             } |  | ||||||
|         } |  | ||||||
| 
 | 
 | ||||||
|         &.activated { |         &.activated { | ||||||
|             &.item-ios { |             &.item-ios { | ||||||
| @ -58,9 +42,6 @@ ion-app.app-root page-core-mainmenu-more { | |||||||
|             &.item-md { |             &.item-md { | ||||||
|                 background-color: $core-more-activated-background-md; |                 background-color: $core-more-activated-background-md; | ||||||
|             } |             } | ||||||
|             &.item-wp { |  | ||||||
|                 background-color: $core-more-activated-background-wp; |  | ||||||
|             } |  | ||||||
|         } |         } | ||||||
|     } |     } | ||||||
| 
 | 
 | ||||||
| @ -77,10 +58,6 @@ ion-app.app-root page-core-mainmenu-more { | |||||||
|             background-color: $core-more-divider-md; |             background-color: $core-more-divider-md; | ||||||
|             border-bottom: $core-more-border-md; |             border-bottom: $core-more-border-md; | ||||||
|         } |         } | ||||||
| 
 |  | ||||||
|         &.item-wp { |  | ||||||
|             background-color: $core-more-divider-wp; |  | ||||||
|         } |  | ||||||
|     } |     } | ||||||
| 
 | 
 | ||||||
|     @include darkmode() { |     @include darkmode() { | ||||||
| @ -90,8 +67,7 @@ ion-app.app-root page-core-mainmenu-more { | |||||||
| 
 | 
 | ||||||
|         .item-divider { |         .item-divider { | ||||||
|             &.item-ios, |             &.item-ios, | ||||||
|             &.item-md, |             &.item-md { | ||||||
|             &.item-wp { |  | ||||||
|                 color: $core-dark-text-color; |                 color: $core-dark-text-color; | ||||||
|                 background-color: $core-dark-item-divider-bg-color; |                 background-color: $core-dark-item-divider-bg-color; | ||||||
|             } |             } | ||||||
| @ -99,8 +75,7 @@ ion-app.app-root page-core-mainmenu-more { | |||||||
| 
 | 
 | ||||||
|         .item-block { |         .item-block { | ||||||
|             &.item-ios, |             &.item-ios, | ||||||
|             &.item-md, |             &.item-md { | ||||||
|             &.item-wp { |  | ||||||
|                 color: $core-dark-text-color; |                 color: $core-dark-text-color; | ||||||
|                 background-color: $core-dark-item-bg-color; |                 background-color: $core-dark-item-bg-color; | ||||||
|                 p { |                 p { | ||||||
| @ -116,9 +91,6 @@ ion-app.app-root page-core-mainmenu-more { | |||||||
|                 &.item-md { |                 &.item-md { | ||||||
|                     background-color: $core-more-activated-background-md; |                     background-color: $core-more-activated-background-md; | ||||||
|                 } |                 } | ||||||
|                 &.item-wp { |  | ||||||
|                     background-color: $core-more-activated-background-wp; |  | ||||||
|                 } |  | ||||||
|             } |             } | ||||||
|         } |         } | ||||||
|     } |     } | ||||||
|  | |||||||
| @ -22,11 +22,6 @@ ion-app.app-root core-search-box { | |||||||
|         padding-left: 0 !important; |         padding-left: 0 !important; | ||||||
|     } |     } | ||||||
| 
 | 
 | ||||||
|     .item-wp .text-input { |  | ||||||
|         border: 0; |  | ||||||
|         margin: 0; |  | ||||||
|     } |  | ||||||
| 
 |  | ||||||
|     .core-search-history { |     .core-search-history { | ||||||
|         max-height: calc(-120px + 80vh); |         max-height: calc(-120px + 80vh); | ||||||
|         overflow-y: auto; |         overflow-y: auto; | ||||||
|  | |||||||
| @ -65,8 +65,7 @@ ion-app.app-root { | |||||||
| 
 | 
 | ||||||
|           @each $color-name, $color-base, $color-contrast in get-colors($colors-dark) { |           @each $color-name, $color-base, $color-contrast in get-colors($colors-dark) { | ||||||
|             .icon-md-#{$color-name}, |             .icon-md-#{$color-name}, | ||||||
|             .icon-ios-#{$color-name}, |             .icon-ios-#{$color-name} { | ||||||
|             .icon-wp-#{$color-name} { |  | ||||||
|               color: $color-base; |               color: $color-base; | ||||||
|             } |             } | ||||||
|           } |           } | ||||||
| @ -83,16 +82,14 @@ ion-app.app-root { | |||||||
| 
 | 
 | ||||||
|       .item.activated { |       .item.activated { | ||||||
|         &.item-ios, |         &.item-ios, | ||||||
|         &.item-md, |         &.item-md { | ||||||
|         &.item-wp { |  | ||||||
|           background-color: $core-dark-background-color; |           background-color: $core-dark-background-color; | ||||||
|         } |         } | ||||||
|       } |       } | ||||||
| 
 | 
 | ||||||
|       .content, |       .content, | ||||||
|       .content-md, |       .content-md, | ||||||
|       .content-ios, |       .content-ios { | ||||||
|       .content-wp { |  | ||||||
|         color: $core-dark-text-color; |         color: $core-dark-text-color; | ||||||
|         background-color: $core-dark-background-color; |         background-color: $core-dark-background-color; | ||||||
|       } |       } | ||||||
| @ -100,7 +97,6 @@ ion-app.app-root { | |||||||
|       .button, |       .button, | ||||||
|       .button-md-light, |       .button-md-light, | ||||||
|       .button-ios-light, |       .button-ios-light, | ||||||
|       .button-wp-light, |  | ||||||
|       .button-outline { |       .button-outline { | ||||||
|         ion-icon { |         ion-icon { | ||||||
|           color: inherit; |           color: inherit; | ||||||
| @ -108,15 +104,13 @@ ion-app.app-root { | |||||||
|       } |       } | ||||||
| 
 | 
 | ||||||
|       .toolbar-md-light .toolbar-background, |       .toolbar-md-light .toolbar-background, | ||||||
|       .toolbar-ios-light .toolbar-background, |       .toolbar-ios-light .toolbar-background { | ||||||
|       .toolbar-wp-light .toolbar-background { |  | ||||||
|         background-color: $core-dark-item-divider-bg-color; |         background-color: $core-dark-item-divider-bg-color; | ||||||
|         color: $core-dark-text-color; |         color: $core-dark-text-color; | ||||||
|       } |       } | ||||||
| 
 | 
 | ||||||
|       .button.button-clear-md-dark, |       .button.button-clear-md-dark, | ||||||
|       .button.button-clear-ios-dark, |       .button.button-clear-ios-dark { | ||||||
|       .button.button-clear-wp-dark { |  | ||||||
|         .button-inner ion-icon { |         .button-inner ion-icon { | ||||||
|           color: $core-dark-text-color; |           color: $core-dark-text-color; | ||||||
|         } |         } | ||||||
|  | |||||||
| @ -157,7 +157,6 @@ $alert-input-placeholder-color: $core-placeholder-color !default; | |||||||
| $core-datetime-ios-placeholder-color: $core-placeholder-color !default; | $core-datetime-ios-placeholder-color: $core-placeholder-color !default; | ||||||
| $searchbar-ios-input-placeholder-color: $core-placeholder-color !default; | $searchbar-ios-input-placeholder-color: $core-placeholder-color !default; | ||||||
| $searchbar-md-input-placeholder-color: $core-placeholder-color !default; | $searchbar-md-input-placeholder-color: $core-placeholder-color !default; | ||||||
| $searchbar-wp-input-placeholder-color: $core-placeholder-color !default; |  | ||||||
| $text-input-placeholder-color: $core-placeholder-color !default; | $text-input-placeholder-color: $core-placeholder-color !default; | ||||||
| 
 | 
 | ||||||
| $core-select-color: $core-color !default; | $core-select-color: $core-color !default; | ||||||
| @ -249,29 +248,6 @@ $action-sheet-md-button-text-color: $black !default; | |||||||
| $item-md-divider-background: $item-divider-background; | $item-md-divider-background: $item-divider-background; | ||||||
| $item-md-divider-color: $item-divider-color; | $item-md-divider-color: $item-divider-color; | ||||||
| 
 | 
 | ||||||
| // App Windows Variables |  | ||||||
| // -------------------------------------------------- |  | ||||||
| // Windows only Sass variables can go here |  | ||||||
| 
 |  | ||||||
| $text-input-wp-show-focus-highlight: true; |  | ||||||
| $item-wp-detail-push-show: true; |  | ||||||
| $item-wp-avatar-size: $item-avatar-size; |  | ||||||
| $loading-wp-spinner-color: $core-loading-spinner-color; |  | ||||||
| $spinner-wp-circles-color: $core-spinner-color; |  | ||||||
| $tabs-wp-tab-color-inactive: $tabs-tab-color-inactive; |  | ||||||
| $button-wp-outline-background-color: $core-button-outline-background-color; |  | ||||||
| $select-wp-placeholder-color: $core-select-color !default; |  | ||||||
| $datetime-wp-placeholder-color: $core-datetime-ios-placeholder-color !default; |  | ||||||
| $label-wp-text-color: $text-color !default; |  | ||||||
| $radio-wp-disabled-opacity: $input-select-opacity !default; |  | ||||||
| $checkbox-wp-disabled-opacity: $input-select-opacity !default; |  | ||||||
| $toggle-wp-disabled-opacity: $input-select-opacity !default; |  | ||||||
| $note-wp-color: $note-color; |  | ||||||
| $popover-wp-width: $popover-width; |  | ||||||
| $action-sheet-wp-title-color: $core-action-sheet-color; |  | ||||||
| $action-sheet-wp-button-text-color: $black !default; |  | ||||||
| $item-wp-divider-background: $item-divider-background; |  | ||||||
| $item-wp-divider-color: $item-divider-color; |  | ||||||
| 
 | 
 | ||||||
| // Font sizes | // Font sizes | ||||||
| // --------------------------------------------------- | // --------------------------------------------------- | ||||||
| @ -491,10 +467,6 @@ $core-dd-question-colors: $white, $blue-light, #DCDCDC, #D8BFD8, #87CEFA, #DAA52 | |||||||
|       height: calc(100% - #{($card-ios-margin-bottom + $card-ios-margin-top)}); |       height: calc(100% - #{($card-ios-margin-bottom + $card-ios-margin-top)}); | ||||||
|       width: calc(100% - #{($card-md-margin-end + $card-md-margin-start)}); |       width: calc(100% - #{($card-md-margin-end + $card-md-margin-start)}); | ||||||
|     } |     } | ||||||
|     &.card-wp, .card-wp { |  | ||||||
|       height: calc(100% - #{($card-wp-margin-bottom + $card-wp-margin-top)}); |  | ||||||
|       width: calc(100% - #{($card-md-margin-end + $card-md-margin-start)}); |  | ||||||
|     } |  | ||||||
|     &.card-md { |     &.card-md { | ||||||
|       margin-top: $card-md-margin-top; |       margin-top: $card-md-margin-top; | ||||||
|       margin-bottom: $card-md-margin-bottom; |       margin-bottom: $card-md-margin-bottom; | ||||||
| @ -503,10 +475,6 @@ $core-dd-question-colors: $white, $blue-light, #DCDCDC, #D8BFD8, #87CEFA, #DAA52 | |||||||
|       margin-top: $card-ios-margin-top; |       margin-top: $card-ios-margin-top; | ||||||
|       margin-bottom: $card-ios-margin-bottom; |       margin-bottom: $card-ios-margin-bottom; | ||||||
|     } |     } | ||||||
|     &.card-wp { |  | ||||||
|       margin-top: $card-wp-margin-top; |  | ||||||
|       margin-bottom: $card-wp-margin-bottom; |  | ||||||
|     } |  | ||||||
| 
 | 
 | ||||||
|     &.card, .card { |     &.card, .card { | ||||||
|       @media (max-width: 360px) { |       @media (max-width: 360px) { | ||||||
| @ -555,10 +523,6 @@ $core-dd-question-colors: $white, $blue-light, #DCDCDC, #D8BFD8, #87CEFA, #DAA52 | |||||||
|     border-bottom: $hairlines-width solid $list-ios-border-color; |     border-bottom: $hairlines-width solid $list-ios-border-color; | ||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|   .item-wp.item-block > .item-inner { |  | ||||||
|     border-bottom: 1px solid $list-wp-border-color; |  | ||||||
|   } |  | ||||||
| 
 |  | ||||||
|   &:last-child .item > .item-inner { |   &:last-child .item > .item-inner { | ||||||
|     border-bottom: 0; |     border-bottom: 0; | ||||||
|   } |   } | ||||||
| @ -573,10 +537,6 @@ $core-dd-question-colors: $white, $blue-light, #DCDCDC, #D8BFD8, #87CEFA, #DAA52 | |||||||
|     border-bottom: $hairlines-width solid $list-ios-border-color; |     border-bottom: $hairlines-width solid $list-ios-border-color; | ||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|   &.item-wp.item-block > .item-inner { |  | ||||||
|     border-bottom: 1px solid $list-wp-border-color; |  | ||||||
|   } |  | ||||||
| 
 |  | ||||||
|   &:last-child > .item-inner { |   &:last-child > .item-inner { | ||||||
|     border-bottom: 0; |     border-bottom: 0; | ||||||
|   } |   } | ||||||
| @ -591,9 +551,6 @@ $core-dd-question-colors: $white, $blue-light, #DCDCDC, #D8BFD8, #87CEFA, #DAA52 | |||||||
|   &.item-ios { |   &.item-ios { | ||||||
|       @include padding-horizontal($item-ios-padding-start - 5px, null); |       @include padding-horizontal($item-ios-padding-start - 5px, null); | ||||||
|   } |   } | ||||||
|   &.item-wp { |  | ||||||
|       @include padding-horizontal($item-wp-padding-start - 5px, null); |  | ||||||
|   } |  | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
|  | |||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user