jq-idealform-test/styl/vars.styl

59 lines
1.1 KiB
Stylus
Raw Permalink Normal View History

2013-10-04 02:45:36 +02:00
// 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)
2013-10-08 10:20:23 +02:00
radius = 3.01px
2013-10-04 02:45:36 +02:00
icon = true
2013-10-04 02:50:18 +02:00
icon-size = 16px
icon-padding = 8px
radiocheck-sprite = true
2013-10-09 09:24:11 +02:00
radiocheck-size = 18px
2013-10-04 02:45:36 +02:00
group-horizontal = false
2013-10-04 02:50:18 +02:00
// jQuery data
.idealforms-field-width
width: label-width + input-width + error-width + icon-padding*2
2013-10-04 02:45:36 +02:00
// Mixins
//---------------------------------------
ui()
2013-10-06 06:25:17 +02:00
color: darken(ui-element, 60)
2013-10-04 02:45:36 +02:00
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
2013-10-06 06:27:17 +02:00
cursor: pointer
2013-10-04 02:45:36 +02:00
&:hover
background: linear-gradient(lighten(ui-element, 20), lighten(ui-element, 5))
2013-10-17 12:13:35 +02:00
&:active, &:active:focus
ui()
2013-10-04 02:45:36 +02:00
background: ui-element
2013-10-06 04:27:58 +02:00
&:focus
outline: none
2013-10-17 12:13:35 +02:00
border-color: valid
box-shadow: 0 0 1px valid
2013-10-06 04:27:58 +02:00