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 1309 additions and 1511 deletions

View File

@ -5,10 +5,8 @@
// --------------------------------------------------
:host {
// default color / background
--ion-color-base: #{$toolbar-ios-background-color};
--ion-color-contrast: #{$toolbar-ios-text-color};
--border-color: #{$toolbar-ios-border-color};
--translucent-filter: #{$toolbar-ios-translucent-filter};
@ -33,19 +31,19 @@
@include position(0, null, null, 0);
@include padding(0, 90px, 0);
box-sizing: border-box;
position: absolute;
width: 100%;
height: 100%;
font-size: $toolbar-ios-title-font-size;
font-weight: $toolbar-ios-title-font-weight;
letter-spacing: -.03em;
transform: translateZ(0);
text-align: $toolbar-ios-title-text-align;
font-size: $toolbar-ios-title-font-size;
font-weight: $toolbar-ios-title-font-weight;
letter-spacing: -.03em;
text-align: $toolbar-ios-title-text-align;
box-sizing: border-box;
pointer-events: none;
}

View File

@ -5,17 +5,15 @@
// --------------------------------------------------
:host {
--ion-color-base: #{$toolbar-md-background-color};
--ion-color-contrast: #{$toolbar-md-text-color};
--border-color: #{$toolbar-md-border-color};
@include padding($toolbar-md-padding);
min-height: #{$toolbar-md-height};
font-family: #{$toolbar-md-font-family};
// default color / background
--ion-color-base: #{$toolbar-md-background-color};
--ion-color-contrast: #{$toolbar-md-text-color};
--border-color: #{$toolbar-md-border-color};
}

View File

@ -11,12 +11,8 @@
@include font-smoothing();
box-sizing: border-box;
position: relative;
z-index: $z-index-toolbar;
display: flex;
overflow: hidden;
position: relative;
flex-direction: row;
align-items: center;
@ -27,7 +23,9 @@
color: #{current-color(contrast)};
contain: content;
overflow: hidden;
z-index: $z-index-toolbar;
box-sizing: border-box;
backdrop-filter: var(--backdrop-filter);
}
@ -44,16 +42,17 @@
@include position(0, 0, 0, 0);
position: absolute;
z-index: $z-index-toolbar-background;
transform: translateZ(0);
border-width: var(--border-width);
border-style: var(--border-style);
border-color: var(--border-color);
background: var(--background);
opacity: var(--opacity);
transform: translateZ(0);
pointer-events: none;
background: var(--background);
contain: strict;
opacity: var(--opacity);
z-index: $z-index-toolbar-background;
pointer-events: none;
}