12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- // 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
|