Sha256: 6ffb6998bf6058f0f8210afeb8c9124d1eec4867777776a74f7a9ab56840b7b3

Contents?: true

Size: 1.78 KB

Versions: 17

Compression:

Stored size: 1.78 KB

Contents

$input-border: none !default;
$input-border-radius: 0 !default;
$input-bg: $light-gray !default;
$input-padding: 8px !default;
$input-margin-bottom: 16px !default;
$input-height: 38px !default;
$text-area-min-height: 200px !default;
$label-margin-bottom: 8px !default;
$form-font: $copy-font !default;
$label-font: $form-font !default;
$input-font-size: $copy-font-size !default;
$label-font-size: $copy-font-size !default;
$file-font-size: 14px !default;
$checkbox-width: 16px !default;
$checkbox-margin-bottom: 8px !default;
$radio-width: 13px !default;
$radio-margin-bottom: 8px !default;

form {
  input,
  textarea,
  select {
    width: 100%;
    border: $input-border;
    border-radius: $input-border-radius;
    background-color: $input-bg;
    padding: $input-padding;
    margin-bottom: $input-margin-bottom;
    font-family: $form-font;
    font-size: $input-font-size;
    height: $input-height;
  }

  textarea { min-height: $text-area-min-height; }

  input[type='file'] {
    border: none;
    background-color: transparent;
    padding: 0;
    height: auto;
    font-size: $file-font-size;
  }

  input[type='submit'] { height: auto; }

  input[type='checkbox'] {
    width: $checkbox-width;
    margin-bottom: $checkbox-margin-bottom;
  }

  input[type='radio'] {
    width: $radio-width;
    height: auto;
    margin-bottom: $radio-margin-bottom;
  }

  label {
    display: inline-block;
    margin-bottom: $label-margin-bottom;
    font-family: $label-font;
    font-size: $label-font-size;
    font-weight: bold;
    text-transform: capitalize;
  }

  .radio-btn {
    display: flex;
    align-items: center;

    label { font-weight: normal; }

    input {
      margin-right: 5px;
    }
  }

  .radio-btn-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

Version data entries

17 entries across 17 versions & 1 rubygems

Version Path
timequake-3.3 app/assets/stylesheets/timequake/forms.scss
timequake-3.2 app/assets/stylesheets/timequake/forms.scss
timequake-3.1 app/assets/stylesheets/timequake/forms.scss
timequake-3.0.1 app/assets/stylesheets/timequake/forms.scss
timequake-3.0.0 app/assets/stylesheets/timequake/forms.scss
timequake-2.1.0 app/assets/stylesheets/timequake/forms.scss
timequake-2.0.11 app/assets/stylesheets/timequake/forms.scss
timequake-2.0.10 app/assets/stylesheets/timequake/forms.scss
timequake-2.0.9 app/assets/stylesheets/timequake/forms.scss
timequake-2.0.8 app/assets/stylesheets/timequake/forms.scss
timequake-2.0.7 app/assets/stylesheets/timequake/forms.scss
timequake-2.0.6 app/assets/stylesheets/timequake/forms.scss
timequake-2.0.5 app/assets/stylesheets/timequake/forms.scss
timequake-2.0.4 app/assets/stylesheets/timequake/forms.scss
timequake-2.0.3 app/assets/stylesheets/timequake/forms.scss
timequake-2.0.2 app/assets/stylesheets/timequake/forms.scss
timequake-2.0.1 app/assets/stylesheets/timequake/forms.scss