mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-10 00:27:41 +08:00
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:
committed by
Cam Wiegert
parent
771c47f109
commit
7a8d5f68d2
@ -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)
|
||||
|
||||
@ -1,5 +1,4 @@
|
||||
@import "../../themes/ionic.globals.ios";
|
||||
|
||||
@import "../item/item.ios.vars";
|
||||
|
||||
// iOS Item Divider
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -1,5 +1,4 @@
|
||||
@import "../../themes/ionic.globals.md";
|
||||
|
||||
@import "../item/item.md.vars";
|
||||
|
||||
// Material Design Item Divider
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user