library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-11-14 11:14:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Replace placeholder mixin with pseudo-element

Browse Source
This commit is contained in:
Jesper Noordsij 2024-10-30 16:37:14 +01:00
parent 3b63997ad2
commit 220c0ada63
No known key found for this signature in database
3 changed files with 3 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
sass/base/skeleton.scss vendored
View File

@ -65,7 +65,7 @@ input.#{iv.$class-prefix}is-skeleton,
textarea.#{iv.$class-prefix}is-skeleton { textarea.#{iv.$class-prefix}is-skeleton {
resize: none; resize: none;
@include mx.placeholder { &::placeholder {
color: transparent !important; color: transparent !important;
} }
} }

4
sass/form/shared.scss
View File

@ -121,7 +121,7 @@ $input-radius: cv.getVar("radius") !default;
#{cv.getVar("input-color-l")} #{cv.getVar("input-color-l")}
); );
@include mx.placeholder { &::placeholder {
color: cv.getVar("input-placeholder-color"); color: cv.getVar("input-placeholder-color");
} }
@ -167,7 +167,7 @@ $input-radius: cv.getVar("radius") !default;
box-shadow: none; box-shadow: none;
color: cv.getVar("input-disabled-color"); color: cv.getVar("input-disabled-color");
@include mx.placeholder { &::placeholder {
color: cv.getVar("input-disabled-placeholder-color"); color: cv.getVar("input-disabled-placeholder-color");
} }
} }

10
sass/utilities/mixins.scss
View File

@ -222,16 +222,6 @@
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
@mixin placeholder {
$placeholders: ":-moz" ":-webkit-input" "-moz" "-ms-input";
@each $placeholder in $placeholders {
&:#{$placeholder}-placeholder {
@content;
}
}
}
@mixin reset { @mixin reset {
appearance: none; appearance: none;
background: none; background: none;