diff --git a/src/sass/Fabric.Base.Output.scss b/src/sass/Fabric.Base.Output.scss new file mode 100644 index 000000000..78fd3ffd5 --- /dev/null +++ b/src/sass/Fabric.Base.Output.scss @@ -0,0 +1,14 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// +// Office UI Fabric +// -------------------------------------------------- +// Wrapper component to set base typography. + +@import "Fabric.Base"; + +//== Wrapper/base component +// +.ms-Fabric { + @include ms-Fabric; +} diff --git a/src/sass/Fabric.RTL.scss b/src/sass/Fabric.RTL.scss index ef50a7f70..30739e46c 100644 --- a/src/sass/Fabric.RTL.scss +++ b/src/sass/Fabric.RTL.scss @@ -34,3 +34,6 @@ // Grid @import './Fabric.Grid.Output'; + +// Base/wrapper component +@import './Fabric.Base.Output'; diff --git a/src/sass/Fabric.scss b/src/sass/Fabric.scss index e96f0916d..2c283120e 100644 --- a/src/sass/Fabric.scss +++ b/src/sass/Fabric.scss @@ -35,3 +35,6 @@ // Grid @import './Fabric.Grid.Output'; + +// Base/wrapper component +@import './Fabric.Base.Output'; diff --git a/src/sass/_Fabric.Base.scss b/src/sass/_Fabric.Base.scss new file mode 100644 index 000000000..8fabc232c --- /dev/null +++ b/src/sass/_Fabric.Base.scss @@ -0,0 +1,13 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// +// Office UI Fabric +// -------------------------------------------------- +// Wrapper component to set base typography. + + +//== Wrapper/base component +// +@mixin ms-Fabric { + @include ms-fontColor-neutralPrimary; +} diff --git a/src/sass/_Fabric.Typography.Mixins.scss b/src/sass/_Fabric.Typography.Mixins.scss index e4ebed18f..a96566452 100644 --- a/src/sass/_Fabric.Typography.Mixins.scss +++ b/src/sass/_Fabric.Typography.Mixins.scss @@ -5,7 +5,7 @@ // -------------------------------------------------- // Fabric Core Typography mixins -@mixin ms-baseFont() { +@mixin ms-baseFont { font-family: $ms-font-family-base; -webkit-font-smoothing: antialiased; }