javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-09 16:16:41 +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 1262 additions and 1464 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
core/src/components/picker/picker.scss
View File

@ -7,22 +7,21 @@ ion-picker {
@include font-smoothing();
@include position(0, null, null, 0);
position: absolute;
z-index: $z-index-overlay;
display: block;
position: absolute;
width: $picker-width;
height: $picker-width;
contain: strict;
z-index: $z-index-overlay;
}
.picker-toolbar {
z-index: 1;
width: 100%;
contain: strict;
z-index: 1;
}
.picker-wrapper {
@ -30,11 +29,8 @@ ion-picker {
@include margin(auto);
@include transform(translate3d(0, 100%, 0));
position: absolute;
z-index: $z-index-overlay-wrapper;
display: flex;
overflow: hidden;
position: absolute;
flex-direction: column;
@ -42,36 +38,37 @@ ion-picker {
max-width: $picker-max-width;
contain: strict;
overflow: hidden;
z-index: $z-index-overlay-wrapper;
}
.picker-columns {
@include margin(null, null, constant(safe-area-inset-bottom), null);
@include margin(null, null, env(safe-area-inset-bottom), null);
position: relative;
display: flex;
@include rtl() {
// Date is the same format in both directions
flex-direction: row-reverse;
}
overflow: hidden;
display: flex;
position: relative;
justify-content: center;
contain: strict;
@include rtl() {
// Date is the same format in both directions
flex-direction: row-reverse;
}
overflow: hidden;
}
.picker-col {
box-sizing: content-box;
position: relative;
display: flex;
position: relative;
flex: 1;
justify-content: center;
height: 100%;
box-sizing: content-box;
contain: content;
}
@ -92,9 +89,9 @@ ion-picker {
min-width: 45%;
max-width: 50%;
white-space: nowrap;
text-align: end;
white-space: nowrap;
}
.picker-suffix {
@ -105,31 +102,30 @@ ion-picker {
min-width: 45%;
max-width: 50%;
white-space: nowrap;
text-align: start;
white-space: nowrap;
}
// contain property is supported by Chrome
.picker-opt {
@include position(0, null, null, 0);
position: absolute;
display: block;
overflow: hidden;
position: absolute;
width: 100%;
border: 0;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;
white-space: nowrap;
will-change: transform;
contain: strict;
overflow: hidden;
will-change: transform;
}
.picker-opt.picker-opt-disabled {
@ -163,12 +159,12 @@ ion-picker {
.picker-above-highlight,
.picker-below-highlight {
display: none;
pointer-events: none;
}
.picker-button {
border: 0;
font-family: inherit;
}