/**
 *  components: code
 *
 *  <pre class="code">
 *      <code>
 *      //
 *      </code>
 *  </pre>
 *
 *  @author Björn Hase, Tentakelfabrik
 *  @license http://opensource.org/licenses/MIT The MIT License
 *  @link https://github.com/tentakelfabrik/crispy-css
 *
 */

$crispy__code__border: $crispy__border !default;
$crispy__code__background-color: $crispy__color-grey-light !default;

$crispy__code__padding: $crispy__padding !default;
$crispy__code__padding-breakpoints: $crispy__padding-breakpoints !default;

$crispy__code__margin: $crispy__margin !default;
$crispy__code__margin-breakpoints: $crispy__margin-breakpoints !default;

@mixin crispy__code() {
    .code {
        white-space: pre;
        display: block;

        overflow-y: hidden;
        overflow-x: auto;
        border: $crispy__code__border;
        background-color: $crispy__code__background-color;

        margin: $crispy__code__margin;
        @include crispy__media-breakpoints('margin', $crispy__code__margin-breakpoints);

        padding: $crispy__code__padding;
        @include crispy__media-breakpoints('padding', $crispy__code__padding-breakpoints);
    }
}
