// 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;
  }
}