// Utilities to provide v1-styling compatibility

@mixin font-size($sizeValue: 16){
  font-size: $sizeValue + px;
}

@mixin line-height($fontSize: auto){
  line-height: ($fontSize*1.48) + px;
}

%text-sr {
  // clip has been deprecated but is still supported
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
  margin: -1px;
  height: 1px;
  width: 1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  // ensure there are spaces in sr text
  word-wrap: normal;
}

// extends - UI - depth levels
%ui-depth0 { z-index: 0; }
%ui-depth1 { z-index: 10; }
%ui-depth2 { z-index: 100; }
%ui-depth3 { z-index: 1000; }
%ui-depth4 { z-index: 10000; }
%ui-depth5 { z-index: 100000; }

// weights
%t-ultrastrong {
  font-weight: 700;
}

%t-strong {
  font-weight: 600;
}

%t-demi-strong {
  font-weight: 500;
}

%t-regular {
  font-weight: 400;
}

%t-light {
  font-weight: 300;
}

%t-ultralight {
  font-weight: 200;
}

// copy
%t-copy {
  font-family: $f-sans-serif;
}

%t-copy-sub1 {
  @extend %t-copy;

  @include line-height(14);

  font-size: $forum-base-font-size;
}

%t-copy-sub2 {
  @extend %t-copy;

  @include line-height(12);

  font-size: $forum-small-font-size;
}

// extends - UI - removes list styling/spacing when using uls, ols for navigation and less content-centric cases
%ui-no-list {
  list-style: none;
  margin: 0;
  padding: 0;
  text-indent: 0;

  li, dt, dd {
    margin: 0;
    padding: 0;
  }
}
