Skip to content

Commit 67a3eb1

Browse files
authored
refactor(multiple): clean up vendor prefixes (#24585)
Removes some vendor prefixes that shouldn't be necessary anymore.
1 parent 3501881 commit 67a3eb1

File tree

4 files changed

+4
-22
lines changed

4 files changed

+4
-22
lines changed

src/material-experimental/mdc-table/table.scss

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
@use '@material/data-table/data-table' as mdc-data-table;
2-
@use '../../material/core/style/vendor-prefixes';
32
@use '../mdc-helpers/mdc-helpers';
43
@use '../../material/table/table-flex-styles';
54

@@ -13,7 +12,7 @@
1312
// Note that the table can either set this class or an inline style to make something sticky.
1413
// We set the style as `!important` so that we get an identical specificity in both cases
1514
// and to avoid cases where user styles have a higher specificity.
16-
@include vendor-prefixes.position-sticky($important: true);
15+
position: sticky !important;
1716
}
1817

1918
.mat-mdc-table {

src/material/core/style/_vendor-prefixes.scss

Lines changed: 0 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
// stylelint-disable material/no-prefixes
22
@mixin user-select($value) {
33
-webkit-user-select: $value;
4-
-moz-user-select: $value;
54
user-select: $value;
65
}
76

@@ -25,26 +24,11 @@
2524
}
2625
}
2726

28-
@mixin cursor-grab {
29-
cursor: -webkit-grab;
30-
cursor: grab;
31-
}
32-
33-
@mixin cursor-grabbing {
34-
cursor: -webkit-grabbing;
35-
cursor: grabbing;
36-
}
37-
3827
@mixin backface-visibility($value) {
3928
-webkit-backface-visibility: $value;
4029
backface-visibility: $value;
4130
}
4231

43-
@mixin position-sticky($important: false) {
44-
position: -webkit-sticky #{if($important, '!important', '')};
45-
position: sticky #{if($important, '!important', '')};
46-
}
47-
4832
@mixin private-color-adjust($value) {
4933
-webkit-print-color-adjust: $value;
5034
color-adjust: $value;

src/material/slider/slider.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ $focus-ring-size: 30px !default;
3939

4040
&:not(.mat-slider-disabled):active,
4141
&.mat-slider-sliding:not(.mat-slider-disabled) {
42-
@include vendor-prefixes.cursor-grabbing;
42+
cursor: grabbing;
4343
}
4444
}
4545

@@ -116,7 +116,7 @@ $focus-ring-size: 30px !default;
116116

117117
%_mat-slider-cursor {
118118
.mat-slider:not(.mat-slider-disabled):not(.mat-slider-sliding) & {
119-
@include vendor-prefixes.cursor-grab;
119+
cursor: grab;
120120
}
121121
}
122122

src/material/table/table.scss

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
@use '../core/style/vendor-prefixes';
21
@use './table-flex-styles';
32

43
@include table-flex-styles.private-table-flex-styles();
@@ -54,7 +53,7 @@ th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
5453
// Note that the table can either set this class or an inline style to make something sticky.
5554
// We set the style as `!important` so that we get an identical specificity in both cases
5655
// and to avoid cases where user styles have a higher specificity.
57-
@include vendor-prefixes.position-sticky($important: true);
56+
position: sticky !important;
5857
}
5958

6059
.mat-table-fixed-layout {

0 commit comments

Comments
 (0)