@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500|Roboto+Mono");

@import "./../base/typography/color";
@import "./../base/typography/fontFamily";
@import "./../base/typography/sizing";
@import "./../base/typography/weight";
@import "./../base/typography/letterSpacing";
@import "./../base/typography/lineHeight";
@import "./../base/typography/lists";
@import "./../base/typography/style";
@import "./../base/typography/alignment";
@import "./../base/typography/verticalAlign";

h1,
.fs-h1 {
    @include font-scale($fs-h1, $fw-light);
}

h2,
.fs-h2 {
    @include font-scale($fs-h2, $fw-light);
}

h3,
.fs-h3 {
    @include font-scale($fs-h3, $fw-base);
}

h4,
.fs-h4 {
    @include font-scale($fs-h4, $fw-base);
}

h5,
.fs-h5 {
    @include font-scale($fs-h5, $fw-base);
}

h6,
.fs-h6 {
    @include font-scale($fs-h6, $fw-medium);
}

.fs-st1 {
    @include font-scale($fs-st1, $fw-base);
}

.fs-st2 {
    @include font-scale($fs-st2, $fw-medium);
}

.fs-b1 {
    @include font-scale($fs-b1, $fw-base);
}

.fs-b2 {
    @include font-scale($fs-b2, $fw-base);
}

.fs-btn {
    @include font-scale($fs-btn, $fw-medium);

    text-transform: uppercase;
}

.fs-cap {
    @include font-scale($fs-cap, $fw-base);
}

.fs-ol {
    @include font-scale($fs-ol, $fw-base);

    text-transform: uppercase;
}