javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 11:41:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
- 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
Download Patch File Download Diff File Expand all files Collapse all files

16
core/src/components/segment/segment.ios.scss
View File

@ -10,7 +10,6 @@
:host(.segment-disabled) {
opacity: $segment-ios-opacity-disabled;
pointer-events: none;
}
@ -22,28 +21,27 @@
--border-width: #{$segment-button-ios-border-width};
--border-style: solid;
--border-color: #{current-color(base)};
--background: transparent;
--transition: 100ms all linear;
--icon-size: #{$segment-button-ios-icon-size};
height: #{$segment-button-ios-height};
font-size: #{$segment-button-ios-font-size};
line-height: #{$segment-button-ios-line-height};
color: #{current-color(base)};
font-size: #{$segment-button-ios-font-size};
line-height: #{$segment-button-ios-line-height};
}
::slotted(.segment-checked) {
color: #{current-color(contrast)};
--background: #{current-color(base)};
color: #{current-color(contrast)};
}
::slotted(.segment-button-disabled) {
color: #{current-color(base, $segment-button-ios-background-color-alpha-disabled)};
pointer-events: none;
}
@ -66,10 +64,10 @@
:host(.in-toolbar) ::slotted(ion-segment-button) {
max-width: $segment-button-ios-toolbar-button-max-width;
height: $segment-button-ios-toolbar-button-height;
font-size: $segment-button-ios-toolbar-font-size;
line-height: $segment-button-ios-toolbar-line-height;
}

22
core/src/components/segment/segment.md.scss
View File

@ -5,12 +5,14 @@
// --------------------------------------------------
:host {
font-family: $segment-md-font-family;
color: $segment-button-md-text-color;
font-family: $segment-md-font-family;
}
:host(.ion-color) {
// TODO can we remove important here
/* stylelint-disable-next-line declaration-no-important */
color: #{current-color(base)} !important;
}
@ -20,7 +22,6 @@
:host(.segment-disabled) {
opacity: $segment-md-opacity-disabled;
pointer-events: none;
}
@ -32,24 +33,24 @@
--padding-end: #{$segment-button-md-padding-end};
--padding-bottom: #{$segment-button-md-padding-bottom};
--padding-start: #{$segment-button-md-padding-start};
--background: transparent;
--border-color: #{$segment-button-md-border-bottom-color};
--border-width: #{0 0 $segment-button-md-border-bottom-width 0};
--border-style: solid;
--opacity: #{$segment-button-md-opacity};
--transition: #{$segment-button-md-transition};
--icon-size: #{$segment-button-md-icon-size};
height: $segment-button-md-height;
color: inherit;
font-size: $segment-button-md-font-size;
font-weight: $segment-button-md-font-weight;
line-height: $segment-button-md-line-height;
text-transform: uppercase;
color: inherit;
line-height: $segment-button-md-line-height;
text-transform: uppercase;
opacity: $segment-button-md-opacity;
}
@ -59,9 +60,9 @@
::slotted(.activated),
::slotted(.segment-checked) {
opacity: $segment-button-md-opacity-activated;
--border-color: currentColor;
opacity: $segment-button-md-opacity-activated;
}
// Disabled Segment Button
@ -69,6 +70,5 @@
::slotted(.segment-button-disabled) {
opacity: $segment-button-md-opacity-disabled;
pointer-events: none;
}

10
core/src/components/segment/segment.scss
View File

@ -4,6 +4,11 @@
// --------------------------------------------------
:host {
--ion-color-base: #{ion-color(primary, base)};
--ion-color-base-rgb: #{ion-color(primary, base, null, true)};
--ion-color-contrast: #{ion-color(primary, contrast)};
--ion-color-shade: #{ion-color(primary, shade)};
@include font-smoothing();
display: flex;
@ -13,9 +18,4 @@
justify-content: center;
width: 100%;
--ion-color-base: #{ion-color(primary, base)};
--ion-color-base-rgb: #{ion-color(primary, base, null, true)};
--ion-color-contrast: #{ion-color(primary, contrast)};
--ion-color-shade: #{ion-color(primary, shade)};
}