separate some general form styles into own .form class

This commit is contained in:
Keksike
2017-07-01 23:37:40 +03:00
parent 14a0965f39
commit 2f6481bf98
2 changed files with 15 additions and 5 deletions

View File

@@ -54,7 +54,7 @@ html
section
.row
h3 Tule mukaan
#invite-form
#invite-form.form
section
.row
@@ -146,7 +146,6 @@ html
i.fa.fa-facebook
div#email
#fader
// inject:js
// endinject

View File

@@ -106,18 +106,29 @@ section:first-child
padding 0
&:first-child
margin-top 0
.form
.btn
background linkColor
border-bottom 2px solid #117280
.loader
background transparent url('../images/ajax-loader.gif') no-repeat center center
display block
&.sending
.loader
width 28px
height 28px
.invite-form
position relative
.btn
width 40px
height 32px
background linkColor
padding 0
position absolute
right 8px
top 7px
border-bottom 2px solid #117280
color rgba(255, 255, 255, 0.5)
&:active
border-bottom 0