Skip to content

Instantly share code, notes, and snippets.

@matt-diehl

matt-diehl/_contact_form.scss

Last active April 21, 2017 21:18
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save matt-diehl/5178112 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save matt-diehl/5178112 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. Matt revised this gist Mar 16, 2013. 2 changed files with 40 additions and 7 deletions.
    40 changes: 40 additions & 0 deletions _contact_form.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,40 @@
    /* ===== Contact Form Styles ===== */

    // Base styles
    .contact_form {
    background: #FFF;
    border: 4px solid #999;
    padding: 10px;
    }
    .contact_form-label {
    color: #000;
    font-weight: bold;
    }
    .contact_form-styled_input {
    border: 1px solid #CCC;
    padding: 2px 4px;
    }

    // Mobile-only styles
    @include mobile-only {
    .contact_form-label {
    display: block;
    font-size: 1em;
    }
    .contact_form-styled_input {
    display: block;
    font-size: 1em;
    }
    }

    // Desktop-only styles
    @include desktop-only {
    .contact_form-label {
    display: inline-block;
    font-size: 1.2em;
    }
    .contact_form-styled_input {
    display: inline-block;
    font-size: 1.2em;
    }
    }
    7 changes: 0 additions & 7 deletions gistfile1.sass
    View file
    Original file line number Diff line number Diff line change
    @@ -1,7 +0,0 @@
    /* ===== Contact Form Styles ===== */

    .contact_form {
    background: #FFF;
    border: 4px solid #999;
    padding: 10px;
    }
  2. Matt created this gist Mar 16, 2013.
    7 changes: 7 additions & 0 deletions gistfile1.sass
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,7 @@
    /* ===== Contact Form Styles ===== */

    .contact_form {
    background: #FFF;
    border: 4px solid #999;
    padding: 10px;
    }