Skip to content

Instantly share code, notes, and snippets.

@jtulk
Created August 29, 2018 18:22
Show Gist options
  • Save jtulk/2356792eba8ee7823f12d291b66ca447 to your computer and use it in GitHub Desktop.
Save jtulk/2356792eba8ee7823f12d291b66ca447 to your computer and use it in GitHub Desktop.
What happens when overly specific CSS selectors are run through Autoprefixer (Huge Outputs)
#emailCaptureModal
.modal-body
.gform_wrapper
form
.gform_body
.email_input
.ginput_container_email
input::-webkit-input-placeholder,
#emailCaptureModal
.modal-body
.gform_wrapper
form
.gform_body
.email_input
.ginput_container
input::-webkit-input-placeholder {
font-family: Libre Franklin, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 400;
}
#emailCaptureModal
.modal-body
.gform_wrapper
form
.gform_body
.email_input
.ginput_container_email
input::-moz-placeholder,
#emailCaptureModal
.modal-body
.gform_wrapper
form
.gform_body
.email_input
.ginput_container
input::-moz-placeholder {
font-family: Libre Franklin, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 400;
}
#emailCaptureModal
.modal-body
.gform_wrapper
form
.gform_body
.email_input
.ginput_container_email
input:-ms-input-placeholder,
#emailCaptureModal
.modal-body
.gform_wrapper
form
.gform_body
.email_input
.ginput_container
input:-ms-input-placeholder {
font-family: Libre Franklin, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 400;
}
#emailCaptureModal
.modal-body
.gform_wrapper
form
.gform_body
.email_input
.ginput_container_email
input:-moz-placeholder,
#emailCaptureModal
.modal-body
.gform_wrapper
form
.gform_body
.email_input
.ginput_container
input:-moz-placeholder {
font-family: Libre Franklin, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 400;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment