<commit_before>// Styleguide helper classes. Not intended for production use.

.styleguide {

  .example {
    padding: 0 20px 20px;
    border: 1px solid $gray-line;
    @include border-radius(4px);
    margin-top: 20px;
    margin-bottom: 64px;
    &:before {
      content: "Example";
      font-size: 16px;
      font-weight: 700;
      display: block;
      color: $gray-line;
      @include sans-serif;
      text-align: left;
      padding: 10px 0;
    }

    [role="complementary"] {
      float: none;
      width: auto;
      padding: 0;
      margin: 0;
    }
  }

  .iframe {
    display: block;
    height: 400px;
    cursor: zoom-in;
    border: 1px solid $gray-line;
    overflow: hidden;

    iframe {
      pointer-events: none;
      position: relative;
      width: 200%;
      border: 0;
      height: 800px;
      @include transform(scale(0.5) translate(-50%, -50%));
      top: 0;
      left: 0;
      overflow: hidden;
    }
  }

  .swatches {
    margin: 0;
    padding: 0;
    list-style: none;
    @include clearfix;
    margin: 30px 0;
    li {
      width: 30%;
      height: 30px;
      margin-right: 2%;
      @include box-sizing(border-box);

      float: left;

      // Primary
      &.text {
        background: $text;
      }
      &.green-dark {
        background: $green-dark;
      }
      &.green {
        background: $green;
      }
      &.green-light {
        background: $green-light;
      }
      &.white {
        background: $white;
        border: 1px solid $gray-line;
      }
      &.red-dark {
        background: $red-dark;
      }

      // Secondary
      &.text-light {
        background: $text-light;
      }

      &.green-medium-dark {
        background: $green-medium-dark;
      }

      &.green-medium {
        background: $green-medium;
      }

      &.green-very-light {
        background: $green-very-light;
      }

      &.gray-line {
        background: $gray-line;
      }

      &.red {
        background: $red;
      }

    }
  }

  #layout {
    overflow: hidden;
  }

  #icons .icon {
    @include font-size(32);
    color: $green;
    padding: 0 .2em;
  }


}<commit_msg>Use tabs for indentation in styleguide<commit_after>// Styleguide helper classes. Not intended for production use.

.styleguide {

	.example {
		padding: 0 20px 20px;
		border: 1px solid $gray-line;
		@include border-radius(4px);
		margin-top: 20px;
		margin-bottom: 64px;
		&:before {
			content: "Example";
			font-size: 16px;
			font-weight: 700;
			display: block;
			color: $gray-line;
			@include sans-serif;
			text-align: left;
			padding: 10px 0;
		}

		[role="complementary"] {
			float: none;
			width: auto;
			padding: 0;
			margin: 0;
		}
	}

	.iframe {
		display: block;
		height: 400px;
		cursor: zoom-in;
		border: 1px solid $gray-line;
		overflow: hidden;

		iframe {
			pointer-events: none;
			position: relative;
			width: 200%;
			border: 0;
			height: 800px;
			@include transform(scale(0.5) translate(-50%, -50%));
			top: 0;
			left: 0;
			overflow: hidden;
		}
	}

	.swatches {
		margin: 0;
		padding: 0;
		list-style: none;
		@include clearfix;
		margin: 30px 0;
		li {
			width: 30%;
			height: 30px;
			margin-right: 2%;
			@include box-sizing(border-box);

			float: left;

			// Primary
			&.text {
				background: $text;
			}
			&.green-dark {
				background: $green-dark;
			}
			&.green {
				background: $green;
			}
			&.green-light {
				background: $green-light;
			}
			&.white {
				background: $white;
				border: 1px solid $gray-line;
			}
			&.red-dark {
				background: $red-dark;
			}

			// Secondary
			&.text-light {
				background: $text-light;
			}

			&.green-medium-dark {
				background: $green-medium-dark;
			}

			&.green-medium {
				background: $green-medium;
			}

			&.green-very-light {
				background: $green-very-light;
			}

			&.gray-line {
				background: $gray-line;
			}

			&.red {
				background: $red;
			}

		}
	}

	#layout {
		overflow: hidden;
	}

	#icons .icon {
		@include font-size(32);
		color: $green;
		padding: 0 .2em;
	}


}
{'fraction_non_alphanumeric': 0.1419068736141907, 'fraction_numerical': 0.02710027100271003, 'mean_word_length': 1.8794326241134751, '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': '4094875', 'n_tokens_mistral': 1755, 'n_tokens_neox': 1446, 'n_words': 331}