diff --git a/scss/core/tools/mixins/utilities/_font-sizes.scss b/scss/core/tools/mixins/utilities/_font-sizes.scss index 7f2d3672..a31fd3cc 100644 --- a/scss/core/tools/mixins/utilities/_font-sizes.scss +++ b/scss/core/tools/mixins/utilities/_font-sizes.scss @@ -23,6 +23,8 @@ @mixin u-fs--h5 { font-size: px-to-rem($fs-h5);} @mixin u-fs--h6 { font-size: px-to-rem($fs-h6);} +@mixin u-fs--base { font-size: px-to-rem($fs-base);} + /** * A series of classes for setting tiny type; for use in smallprint etc. */ @@ -42,6 +44,8 @@ .u-fs--h5 { @include u-fs--h5;} .u-fs--h6 { @include u-fs--h6;} + .u-fs--base { @include u-fs--base;} + .u-fs--milli { @include u-fs--milli;} .u-fs--micro { @include u-fs--micro;} .u-fs--nano { @include u-fs--nano;} diff --git a/scss/custom/app/utilities/typography/_font-size.scss b/scss/custom/app/utilities/typography/_font-size.scss new file mode 100644 index 00000000..eb383cde --- /dev/null +++ b/scss/custom/app/utilities/typography/_font-size.scss @@ -0,0 +1,15 @@ +/*------------------------------------*\ + FONT SIZE UTILITIES +\*------------------------------------*/ +//.u-fs--h1 { @include u-fs--h1;} +//.u-fs--h2 { @include u-fs--h2;} +//.u-fs--h3 { @include u-fs--h3;} +//.u-fs--h4 { @include u-fs--h4;} +//.u-fs--h5 { @include u-fs--h5;} +//.u-fs--h6 { @include u-fs--h6;} + +//.u-fs--base { @include u-fs--base;} + +//.u-fs--milli { @include u-fs--milli;} +//.u-fs--micro { @include u-fs--micro;} +//.u-fs--nano { @include u-fs--nano;} diff --git a/scss/custom/app/utilities/typography/_index.scss b/scss/custom/app/utilities/typography/_index.scss index 45be9c26..a940636e 100644 --- a/scss/custom/app/utilities/typography/_index.scss +++ b/scss/custom/app/utilities/typography/_index.scss @@ -4,3 +4,4 @@ @import 'alignment'; @import 'colors'; @import 'font-family'; +@import 'font-size';