<commit_before>@import "main";

// ==========================================================================
// GOV.UK template styles
// ==========================================================================
// Override here until updated in the GOV.UK template

#global-header-bar {
  @include site-width-container;
}
#global-header-bar .inner-block {
  padding: 0;
}


// ==========================================================================
// Service Design Manual styles
// ==========================================================================

@import "service-design-manual/helpers/page-header";
@import "service-design-manual/helpers/breadcrumbs";

// Remove margins set by Service Design Manual header
#global-breadcrumb,
.page-header {
  margin-left: 0;
  margin-right: 0;
}

// ==========================================================================
// Elements page styles
// ==========================================================================

// These are example styles, used only for the Elements page example boxes

// Headings
// Used with heading-large = 36px
.heading-with-border {
  border-top: 1px solid $border-colour;
  padding-top: em(45, 36);
}

// Text
.tight {
  margin-bottom: 0;
}

// Lists
.list-bullet {
  margin-bottom: ($gutter*1.5);
}


// Example boxes
// ==========================================================================

.example {
  @include contain-floats;
  position: relative;
  overflow: hidden;
  border: 1px solid $grey-2;
  margin-top: $gutter-half;
  margin-bottom: $gutter*1.5;

  padding-top: $gutter;
  padding-bottom: $gutter-half;

  @include media(tablet) {
    padding-top: $gutter*1.5;
    padding-bottom: $gutter;
  }
  &:before {
    content: "EXAMPLE";

    position: absolute;
    top: 0;
    left: 0;

    padding: em(4) em(15) em(4) em(15);
<commit_msg>Add padding to example boxes<commit_after>@import "main";

// ==========================================================================
// GOV.UK template styles
// ==========================================================================
// Override here until updated in the GOV.UK template

#global-header-bar {
  @include site-width-container;
}
#global-header-bar .inner-block {
  padding: 0;
}


// ==========================================================================
// Service Design Manual styles
// ==========================================================================

@import "service-design-manual/helpers/page-header";
@import "service-design-manual/helpers/breadcrumbs";

// Remove margins set by Service Design Manual header
#global-breadcrumb,
.page-header {
  margin-left: 0;
  margin-right: 0;
}

// ==========================================================================
// Elements page styles
// ==========================================================================

// These are example styles, used only for the Elements page example boxes

// Headings
// Used with heading-large = 36px
.heading-with-border {
  border-top: 1px solid $border-colour;
  padding-top: em(45, 36);
}

// Text
.tight {
  margin-bottom: 0;
}

// Lists
.list-bullet {
  margin-bottom: ($gutter*1.5);
}


// Example boxes
// ==========================================================================

.example {
  @include contain-floats;
  position: relative;
  overflow: hidden;
  border: 1px solid $grey-2;
  margin-top: $gutter-half;
  margin-bottom: $gutter*1.5;

  padding-top: $gutter;
  padding-right: $gutter-half;
  padding-bottom: $gutter-half;
  padding-left: $gutter-half;

  @include media(tablet) {
    padding-top: $gutter*1.5;
    padding-right: $gutter;
    padding-bottom: $gutter;
    padding-left: $gutter;
  }

  &:before {
    content: "EXAMPLE";

    position: absolute;
    top: 0;
    left: 0;

    padding: em(4) em(15) em(4) em(15);

{'fraction_non_alphanumeric': 0.3801566579634465, 'fraction_numerical': 0.014099216710182768, 'mean_word_length': 4.520172910662824, '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': '1530934', 'n_tokens_mistral': 1158, 'n_tokens_neox': 1028, 'n_words': 250}