@import 'vendor/vendor',
        '../../rocketbelt/tools/tools',
        'color',
        'grid',
        'images',
        'layout',
        'typography',
        'creative',
        'playground';

::selection {
  background: color(secondary, lightest);
  color: color(secondary);
}

html {
  background: color(white);
}

cite {
  font-style: normal;
  font-size: font-size(-2);

  b {
    .footnote-term {
      text-transform: capitalize;
    }
    .footnote-returner {
      text-decoration: none;
    }
  }
}

p code,
.code {
  padding: 0.125rem 0.25rem;
  border: 1px solid color(gray, plus2);
  border-radius: 2px;
  background-color: color(gray, plus4);
}

.example-code {
  position: relative;
  display: flex;
  max-width: 700px;
  &:hover {
    .copy-code {
      opacity: 1;
      transition: opacity 100ms linear;
    }
  }

  .copy-code {
    @include button-size(sm);
    @include button-style(secondary);
    @include button-shadow();

    position: absolute;
    top: 1em;
    right: 0.5em;
    border: none;
    opacity: 0.66;
    transition: opacity 100ms linear;
  }

  pre {
    flex: 1;
  }
}

@import 'vendor/vendor',
        '../../rocketbelt/tools/tools',
        'color',
        'grid',
        'images',
        'layout',
        'typography',
        'creative',
        'playground';

::selection {
  background: color(secondary, lightest);
  color: color(secondary);
}

html {
  background: color(white);
}

cite {
  font-style: normal;
  font-size: font-size(-2);

  b {
    .footnote-term {
      text-transform: capitalize;
    }
    .footnote-returner {
      text-decoration: none;
    }
  }
}

p code,
.code {
  padding: 0.125rem 0.25rem;
  border: 1px solid color(gray, plus2);
  border-radius: 2px;
  background-color: color(gray, plus4);
}

.example-code {
  position: relative;
  display: flex;

  &:hover {
    .copy-code {
      opacity: 1;
      transition: opacity 100ms linear;
    }
  }

  .copy-code {
    @include button-size(sm);
    @include button-style(secondary);
    @include button-shadow();

    position: absolute;
    top: 1em;
    right: 0.5em;
    border: none;
    opacity: 0.66;
    transition: opacity 100ms linear;
  }

  pre {
    flex: 1;
  }
}

Remove max-width from code samples.
fix(Global): Remove max-width from code samples.

It looked horrible, what was I thinking? ¯\_(ツ)_/¯
