javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +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

12
core/src/components/checkbox/checkbox.ios.scss
View File

@ -6,11 +6,9 @@
:host {
--size: #{$checkbox-ios-icon-size};
--border-radius: #{$checkbox-ios-icon-border-radius};
--border-width: #{$checkbox-ios-icon-border-width};
--border-style: #{$checkbox-ios-icon-border-style};
--unchecked-border-color: #{$checkbox-ios-icon-border-color-off};
--unchecked-background: #{$checkbox-ios-background-color-off};
}
@ -30,11 +28,12 @@
width: calc(var(--size) / 6 + 1px);
height: calc(var(--size) / 2);
transform: rotate(45deg);
border-width: $checkbox-ios-checkmark-border-width;
border-top-width: 0;
border-left-width: 0;
border-style: $checkbox-ios-checkmark-border-style;
transform: rotate(45deg);
}
@ -44,7 +43,6 @@
// TODO: .item-ios.item-checkbox-disabled ion-labe
:host(.checkbox-disabled) {
opacity: $checkbox-ios-disabled-opacity;
pointer-events: none;
}
@ -56,9 +54,8 @@
@include border-radius(50%);
@include position(-9px, null, null, -9px);
position: absolute;
display: block;
position: absolute;
width: 36px;
height: 36px;
@ -66,7 +63,6 @@
background: $checkbox-ios-background-color-focused;
content: "";
opacity: .2;
}
@ -78,8 +74,8 @@
:host(.in-item) {
@include margin($checkbox-ios-item-start-margin-top, $checkbox-ios-item-start-margin-end, $checkbox-ios-item-start-margin-bottom, $checkbox-ios-item-start-margin-start);
position: static;
display: block;
position: static;
}
:host(.in-item[slot="end"]) {

1
core/src/components/checkbox/checkbox.ios.vars.scss
View File

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

13
core/src/components/checkbox/checkbox.md.scss
View File

@ -6,14 +6,11 @@
:host {
--size: #{$checkbox-md-icon-size};
--border-radius: calc(var(--size) * .125);
--border-width: #{$checkbox-md-icon-border-width};
--border-style: #{$checkbox-md-icon-border-style};
--unchecked-border-color: #{$checkbox-md-icon-border-color-off};
--unchecked-background: #{$checkbox-md-icon-background-color-off};
--transition: #{background $checkbox-md-transition-duration $checkbox-md-transition-easing};
}
@ -32,11 +29,12 @@
width: calc(var(--size) * .3125);
height: calc(var(--size) * .625);
transform: rotate(45deg);
border-width: calc(var(--size) * .125);
border-top-width: 0;
border-left-width: 0;
border-style: $checkbox-md-icon-checkmark-style;
transform: rotate(45deg);
}
@ -48,7 +46,6 @@
:host(.checkbox-disabled) {
opacity: $checkbox-md-disabled-opacity;
pointer-events: none;
}
@ -60,9 +57,8 @@
@include border-radius(50%);
@include position(-12px, null, null, -12px);
position: absolute;
display: block;
position: absolute;
width: 36px;
height: 36px;
@ -70,7 +66,6 @@
background: $checkbox-md-background-color-focused;
content: "";
opacity: .2;
}
@ -81,8 +76,8 @@
:host(.in-item) {
@include margin($checkbox-md-item-start-margin-top, $checkbox-md-item-start-margin-end, $checkbox-md-item-start-margin-bottom, $checkbox-md-item-start-margin-start);
position: static;
display: block;
position: static;
}
:host(.in-item[slot="end"]) {

1
core/src/components/checkbox/checkbox.md.vars.scss
View File

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

6
core/src/components/checkbox/checkbox.scss
View File

@ -6,15 +6,13 @@
:host {
--ion-color-base: #{ion-color(primary, base)};
--ion-color-contrast: #{ion-color(primary, contrast)};
--background: var(--unchecked-backgroud);
--border-color: var(--unchecked-border-color);
--checked-border-color: #{current-color(base)};
--checked-background: #{current-color(base)};
position: relative;
display: inline-block;
position: relative;
}
:host(.checkbox-checked) {
@ -41,6 +39,7 @@ input {
border-width: var(--border-width);
border-style: var(--border-style);
border-color: var(--border-color);
background-color: var(--background);
contain: strict;
@ -48,6 +47,7 @@ input {
.checkbox-inner {
border-color: #{current-color(contrast)};
opacity: 0;
}