martinisoft/funnies

View on GitHub
app/assets/stylesheets/_forms.scss

Summary

Maintainability
Test Coverage
.form-wrap {
  @include grid-column(8, $center:true);

  input {
    @include grid-column($columns:8);
  }

  h2 {
    font-size: 1.6em;
    text-align: center;
  }

}

form {
  @include grid-row();

  label {
    @include prefix-postfix-base;
    @include prefix;
    @include grid-column($columns:4, $float:left);
  }

  input[type=submit] {
    @include button($padding:$button-med, $bg:$primary-color, $radius:true, $is-input:true);
    @include grid-column($columns:4, $float:right);
  }

  span.hint {
    @include grid-column($columns:8, $offset:4, $float:right);
    margin-top: -($form-spacing - emCalc(2));
    margin-bottom: 8px;
    padding: 10px;
    background: $input-prefix-bg;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: $input-prefix-border-color;
  }

  small {
    font-size: 1.2em;
    color: #C60F13;
  }
}