mysociety/alaveteli

View on GitHub
app/assets/stylesheets/responsive/alaveteli_pro/_extract_layout.scss

Summary

Maintainability
Test Coverage
.extract-left-column {
  @include grid-column(12);
  @include respond-min($main_menu-mobile_menu_cutoff) {
    @include grid-column(9);
  }
}

.extract-right-column {
  @include grid-column(12);
  @include respond-min($main_menu-mobile_menu_cutoff) {
    @include grid-column(3);

    &.sidebar--sticky {
      max-height: none;
    }
  }
}

.extract-request-controls {
  margin-top: 2em;

  input[type="text"],
  input[type="date"],
  input[type="email"],
  input[type="url"],
  input[type="time"],
  input[type="number"],
  textarea {
    width: 100%;
  }

  .button {
    margin-bottom: 1em;
  }
}

.dataset-key {
  margin-bottom: 0.8em;
}

.boolean-checkbox {
  display: flex;
  align-items: flex-start;

  input[type="checkbox"] {
    margin-top: 3px;
  }

  label {
    flex: 1;
  }
}

.form__skip-button {
  margin-top: 1em;
}