diff --git a/sass/base/skeleton.scss b/sass/base/skeleton.scss index 3a3dcab047..40e4fd5de4 100644 --- a/sass/base/skeleton.scss +++ b/sass/base/skeleton.scss @@ -65,7 +65,7 @@ input.#{iv.$class-prefix}is-skeleton, textarea.#{iv.$class-prefix}is-skeleton { resize: none; - @include mx.placeholder { + &::placeholder { color: transparent !important; } } diff --git a/sass/form/shared.scss b/sass/form/shared.scss index f28d55c83b..8b51c75428 100644 --- a/sass/form/shared.scss +++ b/sass/form/shared.scss @@ -121,7 +121,7 @@ $input-radius: cv.getVar("radius") !default; #{cv.getVar("input-color-l")} ); - @include mx.placeholder { + &::placeholder { color: cv.getVar("input-placeholder-color"); } @@ -167,7 +167,7 @@ $input-radius: cv.getVar("radius") !default; box-shadow: none; color: cv.getVar("input-disabled-color"); - @include mx.placeholder { + &::placeholder { color: cv.getVar("input-disabled-placeholder-color"); } } diff --git a/sass/utilities/mixins.scss b/sass/utilities/mixins.scss index 9f80090257..9ab51ca5e0 100644 --- a/sass/utilities/mixins.scss +++ b/sass/utilities/mixins.scss @@ -222,16 +222,6 @@ -webkit-overflow-scrolling: touch; } -@mixin placeholder { - $placeholders: ":-moz" ":-webkit-input" "-moz" "-ms-input"; - - @each $placeholder in $placeholders { - &:#{$placeholder}-placeholder { - @content; - } - } -} - @mixin reset { appearance: none; background: none; @@ -245,16 +235,10 @@ @mixin selection($current-selector: false) { @if $current-selector { - &::-moz-selection { - @content; - } &::selection { @content; } } @else { - ::-moz-selection { - @content; - } ::selection { @content; } @@ -432,9 +416,6 @@ @mixin unselectable { -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; }