/* ***** declarations ****** */
@import "./../style-guide-fixes";

@mixin font-face($font-family, $file-path, $font-weight, $font-style) {
    @font-face {
        font-family: $font-family;
        src: url("#{$file-path}.woff") format("woff");
        font-weight: $font-weight;
        font-style: $font-style;
    }
}

@include font-face(Roboto-Light, "vendors/Roboto-Light", 300, normal);
@mixin RobotoLight {
    font-family: "Roboto-Light", arial, sans-serif;
    font-weight: lighter;
    font-style: normal;
}

@include font-face(Roboto-Medium, "vendors/Roboto-Medium", normal, normal);
@mixin RobotoMedium {
    font-family: "Roboto-Medium", arial, sans-serif;
    font-weight: normal;
    font-style: normal;
}

@include font-face(Roboto-Regular, "vendors/Roboto-Regular", normal, normal);
@mixin RobotoRegular {
    font-family: "Roboto-Regular", arial, sans-serif;
    font-weight: normal;
    font-style: normal;
}

@include font-face(
    RobotoCondensed-Regular,
    "vendors/RobotoCondensed-Regular",
    normal,
    normal
);
@mixin RobotoCondensed {
    font-family: "RobotoCondensed-Regular", arial, sans-serif;
    font-weight: normal;
    font-style: normal;
}

@mixin SegoeUILight {
    font-family: "wf_SegoeUILight", "Segoe UI Light", "Segoe WP Light",
        "wf_SegoeUI", "Segoe UI", "Segoe", "Segoe WP", "Tahoma", "Verdana",
        arial, sans-serif;
    font-size: 90%;
    font-weight: lighter;
}

@mixin SegoeUIRegular {
    font-family: "wf_SegoeUI", "Segoe UI", "Segoe", "Segoe WP", "Tahoma",
        "Verdana", arial, sans-serif;
    font-size: 90%;
    font-weight: normal;
}

@mixin MonospaceFont {
    font-family: "Lucida Console", Monaco, monospace !important;
}

/* ***** styles ****** */

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Roboto-Regular", arial, sans-serif;
}

.monospace {
    @include MonospaceFont;
}

*#{$ant-fix} > {
    label,
    label > span {
        @include RobotoMedium;
        text-transform: uppercase;
    }
}

.json-inspector__key {
    @include MonospaceFont;
    text-transform: none !important;
}

.json-inspector__value {
    @include MonospaceFont;
    text-transform: none !important;
}

button,
.button {
    @include RobotoCondensed;
    text-transform: uppercase;
    font-size: 0.875rem;
}

// .content-block > h3 {
//   @include RobotoLight;
// }
//
// .page-header > h3 {
//   @include RobotoLight;
// }
//
// a.currency, span.currency {
//   @include RobotoLight;
//   font-variant: small-caps;
// }

.txtann {
    @include RobotoRegular;
}

.txtlabel {
    @include RobotoRegular;
    text-transform: uppercase;
}

// span.time {
//   @include RobotoLight;
// }

.account-drop-down a.button {
    @include RobotoRegular;
}

.button {
    @include RobotoCondensed;
}

.footer .logo {
    @include RobotoRegular;
}

.tabs > .tab-item {
    @include RobotoRegular;
}

.label,
.label.warning,
.label.success,
.label.info,
.label.cancel,
.label.alert {
    @include RobotoRegular;
}

.table > thead > tr > th {
    @include RobotoRegular;
}

.vertical-order-table-cell {
    @include RobotoRegular;
}

.table.dashboard-table {
    > thead > tr > th {
        @include RobotoRegular;
    }

    > tbody > tr > td {
        @include RobotoRegular;
    }
}

// .key-value-table tr > td:first-child {
//   @include RobotoLight;
// }

.win32 {
    @include RobotoRegular;
}

.win32 {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        @include RobotoRegular;
    }

    label,
    label > span {
        @include RobotoRegular;
    }

    button,
    .button {
        @include RobotoLight;
    }

    .content-block > h3 {
        @include RobotoRegular;
    }

    .page-header > h3 {
        @include RobotoRegular;
    }

    a.currency,
    span.currency {
        @include RobotoRegular;
    }

    .txtlabel {
        @include RobotoRegular;
    }

    span.time {
        @include RobotoRegular;
    }

    .account-drop-down a.button {
        @include RobotoCondensed;
    }

    .footer .logo {
        @include RobotoRegular;
    }

    .tabs > .tab-item {
        @include RobotoRegular;
    }

    .label,
    .label.warning,
    .label.success,
    .label.info,
    .label.cancel,
    .label.alert {
        @include RobotoRegular;
    }

    .key-value-table tr > td:first-child {
        @include RobotoRegular;
    }
}

strong,
b {
    @include RobotoMedium;
}
