120 lines
2.5 KiB
Sass
120 lines
2.5 KiB
Sass
$baseline: 14px
|
|
$gray: #666
|
|
$wellBackground: #f5f5f5
|
|
$baseBorderRadius: 4px
|
|
$grayDark: #333
|
|
$baseLineHeight: 20px
|
|
@mixin transition($transitions...)
|
|
transition: $transitions
|
|
@mixin box-shadow($shadows...)
|
|
box-shadow: $shadows
|
|
@mixin border-radius($str)
|
|
border-radius: $str
|
|
@mixin opacity($str)
|
|
opacity: $str
|
|
@mixin well
|
|
min-height: 20px
|
|
padding: 19px
|
|
margin-bottom: 20px
|
|
background-color: $wellBackground
|
|
border: 1px solid darken($wellBackground, 7%)
|
|
+border-radius($baseBorderRadius)
|
|
+box-shadow(inset 0 1px 1px rgba(0,0,0,.05))
|
|
blockquote
|
|
border-color: #ddd
|
|
border-color: rgba(0,0,0,.15)
|
|
@mixin close
|
|
float: right
|
|
font-size: 20px
|
|
font-weight: bold
|
|
line-height: $baseLineHeight
|
|
color: black
|
|
text-shadow: 0 1px 0 rgba(255,255,255,1)
|
|
+opacity(.20)
|
|
&:hover
|
|
color: black
|
|
text-decoration: none
|
|
cursor: pointer
|
|
+opacity(.40)
|
|
.devise
|
|
form
|
|
// This is all copy/pasted. I can't get element-based rulesets to work
|
|
input[type=email]
|
|
display: inline-block
|
|
width: 210px
|
|
margin: 0
|
|
padding: 4px
|
|
font-size: 13px
|
|
line-height: $baseline
|
|
height: $baseline
|
|
color: $gray
|
|
border: 1px solid #ccc
|
|
+border-radius(3px)
|
|
|
|
// Focus states
|
|
input[type=email]
|
|
+transition(border linear .2s, box-shadow linear .2s)
|
|
+box-shadow(inset 0 1px 3px rgba(0,0,0,.1))
|
|
&:focus
|
|
outline: none
|
|
border-color: rgba(82,168,236,.8)
|
|
+box-shadow(inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6))
|
|
margin-top: 20px
|
|
//.columns(7)
|
|
//.offset(4)
|
|
//.well
|
|
+well
|
|
h2
|
|
margin-left: 150px
|
|
margin-bottom: 15px
|
|
font-size: 20px
|
|
font-weight: normal
|
|
color: $grayDark
|
|
form
|
|
div
|
|
margin-bottom: baseline
|
|
a
|
|
margin: 0
|
|
&:after
|
|
content: '\0000a0'
|
|
&:before
|
|
content: none
|
|
br, i
|
|
display: none
|
|
input
|
|
margin-left: 20px
|
|
//* Oh, dear... *
|
|
label[for=user_remember_me]
|
|
padding: 0
|
|
position: relative
|
|
left: 130px
|
|
input[type=submit]
|
|
margin-left: 150px
|
|
//+btn
|
|
//+primary
|
|
a, h3, p
|
|
margin-left: 150px
|
|
p
|
|
a
|
|
margin: 0
|
|
&:before
|
|
content: none
|
|
a:before, p:before
|
|
content: '\002022\0000a0'
|
|
#error_explanation
|
|
//.alert-message.error
|
|
//.block-message
|
|
margin-left: 150px
|
|
|
|
text-shadow: none
|
|
h2
|
|
font-size: 13px
|
|
line-height: 18px
|
|
font-weight: bold
|
|
margin: 0 0 6px 0
|
|
h2, li
|
|
color: white
|
|
a
|
|
+close
|
|
//.alert-message.close
|