Permalink
Browse files

refactor form sass

  • Loading branch information...
lbain committed Jun 2, 2015
1 parent 03563ff commit f4aa1b6185b947abc9841273b3a518d0326411d4
Showing with 32 additions and 35 deletions.
  1. +28 −35 source/stylesheets/_form.sass
  2. +4 −0 source/stylesheets/_responsive.sass
@@ -1,53 +1,46 @@
form
textarea
margin-bottom: 15px
padding: 10px
width: 100%
input[type=text],
input[type=email],
input[type=submit],
textarea
border: 2px solid $light-gray
-webkit-border-radius: 5px
border-radius: 5px
width: 100%
@include respond(small)
width: 90%
-webkit-border-radius: 5px
margin-bottom: 15px
padding: 10px
&:focus
border-color: $accent
outline: 0
input
&[type=text],
&[type=email],
margin-bottom: 15px
padding: 10px
border: 2px solid $light-gray
-webkit-border-radius: 5px
border-radius: 5px
&:focus
border-color: $accent
outline: 0
&[type=submit]
padding: 5px 15px
background: $white
border: 2px solid $light-gray
cursor: pointer
-webkit-border-radius: 5px
border-radius: 5px
&:hover
background: $light-accent
border-color: $accent
&:active
background: $accent
outline: 0
input[type=submit]
background: $white
cursor: pointer
padding: 5px 15px
&:hover
background: $light-accent
border-color: $accent
&:active
background: $accent
outline: 0
.form-input
input
float: left
.error-message
display: none
float: left
padding: 12px 20px
display: none
&.error
.error-message
display: inline-block
color: $accent
.asterisk
color: $accent
display: inline-block
@@ -10,6 +10,10 @@
margin-right: 5px
@include respond(small)
form
textarea
width: 90%
.content
padding: 20px

0 comments on commit f4aa1b6

Please sign in to comment.