<commit_before>@import "global";
@import "foundation";
@import "code";
@import "fonts";
@import "footer";
@import "fonts";

@mixin box-shadow(
  $shadow-1 : default,
  $shadow-2 : false,
  $shadow-3 : false,
  $shadow-4 : false,
  $shadow-5 : false,
  $shadow-6 : false,
  $shadow-7 : false,
  $shadow-8 : false,
  $shadow-9 : false,
  $shadow-10: false
) { }

@mixin border-direction($direction:top,
                        $style:solid,
                        $width:2px,
                        $color:darken($panel-bg-color, 1%)) {
  border-#{$direction}: #{$style} #{$width} #{$color};
}

@mixin border($style:solid,
              $width:2px,
              $color:darken($panel-bg-color, 1%)) {
  border: #{$style} #{$width} #{$color};
}


body {
  font-size: em-calc(14);
  font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.row {
  max-width: emCalc(1440);
}

h3, h4, h5 { margin-top: 30px; }

.top30 { margin-top: 30px; }
.top20 { margin-top: 20px; }
.bottom30 { margin-top: 30px; }
.bottom20 { margin-top: 20px; }

hr.dashed { border-style: dashed; }

// Docs Components
@import
  "syntax-highlighting",
  "sidebar",
  "zurb-footer";


// Docs Styles

.section-header {
  h1 { border-bottom: 1px solid #ddd; }
  ul.inline-list { 
  	display: inline-block;
  	position: absolute;
  	top: 47px;
  	right: 0.9375em; 
  }
}

// Modified Panel
.easel {
  @include panel($bg:$panel-bg-color);
  @include border(solid, 1px, darken($panel-bg-color, 6%));
  @include radius();
}

// 12 column grid mixin (would be cool to implement with mixins where possible)
.full-grid {
  @include grid-column($columns:12);
  .panel {
    @extend .easel;
  }
}


.half-grid {
  @include grid-column($columns:6);

}

.code {
  @include grid-column($columns:7);
  padding-right: 0;
}

.options {
  @include grid-column($columns:5);
}

.options-bg {
  padding: 18px;
  background-color: darken($panel-bg-color, 0%);
  @include border(solid, 1px, darken($panel-bg-color, 4%));
  border-radius: 4px;
  ul {
    margin-left: 20px;
  }
  dt { color: #008080; }
}

.options-code-container {
  .code-container {
    background-color: darken($panel-bg-color, 2%);
  }
}

.code-container {
  position: relative;
  @include border(solid, 1px, darken($panel-bg-color, 4%));
  border-radius: 3px;
  pre {
    padding: 10px;
    @include border-direction(bottom,solid,1px,darken($panel-bg-color, 6%));
    background-color: darken($panel-bg-color, 0%);
    line-height: 1.8em;
    &:last-child {
      border: none;
    }
    code {
      background: none;
    }
  }
}

.code-container .button {<commit_msg>make code containers scrollable<commit_after>@import "global";
@import "foundation";
@import "code";
@import "fonts";
@import "footer";
@import "fonts";

@mixin box-shadow(
  $shadow-1 : default,
  $shadow-2 : false,
  $shadow-3 : false,
  $shadow-4 : false,
  $shadow-5 : false,
  $shadow-6 : false,
  $shadow-7 : false,
  $shadow-8 : false,
  $shadow-9 : false,
  $shadow-10: false
) { }

@mixin border-direction($direction:top,
                        $style:solid,
                        $width:2px,
                        $color:darken($panel-bg-color, 1%)) {
  border-#{$direction}: #{$style} #{$width} #{$color};
}

@mixin border($style:solid,
              $width:2px,
              $color:darken($panel-bg-color, 1%)) {
  border: #{$style} #{$width} #{$color};
}


body {
  font-size: em-calc(14);
  font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.row {
  max-width: emCalc(1440);
}

h3, h4, h5 { margin-top: 30px; }

.top30 { margin-top: 30px; }
.top20 { margin-top: 20px; }
.bottom30 { margin-top: 30px; }
.bottom20 { margin-top: 20px; }

hr.dashed { border-style: dashed; }

// Docs Components
@import
  "syntax-highlighting",
  "sidebar",
  "zurb-footer";


// Docs Styles

.section-header {
  h1 { border-bottom: 1px solid #ddd; }
  ul.inline-list { 
  	display: inline-block;
  	position: absolute;
  	top: 47px;
  	right: 0.9375em; 
  }
}

// Modified Panel
.easel {
  @include panel($bg:$panel-bg-color);
  @include border(solid, 1px, darken($panel-bg-color, 6%));
  @include radius();
}

// 12 column grid mixin (would be cool to implement with mixins where possible)
.full-grid {
  @include grid-column($columns:12);
  .panel {
    @extend .easel;
  }
}


.half-grid {
  @include grid-column($columns:6);

}

.code {
  @include grid-column($columns:7);
  padding-right: 0;
}

.options {
  @include grid-column($columns:5);
}

.options-bg {
  padding: 18px;
  background-color: darken($panel-bg-color, 0%);
  @include border(solid, 1px, darken($panel-bg-color, 4%));
  border-radius: 4px;
  ul {
    margin-left: 20px;
  }
  dt { color: #008080; }
}

.code-container {
  background-color: darken($panel-bg-color, 2%);
  overflow-x:auto;
  position: relative;
  @include border(solid, 1px, darken($panel-bg-color, 4%));
  border-radius: 3px;
  pre {
    padding: 10px;
    @include border-direction(bottom,solid,1px,darken($panel-bg-color, 6%));
    background-color: darken($panel-bg-color, 0%);
    line-height: 1.8em;
    &:last-child {
      border: none;
    }
    code {
      background: none;
    }
  }
}

.code-container .button {
{'fraction_non_alphanumeric': 0.18045977011494252, 'fraction_numerical': 0.03295019157088123, 'mean_word_length': 2.95530303030303, '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': '3068545', 'n_tokens_mistral': 2140, 'n_tokens_neox': 1987, 'n_words': 414}