Skip to content

Commit 8415a7a

Browse files
authored
feat(chore): remove unneeded vendor prefixes
Again removed some not needed vendor prefixes
1 parent b6cde0e commit 8415a7a

File tree

4 files changed

+10
-62
lines changed

4 files changed

+10
-62
lines changed

src/definitions/collections/form.less

Lines changed: 4 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -383,26 +383,22 @@
383383
--------------------- */
384384

385385
/* browsers require these rules separate */
386-
.ui.form ::-webkit-input-placeholder {
386+
.ui.form ::placeholder {
387387
color: @inputPlaceholderColor;
388388
}
389389
.ui.form :-ms-input-placeholder when (@supportIE) {
390390
color: @inputPlaceholderColor !important;
391391
}
392392
.ui.form ::-moz-placeholder {
393-
color: @inputPlaceholderColor;
394393
opacity: 1;
395394
}
396395

397-
.ui.form :focus::-webkit-input-placeholder {
396+
.ui.form :focus::placeholder {
398397
color: @inputPlaceholderFocusColor;
399398
}
400399
.ui.form :focus:-ms-input-placeholder when (@supportIE) {
401400
color: @inputPlaceholderFocusColor !important;
402401
}
403-
.ui.form :focus::-moz-placeholder {
404-
color: @inputPlaceholderFocusColor;
405-
}
406402

407403
/* --------------------
408404
Focus
@@ -649,25 +645,19 @@
649645
}
650646

651647
/* Placeholder */
652-
.ui.form .@{state} ::-webkit-input-placeholder {
648+
.ui.form .@{state} ::placeholder {
653649
color: @formStates[@@state][inputPlaceholderColor];
654650
}
655651
.ui.form .@{state} :-ms-input-placeholder when (@supportIE) {
656652
color: @formStates[@@state][inputPlaceholderColor] !important;
657653
}
658-
.ui.form .@{state} ::-moz-placeholder {
659-
color: @formStates[@@state][inputPlaceholderColor];
660-
}
661654

662-
.ui.form .@{state} :focus::-webkit-input-placeholder {
655+
.ui.form .@{state} :focus::placeholder {
663656
color: @formStates[@@state][inputPlaceholderFocusColor];
664657
}
665658
.ui.form .@{state} :focus:-ms-input-placeholder when (@supportIE) {
666659
color: @formStates[@@state][inputPlaceholderFocusColor] !important;
667660
}
668-
.ui.form .@{state} :focus::-moz-placeholder {
669-
color: @formStates[@@state][inputPlaceholderFocusColor];
670-
}
671661

672662
/*------------------
673663
Dropdown State

src/definitions/elements/input.less

Lines changed: 6 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -64,11 +64,10 @@
6464

6565
/* browsers require these rules separate */
6666

67-
.ui.input > input::-webkit-input-placeholder {
67+
.ui.input > input::placeholder {
6868
color: @placeholderColor;
6969
}
7070
.ui.input > input::-moz-placeholder {
71-
color: @placeholderColor;
7271
opacity: 1;
7372
}
7473
.ui.input > input:-ms-input-placeholder when (@supportIE) {
@@ -148,12 +147,8 @@
148147
color: @focusColor;
149148
box-shadow: @focusBoxShadow;
150149
}
151-
.ui.input.focus > input::-webkit-input-placeholder,
152-
.ui.input > input:focus::-webkit-input-placeholder {
153-
color: @placeholderFocusColor;
154-
}
155-
.ui.input.focus > input::-moz-placeholder,
156-
.ui.input > input:focus::-moz-placeholder {
150+
.ui.input.focus > input::placeholder,
151+
.ui.input > input:focus::placeholder {
157152
color: @placeholderFocusColor;
158153
}
159154
& when (@supportIE) {
@@ -192,21 +187,15 @@
192187
}
193188

194189
/* Placeholder */
195-
.ui.input.@{state} > input::-webkit-input-placeholder {
196-
color: @formStates[@@state][inputPlaceholderColor];
197-
}
198-
.ui.input.@{state} > input::-moz-placeholder {
190+
.ui.input.@{state} > input::placeholder {
199191
color: @formStates[@@state][inputPlaceholderColor];
200192
}
201193
.ui.input.@{state} > input:-ms-input-placeholder when (@supportIE) {
202194
color: @formStates[@@state][inputPlaceholderColor] !important;
203195
}
204196

205197
/* Focused Placeholder */
206-
.ui.input.@{state} > input:focus::-webkit-input-placeholder {
207-
color: @formStates[@@state][inputPlaceholderFocusColor];
208-
}
209-
.ui.input.@{state} > input:focus::-moz-placeholder {
198+
.ui.input.@{state} > input:focus::placeholder {
210199
color: @formStates[@@state][inputPlaceholderFocusColor];
211200
}
212201
.ui.input.@{state} > input:focus:-ms-input-placeholder when (@supportIE){
@@ -258,10 +247,7 @@
258247
color: inherit;
259248
}
260249

261-
.ui.transparent.inverted.input > input::-webkit-input-placeholder {
262-
color: @transparentInvertedPlaceholderColor;
263-
}
264-
.ui.transparent.inverted.input > input::-moz-placeholder {
250+
.ui.transparent.inverted.input > input::placeholder {
265251
color: @transparentInvertedPlaceholderColor;
266252
}
267253
.ui.transparent.inverted.input > input:-ms-input-placeholder when (@supportIE) {

src/definitions/globals/site.less

Lines changed: 0 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -195,30 +195,12 @@ a:hover {
195195
*******************************/
196196

197197
/* Site */
198-
::-webkit-selection {
199-
background-color: @highlightBackground;
200-
color: @highlightColor;
201-
}
202-
::-moz-selection {
203-
background-color: @highlightBackground;
204-
color: @highlightColor;
205-
}
206198
::selection {
207199
background-color: @highlightBackground;
208200
color: @highlightColor;
209201
}
210202

211203
/* Form */
212-
textarea::-webkit-selection,
213-
input::-webkit-selection {
214-
background-color: @inputHighlightBackground;
215-
color: @inputHighlightColor;
216-
}
217-
textarea::-moz-selection,
218-
input::-moz-selection {
219-
background-color: @inputHighlightBackground;
220-
color: @inputHighlightColor;
221-
}
222204
textarea::selection,
223205
input::selection {
224206
background-color: @inputHighlightBackground;

src/definitions/modules/dropdown.less

Lines changed: 0 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1898,16 +1898,6 @@ select.ui.dropdown {
18981898
}
18991899

19001900
/* Selection for form elements */
1901-
.ui.inverted.dropdown textarea::-webkit-selection,
1902-
.ui.inverted.dropdown input::-webkit-selection {
1903-
background-color: @invertedInputHighlightBackground;
1904-
color: @invertedInputHighlightColor;
1905-
}
1906-
.ui.inverted.dropdown textarea::-moz-selection,
1907-
.ui.inverted.dropdown input::-moz-selection {
1908-
background-color: @invertedInputHighlightBackground;
1909-
color: @invertedInputHighlightColor;
1910-
}
19111901
.ui.inverted.dropdown textarea::selection,
19121902
.ui.inverted.dropdown input::selection {
19131903
background-color: @invertedInputHighlightBackground;

0 commit comments

Comments
 (0)