<commit_before>// Panels
// ==========================================================================

// Indented panels with a grey left hand border
.panel-indent {
  @extend %contain-floats;
  clear: both;
  border-left: 4px solid $border-colour;

  padding: 10px 0 10px $gutter-half;
  margin: ($gutter $gutter-half $gutter*1.5 0);
}

.panel-indent legend {
  margin-top: 0;
}

// Remove bottom margin on last paragraph
.panel-indent p:only-child,
.panel-indent p:last-child {
  margin-bottom: 0;
}

.panel-indent .form-group:last-child {
  margin-bottom: 0;
}

// NHS Panels
// ==========================================================================

// Appointment summary panels
.appointment-summary {
  display: block;
  max-width: 30em;
  padding: $gutter/3 $gutter/4;
  margin-bottom: $gutter;
  border: 4px solid #00855F;
  @extend %contain-floats;

  .heading-medium {
    margin-top: 0;
  }

  @include media(tablet) {
    padding: $gutter/2;
    border-width: 2px;
  }

}

a.appointment-summary:focus,
a.appointment-summary:hover {
  background-color: $white;
  border-color: $yellow;
  outline: 3px solid $yellow;
}

.appointment-summary--secondary {
  border-color: $grey-3;
  @include media(tablet) {
    font-size: inherit;
    .heading-medium {
      font-size: inherit;
    }
  }
}

.appointment-summary__avatar {
  float: left;
  width: 35px;
  padding-right: $gutter/3;
  @include media(tablet) {
    width: 75px;
    padding-right: $gutter/2;
  }
}

.appointment-summary__info {
  float: left;
}

// Appointment confirmation panel
.appointment-confirmation {
  margin-bottom: $gutter/2;
  @extend %contain-floats;
}

.appointment-confirmation__info {
  float: left;
}

.appointment-confirmation__avatar {
  float: left;
  width: 75px;
  padding-right: $gutter/3;
  @include media(tablet) {
    padding-right: $gutter;
  }
}
<commit_msg>Panel padding to rem units<commit_after>// Panels
// ==========================================================================

// Indented panels with a grey left hand border
.panel-indent {
  @extend %contain-floats;
  clear: both;
  border-left: 4px solid $border-colour;

  padding: 1rem;
  margin: 1rem 0 1rem 0;
}

.panel-indent legend {
  margin-top: 0;
}

// Remove bottom margin on last paragraph
.panel-indent p:only-child,
.panel-indent p:last-child {
  margin-bottom: 0;
}

.panel-indent .form-group:last-child {
  margin-bottom: 0;
}

// NHS Panels
// ==========================================================================

// Appointment summary panels
.appointment-summary {
  display: block;
  max-width: 30em;
  padding: $gutter/3 $gutter/4;
  margin-bottom: $gutter;
  border: 4px solid #00855F;
  @extend %contain-floats;

  .heading-medium {
    margin-top: 0;
  }

  @include media(tablet) {
    padding: $gutter/2;
    border-width: 2px;
  }

}

a.appointment-summary:focus,
a.appointment-summary:hover {
  background-color: $white;
  border-color: $yellow;
  outline: 3px solid $yellow;
}

.appointment-summary--secondary {
  border-color: $grey-3;
  @include media(tablet) {
    font-size: inherit;
    .heading-medium {
      font-size: inherit;
    }
  }
}

.appointment-summary__avatar {
  float: left;
  width: 35px;
  padding-right: $gutter/3;
  @include media(tablet) {
    width: 75px;
    padding-right: $gutter/2;
  }
}

.appointment-summary__info {
  float: left;
}

// Appointment confirmation panel
.appointment-confirmation {
  margin-bottom: $gutter/2;
  @extend %contain-floats;
}

.appointment-confirmation__info {
  float: left;
}

.appointment-confirmation__avatar {
  float: left;
  width: 75px;
  padding-right: $gutter/3;
  @include media(tablet) {
    padding-right: $gutter;
  }
}

{'fraction_non_alphanumeric': 0.20887445887445888, 'fraction_numerical': 0.019209956709956708, 'mean_word_length': 3.569839307787392, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6523742', 'n_tokens_mistral': 1380, 'n_tokens_neox': 1290, 'n_words': 275}