Skip to content

Commit b0a1399

Browse files
mvorisekmvorisek
authored
feat(lint): remove unneeded vendor prefixes
Some CSS properties like transform - caniuse.com/transforms3d - has wide enough support without vendor prefix.
1 parent c959704 commit b0a1399

File tree

15 files changed

+22
-77
lines changed

15 files changed

+22
-77
lines changed

‎.stylelintrc.js

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,14 @@ module.exports = {
2424
'no-duplicate-selectors': null,
2525
'number-max-precision': 5,
2626
'property-case': null,
27+
'property-no-vendor-prefix': [true, {
28+
ignoreProperties: [
29+
'background-clip', // https://caniuse.com/background-clip-text
30+
'appearance', // https://caniuse.com/css-appearance
31+
'backdrop-filter', // https://caniuse.com/css-backdrop-filter
32+
'text-size-adjust', // https://caniuse.com/text-size-adjust
33+
],
34+
}],
2735
'rule-empty-line-before': null,
2836
'string-quotes': 'double',
2937
'value-keyword-case': null,
@@ -35,7 +43,6 @@ module.exports = {
3543
'selector-not-notation': null, // 169 errors
3644
'import-notation': null, // 56 errors
3745
'keyframes-name-pattern': null, // 50 errors
38-
'property-no-vendor-prefix': null, // 49 errors
3946
'block-no-empty': null, // 25 errors
4047
'selector-no-vendor-prefix': null, // 19 errors
4148
'selector-class-pattern': null, // 19 errors

‎src/definitions/collections/table.less

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -641,6 +641,8 @@
641641
font-weight: @definitionHeaderFontWeight;
642642
color: @definitionHeaderColor;
643643
box-shadow: -@coloredBorderSizeCover -@coloredBorderSize 0 @coloredBorderSizeCover @definitionPageBackground;
644+
// https://github.com/fomantic/Fomantic-UI/pull/884
645+
// stylelint-disable-next-line property-no-vendor-prefix
644646
-moz-transform: scale(1);
645647
}
646648

@@ -654,6 +656,8 @@
654656
font-weight: @definitionFooterFontWeight;
655657
color: @definitionFooterColor;
656658
box-shadow: -@coloredBorderSizeCover @coloredBorderSize 0 @coloredBorderSizeCover @definitionPageBackground;
659+
// https://github.com/fomantic/Fomantic-UI/pull/884
660+
// stylelint-disable-next-line property-no-vendor-prefix
657661
-moz-transform: scale(1);
658662
}
659663

‎src/definitions/elements/image.less

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -161,8 +161,6 @@ img.ui.image {
161161
.ui.circular.image,
162162
.ui.circular.images .image > *,
163163
.ui.circular.image > * {
164-
-webkit-border-radius: @circularRadius;
165-
-moz-border-radius: @circularRadius;
166164
border-radius: @circularRadius;
167165
}
168166
}
@@ -199,8 +197,6 @@ img.ui.image {
199197
display: inline-block;
200198
width: @avatarSize;
201199
height: @avatarSize;
202-
-webkit-border-radius: @circularRadius;
203-
-moz-border-radius: @circularRadius;
204200
border-radius: @circularRadius;
205201
}
206202
}

‎src/definitions/elements/loader.less

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -328,6 +328,8 @@
328328
.ui.elastic.loading.loading.loading > i.icon::before,
329329
.ui.elastic.loader.loader::before {
330330
animation: elastic-loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
331+
// https://github.com/fomantic/Fomantic-UI/pull/363
332+
// stylelint-disable-next-line property-no-vendor-prefix
331333
-moz-animation: currentcolor-elastic-loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61);
332334
border-right-color: transparent;
333335
}

‎src/definitions/elements/segment.less

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -455,7 +455,9 @@
455455
.ui.horizontal.segments:not(.compact) > .segment:not(.compact) {
456456
flex: 1 1 auto;
457457
& when (@supportIE) {
458-
-ms-flex: 1 1 0; /* Solves #2550 MS Flex */
458+
// https://github.com/Semantic-Org/Semantic-UI/issues/2550
459+
// stylelint-disable-next-line property-no-vendor-prefix
460+
-ms-flex: 1 1 0;
459461
}
460462
}
461463
.ui.horizontal.segments > .segment {

‎src/definitions/modules/dimmer.less

Lines changed: 2 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -155,6 +155,8 @@
155155
perspective: @perspective;
156156
transform-origin: center center;
157157
&.modals {
158+
// https://github.com/fomantic/Fomantic-UI/pull/1491
159+
// stylelint-disable-next-line property-no-vendor-prefix
158160
-moz-perspective: none;
159161
}
160162
}
@@ -302,7 +304,6 @@ body.dimmable > .dimmer {
302304
.ui[class*="center dimmer"] {
303305
top: 50%;
304306
transform: translateY(-50%);
305-
-webkit-transform: translateY(calc(-50% - 0.5px));
306307
}
307308

308309
.ui.segment > .ui.ui[class*="top dimmer"] {
@@ -336,48 +337,40 @@ body.dimmable > .dimmer {
336337
0% {
337338
opacity: 0;
338339
transform: translateY(-40%);
339-
-webkit-transform: translateY(calc(-40% - 0.5px));
340340
}
341341
100% {
342342
opacity: 1;
343343
transform: translateY(-50%);
344-
-webkit-transform: translateY(calc(-50% - 0.5px));
345344
}
346345
}
347346
@keyframes fadeInDownCenter {
348347
0% {
349348
opacity: 0;
350349
transform: translateY(-60%);
351-
-webkit-transform: translateY(calc(-60% - 0.5px));
352350
}
353351
100% {
354352
opacity: 1;
355353
transform: translateY(-50%);
356-
-webkit-transform: translateY(calc(-50% - 0.5px));
357354
}
358355
}
359356
@keyframes fadeOutUpCenter {
360357
0% {
361358
opacity: 1;
362359
transform: translateY(-50%);
363-
-webkit-transform: translateY(calc(-50% - 0.5px));
364360
}
365361
100% {
366362
opacity: 0;
367363
transform: translateY(-45%);
368-
-webkit-transform: translateY(calc(-45% - 0.5px));
369364
}
370365
}
371366
@keyframes fadeOutDownCenter {
372367
0% {
373368
opacity: 1;
374369
transform: translateY(-50%);
375-
-webkit-transform: translateY(calc(-50% - 0.5px));
376370
}
377371
100% {
378372
opacity: 0;
379373
transform: translateY(-55%);
380-
-webkit-transform: translateY(calc(-55% - 0.5px));
381374
}
382375
}
383376
@keyframes bounceCenter {
@@ -387,7 +380,6 @@ body.dimmable > .dimmer {
387380
80%,
388381
100% {
389382
transform: translateY(-50%);
390-
-webkit-transform: translateY(calc(-50% - 0.5px));
391383
}
392384
40% {
393385
transform: translateY(calc(-50% - 30px));

‎src/definitions/modules/dropdown.less

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -434,7 +434,6 @@ select.ui.dropdown {
434434
overflow-y: auto;
435435
overscroll-behavior: @overscrollBehavior;
436436
backface-visibility: hidden;
437-
-webkit-overflow-scrolling: touch;
438437
border-top-width: 0 !important;
439438
width: auto;
440439
outline: none;
@@ -634,7 +633,7 @@ select.ui.dropdown {
634633
}
635634
& when (@variationDropdownScrollhint) {
636635
/* CSS specific to iOS devices or firefox mobile only */
637-
@supports (-webkit-touch-callout: none) or (-webkit-overflow-scrolling: touch) or (-moz-appearance: none) {
636+
@supports (-webkit-touch-callout: none) or (-moz-appearance: none) {
638637
@media (-moz-touch-enabled), (pointer: coarse) {
639638
.ui.dropdown .scrollhint.menu:not(.hidden)::before {
640639
animation: scrollhint @scrollhintDuration @scrollhintEasing @scrollhintIteration;
@@ -751,7 +750,6 @@ select.ui.dropdown {
751750
overflow-y: auto;
752751
overscroll-behavior: @overscrollBehavior;
753752
backface-visibility: hidden;
754-
-webkit-overflow-scrolling: touch;
755753
}
756754
@media only screen and (max-width: @largestMobileScreen) {
757755
.ui.search.dropdown .menu {
@@ -1295,7 +1293,6 @@ select.ui.dropdown {
12951293
overflow-y: auto;
12961294
overscroll-behavior: @overscrollBehavior;
12971295
backface-visibility: hidden;
1298-
-webkit-overflow-scrolling: touch;
12991296
min-width: 100% !important;
13001297
width: auto !important;
13011298
}

‎src/definitions/modules/flyout.less

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,6 @@
3131
will-change: transform;
3232
transform: translate3d(0, 0, 0);
3333
visibility: hidden;
34-
-webkit-overflow-scrolling: touch;
3534
height: 100%;
3635
max-height: 100%;
3736
max-width: 100%;

‎src/definitions/modules/modal.less

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -446,7 +446,6 @@
446446
.scrolling.dimmable.dimmed > .dimmer {
447447
overflow: auto;
448448
overscroll-behavior: @overscrollBehavior;
449-
-webkit-overflow-scrolling: touch;
450449
}
451450
.modals.dimmer .ui.scrolling.modal:not(.fullscreen) {
452451
margin: @scrollingMargin auto;
@@ -463,7 +462,6 @@
463462
.scrolling.undetached.dimmable.dimmed {
464463
overflow: auto;
465464
overscroll-behavior: @overscrollBehavior;
466-
-webkit-overflow-scrolling: touch;
467465
}
468466
.scrolling.undetached.dimmable.dimmed > .dimmer {
469467
overflow: hidden;

‎src/definitions/modules/popup.less

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -175,6 +175,8 @@
175175
[data-tooltip][data-position="left center"]:hover::after,
176176
[data-tooltip][data-position="right center"]:hover::after {
177177
transform: translateY(-50%) scale(1) !important;
178+
// https://github.com/fomantic/Fomantic-UI/pull/1537
179+
// stylelint-disable-next-line property-no-vendor-prefix
178180
-moz-transform: translateY(-50%) scale(1.0001) !important;
179181
}
180182
[data-tooltip][data-position="top left"]::after,

0 commit comments

Comments
 (0)