feat(chore): remove unneeded vendor prefixes

Again removed some not needed vendor prefixes
fomantic · Feb 2, 2023 · 8415a7a · 8415a7a
1 parent b6cde0e
commit 8415a7a
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 62 deletions.
diff --git a/src/definitions/collections/form.less b/src/definitions/collections/form.less
@@ -383,26 +383,22 @@
 --------------------- */
 
 /* browsers require these rules separate */
-.ui.form ::-webkit-input-placeholder {
+.ui.form ::placeholder {
     color: @inputPlaceholderColor;
 }
 .ui.form :-ms-input-placeholder when (@supportIE) {
     color: @inputPlaceholderColor !important;
 }
 .ui.form ::-moz-placeholder {
-    color: @inputPlaceholderColor;
     opacity: 1;
 }
 
-.ui.form :focus::-webkit-input-placeholder {
+.ui.form :focus::placeholder {
     color: @inputPlaceholderFocusColor;
 }
 .ui.form :focus:-ms-input-placeholder when (@supportIE) {
     color: @inputPlaceholderFocusColor !important;
 }
-.ui.form :focus::-moz-placeholder {
-    color: @inputPlaceholderFocusColor;
-}
 
 /* --------------------
         Focus
@@ -649,25 +645,19 @@
         }
 
         /* Placeholder */
-        .ui.form .@{state} ::-webkit-input-placeholder {
+        .ui.form .@{state} ::placeholder {
             color: @formStates[@@state][inputPlaceholderColor];
         }
         .ui.form .@{state} :-ms-input-placeholder when (@supportIE) {
             color: @formStates[@@state][inputPlaceholderColor] !important;
         }
-        .ui.form .@{state} ::-moz-placeholder {
-            color: @formStates[@@state][inputPlaceholderColor];
-        }
 
-        .ui.form .@{state} :focus::-webkit-input-placeholder {
+        .ui.form .@{state} :focus::placeholder {
             color: @formStates[@@state][inputPlaceholderFocusColor];
         }
         .ui.form .@{state} :focus:-ms-input-placeholder when (@supportIE) {
             color: @formStates[@@state][inputPlaceholderFocusColor] !important;
         }
-        .ui.form .@{state} :focus::-moz-placeholder {
-            color: @formStates[@@state][inputPlaceholderFocusColor];
-        }
 
         /*------------------
             Dropdown State

diff --git a/src/definitions/elements/input.less b/src/definitions/elements/input.less
@@ -64,11 +64,10 @@
 
 /* browsers require these rules separate */
 
-.ui.input > input::-webkit-input-placeholder {
+.ui.input > input::placeholder {
     color: @placeholderColor;
 }
 .ui.input > input::-moz-placeholder {
-    color: @placeholderColor;
     opacity: 1;
 }
 .ui.input > input:-ms-input-placeholder when (@supportIE) {
@@ -148,12 +147,8 @@
     color: @focusColor;
     box-shadow: @focusBoxShadow;
 }
-.ui.input.focus > input::-webkit-input-placeholder,
-.ui.input > input:focus::-webkit-input-placeholder {
-    color: @placeholderFocusColor;
-}
-.ui.input.focus > input::-moz-placeholder,
-.ui.input > input:focus::-moz-placeholder {
+.ui.input.focus > input::placeholder,
+.ui.input > input:focus::placeholder {
     color: @placeholderFocusColor;
 }
 & when (@supportIE) {
@@ -192,21 +187,15 @@
         }
 
         /* Placeholder */
-        .ui.input.@{state} > input::-webkit-input-placeholder {
-            color: @formStates[@@state][inputPlaceholderColor];
-        }
-        .ui.input.@{state} > input::-moz-placeholder {
+        .ui.input.@{state} > input::placeholder {
             color: @formStates[@@state][inputPlaceholderColor];
         }
         .ui.input.@{state} > input:-ms-input-placeholder when (@supportIE) {
             color: @formStates[@@state][inputPlaceholderColor] !important;
         }
 
         /* Focused Placeholder */
-        .ui.input.@{state} > input:focus::-webkit-input-placeholder {
-            color: @formStates[@@state][inputPlaceholderFocusColor];
-        }
-        .ui.input.@{state} > input:focus::-moz-placeholder {
+        .ui.input.@{state} > input:focus::placeholder {
             color: @formStates[@@state][inputPlaceholderFocusColor];
         }
         .ui.input.@{state} > input:focus:-ms-input-placeholder when (@supportIE){
@@ -258,10 +247,7 @@
             color: inherit;
         }
 
-        .ui.transparent.inverted.input > input::-webkit-input-placeholder {
-            color: @transparentInvertedPlaceholderColor;
-        }
-        .ui.transparent.inverted.input > input::-moz-placeholder {
+        .ui.transparent.inverted.input > input::placeholder {
             color: @transparentInvertedPlaceholderColor;
         }
         .ui.transparent.inverted.input > input:-ms-input-placeholder when (@supportIE) {

diff --git a/src/definitions/globals/site.less b/src/definitions/globals/site.less
@@ -195,30 +195,12 @@ a:hover {
 *******************************/
 
 /* Site */
-::-webkit-selection {
-    background-color: @highlightBackground;
-    color: @highlightColor;
-}
-::-moz-selection {
-    background-color: @highlightBackground;
-    color: @highlightColor;
-}
 ::selection {
     background-color: @highlightBackground;
     color: @highlightColor;
 }
 
 /* Form */
-textarea::-webkit-selection,
-input::-webkit-selection {
-    background-color: @inputHighlightBackground;
-    color: @inputHighlightColor;
-}
-textarea::-moz-selection,
-input::-moz-selection {
-    background-color: @inputHighlightBackground;
-    color: @inputHighlightColor;
-}
 textarea::selection,
 input::selection {
     background-color: @inputHighlightBackground;

diff --git a/src/definitions/modules/dropdown.less b/src/definitions/modules/dropdown.less
@@ -1898,16 +1898,6 @@ select.ui.dropdown {
     }
 
     /* Selection for form elements */
-    .ui.inverted.dropdown textarea::-webkit-selection,
-    .ui.inverted.dropdown input::-webkit-selection {
-        background-color: @invertedInputHighlightBackground;
-        color: @invertedInputHighlightColor;
-    }
-    .ui.inverted.dropdown textarea::-moz-selection,
-    .ui.inverted.dropdown input::-moz-selection {
-        background-color: @invertedInputHighlightBackground;
-        color: @invertedInputHighlightColor;
-    }
     .ui.inverted.dropdown textarea::selection,
     .ui.inverted.dropdown input::selection {
         background-color: @invertedInputHighlightBackground;