Sha256: 7406610aa57b632ae0c02dc8e3ef8f101c41197703a58569cee06d8d691ead0d

Contents?: true

Size: 1.29 KB

Versions: 5

Compression:

Stored size: 1.29 KB

Contents

@mixin fa-input
  position: absolute
  top: 30%
  left: 15px
  color: $body-color

  @include tablet-max
    top: 34%

.ae-form-horizontal
  .ae-form-field
    input
      width: 100%

  .ae-form-field.ae-has-icon
    & > div
      display: block

.ae-form-inline
  .ae-form-field
    input
      width: auto
      min-width: 100px

    label
      min-width: 30%
      margin: 0.5em 1em 0.5em 0
      display: inline-block

.ae-form-single
  display: flex
  flex-flow: row nowrap
  align-items: stretch

  .ae-form-field
    position: relative

  .ae-actions
    width: auto

  .ae-actions
    margin: 10px 0 10px 10px

    .ae-btn
      margin: 0


.ae-search-form
  .ae-text-field
    padding-left: 2em

    & + .fa-search
      position: absolute
      top: 35%
      left: 10px
      color: $body-color

    &:focus + .fa-search
      color: $primary-color


.ae-form-field.ae-has-icon
  position: relative

  .ae-text-field
    padding-left: 2em

  & > div
    width: auto
    display: inline-block
    vertical-align: top

  & > .fa
    @include fa-input

  &:focus > .fa
    color: $primary-color


  & > div
    position: relative

    .fa
      @include fa-input

    &:focus > div .fa
      color: $primary-color


.ae-has-icon
  padding: 0 4px


@include tablet-max
  form, input
    width: 100%!important

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
express_ui-0.1.0.rc7 app/assets/stylesheets/express_ui/molecules/_form_groups.sass
express_ui-0.1.0.rc5 app/assets/stylesheets/express_ui/molecules/_form_groups.sass
express_ui-0.1.0.rc4 app/assets/stylesheets/express_ui/molecules/_form_groups.sass
express_ui-0.1.0.rc3 app/assets/stylesheets/express_ui/molecules/_form_groups.sass
express_ui-0.1.0.rc1 app/assets/stylesheets/express_ui/molecules/_form_groups.sass