/*————————————
Placeholder
————————————*/ .g-placeholder {
// White Color &-white { &::placeholder { opacity: 1; color: $g-color-white; } &::-moz-placeholder { opacity: 1; color: $g-color-white; } &::-webkit-input-placeholder { opacity: 1; color: $g-color-white; } } // Primary Color &-primary::placeholder { color: $g-color-white; } &-inherit { &::placeholder { color: inherit; opacity: 1; } &::-moz-placeholder { color: inherit; opacity: 1; } &::-webkit-input-placeholder { color: inherit; opacity: 1; } }
}
// /*———————————— // Placeholder colors // ————————————*/
// [class*=“g-placeholder”] { // &:-moz-placeholder { // opacity: 1; // }
// &::-webkit-input-placeholder { // opacity: 1; // }
// &:focus { // &:-moz-placeholder { // color: $g-color-white; // opacity: 0; // }
// &::-webkit-input-placeholder { // color: $g-color-white; // opacity: 0; // } // } // }
// .g-placeholder { // &-primary { // &:-moz-placeholder { // color: $g-color-primary; // }
// &::-webkit-input-placeholder { // color: $g-color-primary; // } // }
// /* Gray */ // &-gray { // /* Light */ // &-light { // &-v1 { // &:-moz-placeholder { // color: $g-color-gray-light-v1; // }
// &::-webkit-input-placeholder { // color: $g-color-gray-light-v1; // } // }
// &-v2 { // &:-moz-placeholder { // color: $g-color-gray-light-v2; // }
// &::-webkit-input-placeholder { // color: $g-color-gray-light-v2; // } // } // } // }
// /* White */ // &-white { // &:-moz-placeholder { // color: $g-color-white; // }
// &::-webkit-input-placeholder { // color: $g-color-white; // } // } // }