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

View File

@@ -106,18 +106,29 @@ section:first-child
padding 0 padding 0
&:first-child &:first-child
margin-top 0 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 .invite-form
position relative position relative
.btn .btn
width 40px width 40px
height 32px height 32px
background linkColor
padding 0 padding 0
position absolute position absolute
right 8px right 8px
top 7px top 7px
border-bottom 2px solid #117280
color rgba(255, 255, 255, 0.5) color rgba(255, 255, 255, 0.5)
&:active &:active
border-bottom 0 border-bottom 0