Stefan Hacker
128 lines
2.5 KiB
SCSS
128 lines
2.5 KiB
SCSS
// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
|
|
|
|
// These mixins are deprecated and will be removed in a future release.
|
|
|
|
// Super Styles (LIMITED USE)
|
|
@mixin ms-font-su {
|
|
font-size: $ms-font-size-su;
|
|
font-weight: $ms-font-weight-light;
|
|
}
|
|
|
|
// Extra-Extra-Large
|
|
@mixin ms-font-xxl {
|
|
font-size: $ms-font-size-xxl;
|
|
font-weight: $ms-font-weight-light;
|
|
}
|
|
|
|
// Extra-Large Styles
|
|
@mixin ms-font-xl-plus {
|
|
font-size: $ms-font-size-xl-plus;
|
|
font-weight: $ms-font-weight-light;
|
|
}
|
|
|
|
// Extra-Large Styles
|
|
@mixin ms-font-xl {
|
|
font-size: $ms-font-size-xl;
|
|
font-weight: $ms-font-weight-light;
|
|
}
|
|
|
|
// Large Styles
|
|
@mixin ms-font-l {
|
|
font-size: $ms-font-size-l;
|
|
font-weight: $ms-font-weight-semilight;
|
|
}
|
|
|
|
// Medium Plus Styles
|
|
@mixin ms-font-m-plus {
|
|
font-size: $ms-font-size-m-plus;
|
|
font-weight: $ms-font-weight-regular;
|
|
}
|
|
|
|
// Medium Styles
|
|
@mixin ms-font-m {
|
|
font-size: $ms-font-size-m;
|
|
font-weight: $ms-font-weight-regular;
|
|
}
|
|
|
|
// Small Plus Styles
|
|
@mixin ms-font-s-plus {
|
|
font-size: $ms-font-size-s-plus;
|
|
font-weight: $ms-font-weight-regular;
|
|
}
|
|
|
|
// Small Styles
|
|
@mixin ms-font-s {
|
|
font-size: $ms-font-size-s;
|
|
font-weight: $ms-font-weight-regular;
|
|
}
|
|
|
|
// XS Styles
|
|
@mixin ms-font-xs {
|
|
font-size: $ms-font-size-xs;
|
|
font-weight: $ms-font-weight-regular;
|
|
}
|
|
|
|
// Micro Styles (LIMITED USE)
|
|
@mixin ms-font-mi {
|
|
font-size: $ms-font-size-mi;
|
|
font-weight: $ms-font-weight-semibold;
|
|
}
|
|
|
|
//== Helper classes & mixins
|
|
//
|
|
// Helper mixins to override default type values
|
|
|
|
// Font weights
|
|
@mixin ms-fontWeight-light {
|
|
font-weight: $ms-font-weight-light;
|
|
}
|
|
|
|
@mixin ms-fontWeight-semilight {
|
|
font-weight: $ms-font-weight-semilight;
|
|
}
|
|
|
|
// Font sizes
|
|
@mixin ms-fontSize-su {
|
|
font-size: $ms-font-size-su;
|
|
}
|
|
|
|
@mixin ms-fontSize-xxl {
|
|
font-size: $ms-font-size-xxl;
|
|
}
|
|
|
|
@mixin ms-fontSize-xlPlus {
|
|
font-size: $ms-font-size-xl-plus;
|
|
}
|
|
|
|
@mixin ms-fontSize-xl {
|
|
font-size: $ms-font-size-xl;
|
|
}
|
|
|
|
@mixin ms-fontSize-l {
|
|
font-size: $ms-font-size-l;
|
|
}
|
|
|
|
@mixin ms-fontSize-mPlus {
|
|
font-size: $ms-font-size-m-plus;
|
|
}
|
|
|
|
@mixin ms-fontSize-m {
|
|
font-size: $ms-font-size-m;
|
|
}
|
|
|
|
@mixin ms-fontSize-sPlus {
|
|
font-size: $ms-font-size-s-plus;
|
|
}
|
|
|
|
@mixin ms-fontSize-s {
|
|
font-size: $ms-font-size-s;
|
|
}
|
|
|
|
@mixin ms-fontSize-xs {
|
|
font-size: $ms-font-size-xs;
|
|
}
|
|
|
|
@mixin ms-fontSize-mi {
|
|
font-size: $ms-font-size-mi;
|
|
}
|