Sha256: 1eb0f18539494d6159754df008e797b4bd29ef57ddf4e4c203ea6ca47bbb3482

Contents?: true

Size: 1.74 KB

Versions: 6

Compression:

Stored size: 1.74 KB

Contents

.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
    margin: 10px 0 10px 10px

    .ae-btn
      margin: 0

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

  & + &
    margin-top: 1em

  .ae-form-field
    position: relative

    .ae-text-field
      width: 70px

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

    .ae-btn
      margin: 0

      @include tablet-max
        width: auto
        display: inline-block

.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: 3em

    @include desktop
      padding-left: 3em


  & > 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

6 entries across 6 versions & 1 rubygems

Version Path
express_ui-0.5.0 app/assets/stylesheets/express_ui/molecules/_form_groups.sass
express_ui-0.4.2 app/assets/stylesheets/express_ui/molecules/_form_groups.sass
express_ui-0.4.1 app/assets/stylesheets/express_ui/molecules/_form_groups.sass
express_ui-0.4.0 app/assets/stylesheets/express_ui/molecules/_form_groups.sass
express_ui-0.3.0 app/assets/stylesheets/express_ui/molecules/_form_groups.sass
express_ui-0.2.1 app/assets/stylesheets/express_ui/molecules/_form_groups.sass