// RAMEN FORM COMPONENT
//
//
// Required Global Variables:
// N/A
//
//
// Required Component Variables:
//
// N/A
//
//

@mixin form {
  position: relative;
}

@mixin form-inline {
  ol {
    align-items: flex-end;
    display: flex;
    justify-content: center;
  }

  li {
    padding: 0 $form-inline-padding;
  }
}

.c-form {
  @include form;

  &--inline {
    @include form-inline;
  }
}