chore(stylelint): remove sass-lint/scss-lint in favor of stylelint

- remove scss-lint and sass-lint
- add stylelint and stylelint-order packages and configuration
- update all *.scss files to new syntax

fixes #14805
This commit is contained in:
Brandy Carney
2018-07-19 16:10:30 -04:00
committed by Cam Wiegert
parent 771c47f109
commit 7a8d5f68d2
192 changed files with 1262 additions and 1464 deletions

View File

@ -5,6 +5,9 @@
// --------------------------------------------------
:host {
--ion-color-base: #{$item-ios-divider-background};
--ion-color-contrast: #{$item-ios-divider-color};
@include padding-horizontal($item-ios-divider-padding-start, null);
@include safe-area-padding-horizontal($item-ios-divider-padding-start, null);
@include border-radius(0);
@ -13,9 +16,6 @@
font-family: $item-ios-divider-font-family;
font-size: $item-ios-divider-font-size;
--ion-color-base: #{$item-ios-divider-background};
--ion-color-contrast: #{$item-ios-divider-color};
}
.item-divider-inner {
@ -69,18 +69,22 @@
font-size: 14px;
font-weight: normal;
line-height: normal;
}
::slotted(p) {
@include margin($item-ios-paragraph-margin-top, $item-ios-paragraph-margin-end, $item-ios-paragraph-margin-bottom, $item-ios-paragraph-margin-start);
overflow: inherit;
color: $item-ios-paragraph-text-color;
font-size: $item-ios-paragraph-font-size;
line-height: normal;
text-overflow: inherit;
color: $item-ios-paragraph-text-color;
overflow: inherit;
}
::slotted(h2:last-child)

View File

@ -1,5 +1,4 @@
@import "../../themes/ionic.globals.ios";
@import "../item/item.ios.vars";
// iOS Item Divider

View File

@ -5,15 +5,15 @@
// --------------------------------------------------
:host {
--ion-color-base: #{$item-md-divider-background};
--ion-color-contrast: #{$item-md-divider-color};
@include padding-horizontal($item-md-divider-padding-start, null);
border-bottom: $item-md-divider-border-bottom;
font-family: $item-md-divider-font-family;
font-size: $item-md-divider-font-size;
--ion-color-base: #{$item-md-divider-background};
--ion-color-contrast: #{$item-md-divider-color};
}
.item-divider-inner {
@ -73,16 +73,20 @@
font-size: 14px;
font-weight: normal;
line-height: normal;
}
::slotted(p) {
@include margin(0, 0, 2px);
overflow: inherit;
color: $item-md-paragraph-text-color;
font-size: 14px;
line-height: normal;
text-overflow: inherit;
color: $item-md-paragraph-text-color;
overflow: inherit;
}

View File

@ -1,5 +1,4 @@
@import "../../themes/ionic.globals.md";
@import "../item/item.md.vars";
// Material Design Item Divider

View File

@ -9,21 +9,20 @@
@include margin(0);
@include padding(0);
box-sizing: border-box;
z-index: $z-index-item-divider;
display: flex;
overflow: hidden;
align-items: center;
justify-content: space-between;
width: 100%;
min-height: $item-divider-min-height;
color: #{current-color(contrast)};
background-color: #{current-color(base)};
color: #{current-color(contrast)};
overflow: hidden;
z-index: $z-index-item-divider;
box-sizing: border-box;
}
:host([sticky]) {
@ -36,7 +35,6 @@
@include padding(0);
display: flex;
overflow: hidden;
flex: 1;
flex-direction: inherit;
@ -46,11 +44,12 @@
min-height: inherit;
border: 0;
overflow: hidden;
}
.item-divider-wrapper {
display: flex;
overflow: hidden;
flex: 1;
flex-direction: inherit;
@ -58,4 +57,6 @@
align-self: stretch;
text-overflow: ellipsis;
overflow: hidden;
}