@import "../variables";

// Custom mixin
@mixin card-boxing {
  background-color: $WHITE;
  border: 1px solid rgba($BLACK, 0.06);
  border-radius: 3px;
  box-shadow: 0 1px 4px rgba($BLACK, 0.06);
}

@mixin chevron {
  display: inline-block;
  font: normal normal normal 14px/1 CRUKIcons;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
}

@mixin clearfix {
  zoom: 1;

  &::before,
  &::after {
    display: table;
    content: " ";
  }

  &::after {
    clear: both;
  }
}