zastrow

@mixin unlink {
  text-decoration: none;
  color: inherit;
}

zastrow

@mixin delist {
  // This removes default list styles
  list-style: none;
  padding: 0;
  margin: 0;
}

zastrow

@mixin unbuttonize {
  // This removes styles added by default to button elements.
  // For when something should semantically be a button,
  // but isn't buttony in appearance.
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
  text-align: inherit;
  font: inherit;

zastrow

// Microsoft Edge 15 down support an older spec of CSS grid
// which can cause some layout issues, this mixin utilizes
// a compound @supports query to weed out this issue.
@mixin grid-support {
  @supports (display: grid) and (not (display: -ms-grid)) {
    @content;
  }
}

zastrow

// ----
// Sass (v3.4.21)
// Compass (v1.0.3)
// ----

@function strip-units($number) {
  @return $number / ($number * 0 + 1);
}

@function px2rem($number) {

zastrow

// Grayscale
@function gray($level) {
  @if $level == 0 {
    @return white;
  }
  @else if $level == 100 {
    @return black;
  }
  @else {
    @return darken(white, $level * 1%);;

zastrow

<h1>Heading One</h1>
<h2>Heading Two</h2>
<h3>Heading Three</h3>

zastrow

<p>Phasellus nisi metus, posuere eu velit ac, semper rhoncus diam. Integer consequat, lacus et dictum auctor, sem lacus consequat libero, quis imperdiet risus dui eu ex. Sed imperdiet tortor quis nunc faucibus, quis commodo nisl dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut dictum augue commodo, dignissim tortor ut, aliquet dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris efficitur congue diam, iaculis sodales tortor iaculis eget. Praesent eu egestas sem, ac facilisis leo. Integer luctus mi in eleifend tempor.</p>
<p>Curabitur magna erat, sollicitudin ac aliquam sit amet, egestas ut est. Fusce nibh enim, convallis ut volutpat molestie, maximus sed ipsum. Nam tempus ex eu diam posuere, a placerat ante ornare. Nulla quam ipsum, tincidunt nec tincidunt a, aliquam eu elit. Aliquam sit amet nibh nibh. Nam auctor elit nulla, eget facilisis felis volutpat vel. Integer tempor malesuada ultricies. Praesent in

zastrow

<a href="#" class="feature-class">Feature Link</a>
<div class="parent-class">
  <a href="#" class="feature-class">Feature Link with Parent</a>
</div>

zastrow

<a href="#" class="feature-class">Feature Link</a>
<a href="#" class="feature-class style-class">Feature Style Link</a>