Sha256: 56ab8124f3e9b6c0eb9711405ec3f5e78df53309729a257be4ceb80cf424e21d

Contents?: true

Size: 1.2 KB

Versions: 3

Compression:

Stored size: 1.2 KB

Contents

form {
  margin-bottom: $base;
}

label {
  display: block;
  margin-bottom: $base / 4;
}

input[type='text'],
input[type='password'],
input[type='email'],
textarea {
  width: $base * 14;
  max-width: 100%;
  font-size: inherit;
  border: 1px solid #ccc;
  height: $base;
  padding: $base / 4;
  @include box-shadow(0 1px 1px rgba(0,0,0,0.1) inset, 0 1px 0 white);

  @media screen and (max-width: 480px) {
    width: 100%;
    height: $base + $base / 2;
    display: block;
    @include box-sizing(border-box);
  }
}

textarea {
  height: $base * 10;
}

.field {
  margin-bottom: $base;

  &.inline-label {
    label { 
      display: inline;
      margin-right: $base / 2;

      &:after { content: ':'; }
    }
  }
}

.form-actions {
  margin-top: $base;
}

.form-errors {
  width: $base * 16;
  margin-bottom: $base;
  padding: $base;
  padding-left: $base * 2;
  background: #fcc;
  border: 1px solid #faa;
  @include box-shadow(0 1px 1px rgba(0,0,0,0.1));

  h3 { font: 150% 'Oswald'; }
  p { font-style: italic; }
  li { position: relative; }
  li:before {
    content: '\279b';
    position: absolute;
    left: -24px;
  }

  @media screen and (max-width: 480px) {
    width: 100%;
    @include box-sizing(border-box);
  }
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version Path
manifest-rails-0.2.6 app/assets/stylesheets/manifest/_forms.css.scss
manifest-rails-0.2.5 app/assets/stylesheets/manifest/_forms.css.scss
manifest-rails-0.2.4 app/assets/stylesheets/manifest/_forms.css.scss