Sha256: 57f538daf2f618baa89d0eb72fc0dac6258b3b4af15c0ec0868dc5dcdfa41954

Contents?: true

Size: 1.48 KB

Versions: 4

Compression:

Stored size: 1.48 KB

Contents

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

  @include tablet-max
    top: 34%

.ae-form-horizontal
  @include tablet
    .ae-form-field
      input
        width: 100%

  .ae-form-field
    label
      margin: 0.5em 0

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

  & + &
    margin-top: 1em

.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

  & + &
    margin-top: 1em

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

  & + &
    margin-top: 1em

  .ae-form-field
    position: relative

    @include tablet-max
      width: 100%

  .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%

Version data entries

4 entries across 4 versions & 1 rubygems

Version Path
express_ui-0.1.7 app/assets/stylesheets/express_ui/molecules/_form_groups.sass
express_ui-0.1.6 app/assets/stylesheets/express_ui/molecules/_form_groups.sass
express_ui-0.1.5 app/assets/stylesheets/express_ui/molecules/_form_groups.sass
express_ui-0.1.4 app/assets/stylesheets/express_ui/molecules/_form_groups.sass