Skip to content

Instantly share code, notes, and snippets.

@geibi

geibi/SassMeister-input-HTML.html

Created July 22, 2014 09:33
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save geibi/de558fa1ec14efbcaf44 to your computer and use it in GitHub Desktop.
Save geibi/de558fa1ec14efbcaf44 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<input>
<input class="formerror">
Raw
SassMeister-input.scss
// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----
input,
textarea {
&:focus{
outline: 3px solid #F9B123;
padding: .05em .75em .95em .75em; //2px 6px 2px 6px;
padding-top: .05em;
}
&.formerror:focus {
outline: 3px solid red;
}
}
Raw
SassMeister-output.css
input:focus,
textarea:focus {
outline: 3px solid #F9B123;
padding: .05em .75em .95em .75em;
padding-top: .05em;
}
input.formerror:focus,
textarea.formerror:focus {
outline: 3px solid red;
}
Raw
SassMeister-rendered.html
<input>
<input class="formerror">
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment