58 lines
1.1 KiB
Stylus
58 lines
1.1 KiB
Stylus
// Theme
|
|
//---------------------------------------
|
|
|
|
valid = #3F9DCC
|
|
valid-bg = #EDF7FC
|
|
invalid = #CC2A18
|
|
invalid-bg = #FFEDED
|
|
ajax = #CFAA19
|
|
ajax-bg = #FAF9E8
|
|
ui-element = #ddd
|
|
error = #285d85
|
|
|
|
label-width = 120px
|
|
input-width = 290px
|
|
error-width = (input-width/1.5)
|
|
radius = 3.01px
|
|
|
|
icon = true
|
|
icon-size = 16px
|
|
icon-padding = 8px
|
|
|
|
radiocheck-sprite = true
|
|
radiocheck-size = 18px
|
|
group-horizontal = false
|
|
|
|
// jQuery data
|
|
.idealforms-field-width
|
|
width: label-width + input-width + error-width + icon-padding*2
|
|
|
|
// Mixins
|
|
//---------------------------------------
|
|
|
|
ui()
|
|
color: darken(ui-element, 60)
|
|
background: #eee
|
|
background: linear-gradient(lighten(ui-element, 15), ui-element)
|
|
border: 1px solid darken(ui-element, 20)
|
|
border-bottom-color: darken(ui-element, 30)
|
|
box-shadow: 0 1px 2px rgba(black, .15)
|
|
border-radius: radius
|
|
|
|
idealbutton()
|
|
ui()
|
|
padding: .55em 1.5em
|
|
cursor: pointer
|
|
|
|
&:hover
|
|
background: linear-gradient(lighten(ui-element, 20), lighten(ui-element, 5))
|
|
|
|
&:active, &:active:focus
|
|
ui()
|
|
background: ui-element
|
|
|
|
&:focus
|
|
outline: none
|
|
border-color: valid
|
|
box-shadow: 0 0 1px valid
|
|
|