diff --git a/packages/components/docs/sass.md b/packages/components/docs/sass.md
index 6e9cb42079d6..7c9cdd2a9e9d 100644
--- a/packages/components/docs/sass.md
+++ b/packages/components/docs/sass.md
@@ -273,6 +273,7 @@
- [✅prefix [variable]](#prefix-variable)
- [✅carbon--type-reset [mixin]](#carbon--type-reset-mixin)
- [✅carbon--default-type [mixin]](#carbon--default-type-mixin)
+ - [✅carbon--font-face-sans-condensed [mixin]](#carbon--font-face-sans-condensed-mixin)
- [✅carbon--font-face-sans [mixin]](#carbon--font-face-sans-mixin)
- [✅carbon--get-type-size [function]](#carbon--get-type-size-function)
- [✅carbon--type-scale [variable]](#carbon--type-scale-variable)
@@ -10377,6 +10378,326 @@ Include default type styles
- **Requires**:
- [carbon--type-style [mixin]](#carbon--type-style-mixin)
+### ✅carbon--font-face-sans-condensed [mixin]
+
+Sans `@font-face`'s
+
+
+Source code
+
+```scss
+@mixin carbon--font-face-sans-condensed() {
+ // .woff support for IE11
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 300;
+ src: local('IBM Plex Sans Condensed Light Italic'), local(
+ 'IBMPlexSansCond-LightItalic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8AfppYA.woff)
+ format('woff');
+ }
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 400;
+ src: local('IBM Plex Sans Condensed Italic'), local(
+ 'IBMPlexSansCond-Italic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8nN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYasyKg.woff)
+ format('woff');
+ }
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 600;
+ src: local('IBM Plex Sans Condensed SemiBold Italic'), local(
+ 'IBMPlexSansCond-SemiBoldItalic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8HPvpYA.woff)
+ format('woff');
+ }
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 300;
+ src: local('IBM Plex Sans Condensed Light'), local('IBMPlexSansCond-Light'),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY4C6ovo.woff)
+ format('woff');
+ }
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 400;
+ src: local('IBM Plex Sans Condensed'), local('IBMPlexSansCond'),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8lN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHbat.woff)
+ format('woff');
+ }
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 600;
+ src: local('IBM Plex Sans Condensed SemiBold'), local(
+ 'IBMPlexSansCond-SemiBold'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY527Ivo.woff)
+ format('woff');
+ }
+
+ /* vietnamese */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 300;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed Light Italic'), local(
+ 'IBMPlexSansCond-LightItalic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8AfplYstEzi6D11GTg.woff2)
+ format('woff2');
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
+ U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 300;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed Light Italic'), local(
+ 'IBMPlexSansCond-LightItalic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8AfplYotEzi6D11GTg.woff2)
+ format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+ U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+ }
+ /* latin */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 300;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed Light Italic'), local(
+ 'IBMPlexSansCond-LightItalic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8AfplYQtEzi6D10.woff2)
+ format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
+ U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
+ U+2212, U+2215, U+FEFF, U+FFFD;
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 400;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed Italic'), local(
+ 'IBMPlexSansCond-Italic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8nN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas-KPLgKkPHhKABg.woff2)
+ format('woff2');
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
+ U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 400;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed Italic'), local(
+ 'IBMPlexSansCond-Italic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8nN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas-KLLgKkPHhKABg.woff2)
+ format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+ U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+ }
+ /* latin */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 400;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed Italic'), local(
+ 'IBMPlexSansCond-Italic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8nN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas-KzLgKkPHhI.woff2)
+ format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
+ U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
+ U+2212, U+2215, U+FEFF, U+FFFD;
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 600;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed SemiBold Italic'), local(
+ 'IBMPlexSansCond-SemiBoldItalic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8HPvlYstEzi6D11GTg.woff2)
+ format('woff2');
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
+ U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 600;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed SemiBold Italic'), local(
+ 'IBMPlexSansCond-SemiBoldItalic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8HPvlYotEzi6D11GTg.woff2)
+ format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+ U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+ }
+ /* latin */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 600;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed SemiBold Italic'), local(
+ 'IBMPlexSansCond-SemiBoldItalic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8HPvlYQtEzi6D10.woff2)
+ format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
+ U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
+ U+2212, U+2215, U+FEFF, U+FFFD;
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 300;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed Light'), local('IBMPlexSansCond-Light'),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY4C6rvjpYYnFBq4P1w.woff2)
+ format('woff2');
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
+ U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 300;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed Light'), local('IBMPlexSansCond-Light'),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY4C6rvipYYnFBq4P1w.woff2)
+ format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+ U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+ }
+ /* latin */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 300;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed Light'), local('IBMPlexSansCond-Light'),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY4C6rvspYYnFBq4.woff2)
+ format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
+ U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
+ U+2212, U+2215, U+FEFF, U+FFFD;
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed'), local('IBMPlexSansCond'),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8lN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYamyK7Bh4sNLhM.woff2)
+ format('woff2');
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
+ U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed'), local('IBMPlexSansCond'),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8lN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYanyK7Bh4sNLhM.woff2)
+ format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+ U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+ }
+ /* latin */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed'), local('IBMPlexSansCond'),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8lN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYapyK7Bh4sN.woff2)
+ format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
+ U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
+ U+2212, U+2215, U+FEFF, U+FFFD;
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 600;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed SemiBold'), local(
+ 'IBMPlexSansCond-SemiBold'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY527LvjpYYnFBq4P1w.woff2)
+ format('woff2');
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
+ U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 600;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed SemiBold'), local(
+ 'IBMPlexSansCond-SemiBold'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY527LvipYYnFBq4P1w.woff2)
+ format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+ U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+ }
+ /* latin */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 600;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed SemiBold'), local(
+ 'IBMPlexSansCond-SemiBold'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY527LvspYYnFBq4.woff2)
+ format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
+ U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
+ U+2212, U+2215, U+FEFF, U+FFFD;
+ }
+}
+```
+
+
+
+- **Group**: [@carbon/type](#carbontype)
+
### ✅carbon--font-face-sans [mixin]
Sans `@font-face`'s
@@ -21340,9 +21661,11 @@ Select styles
}
.#{$prefix}--select__arrow {
- fill: $ui-05;
position: absolute;
+ top: 0;
right: $spacing-05;
+ height: 100%;
+ fill: $ui-05;
pointer-events: none;
}
diff --git a/packages/elements/docs/sass.md b/packages/elements/docs/sass.md
index 325db7a3fdca..70c6ee6d711c 100644
--- a/packages/elements/docs/sass.md
+++ b/packages/elements/docs/sass.md
@@ -273,6 +273,7 @@
- [✅prefix [variable]](#prefix-variable)
- [✅carbon--type-reset [mixin]](#carbon--type-reset-mixin)
- [✅carbon--default-type [mixin]](#carbon--default-type-mixin)
+ - [✅carbon--font-face-sans-condensed [mixin]](#carbon--font-face-sans-condensed-mixin)
- [✅carbon--font-face-sans [mixin]](#carbon--font-face-sans-mixin)
- [✅carbon--get-type-size [function]](#carbon--get-type-size-function)
- [✅carbon--type-scale [variable]](#carbon--type-scale-variable)
@@ -9672,6 +9673,326 @@ Include default type styles
- **Requires**:
- [carbon--type-style [mixin]](#carbon--type-style-mixin)
+### ✅carbon--font-face-sans-condensed [mixin]
+
+Sans `@font-face`'s
+
+
+Source code
+
+```scss
+@mixin carbon--font-face-sans-condensed() {
+ // .woff support for IE11
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 300;
+ src: local('IBM Plex Sans Condensed Light Italic'), local(
+ 'IBMPlexSansCond-LightItalic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8AfppYA.woff)
+ format('woff');
+ }
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 400;
+ src: local('IBM Plex Sans Condensed Italic'), local(
+ 'IBMPlexSansCond-Italic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8nN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYasyKg.woff)
+ format('woff');
+ }
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 600;
+ src: local('IBM Plex Sans Condensed SemiBold Italic'), local(
+ 'IBMPlexSansCond-SemiBoldItalic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8HPvpYA.woff)
+ format('woff');
+ }
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 300;
+ src: local('IBM Plex Sans Condensed Light'), local('IBMPlexSansCond-Light'),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY4C6ovo.woff)
+ format('woff');
+ }
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 400;
+ src: local('IBM Plex Sans Condensed'), local('IBMPlexSansCond'),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8lN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHbat.woff)
+ format('woff');
+ }
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 600;
+ src: local('IBM Plex Sans Condensed SemiBold'), local(
+ 'IBMPlexSansCond-SemiBold'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY527Ivo.woff)
+ format('woff');
+ }
+
+ /* vietnamese */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 300;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed Light Italic'), local(
+ 'IBMPlexSansCond-LightItalic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8AfplYstEzi6D11GTg.woff2)
+ format('woff2');
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
+ U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 300;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed Light Italic'), local(
+ 'IBMPlexSansCond-LightItalic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8AfplYotEzi6D11GTg.woff2)
+ format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+ U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+ }
+ /* latin */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 300;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed Light Italic'), local(
+ 'IBMPlexSansCond-LightItalic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8AfplYQtEzi6D10.woff2)
+ format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
+ U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
+ U+2212, U+2215, U+FEFF, U+FFFD;
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 400;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed Italic'), local(
+ 'IBMPlexSansCond-Italic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8nN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas-KPLgKkPHhKABg.woff2)
+ format('woff2');
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
+ U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 400;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed Italic'), local(
+ 'IBMPlexSansCond-Italic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8nN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas-KLLgKkPHhKABg.woff2)
+ format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+ U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+ }
+ /* latin */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 400;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed Italic'), local(
+ 'IBMPlexSansCond-Italic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8nN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas-KzLgKkPHhI.woff2)
+ format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
+ U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
+ U+2212, U+2215, U+FEFF, U+FFFD;
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 600;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed SemiBold Italic'), local(
+ 'IBMPlexSansCond-SemiBoldItalic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8HPvlYstEzi6D11GTg.woff2)
+ format('woff2');
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
+ U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 600;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed SemiBold Italic'), local(
+ 'IBMPlexSansCond-SemiBoldItalic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8HPvlYotEzi6D11GTg.woff2)
+ format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+ U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+ }
+ /* latin */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 600;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed SemiBold Italic'), local(
+ 'IBMPlexSansCond-SemiBoldItalic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8HPvlYQtEzi6D10.woff2)
+ format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
+ U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
+ U+2212, U+2215, U+FEFF, U+FFFD;
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 300;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed Light'), local('IBMPlexSansCond-Light'),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY4C6rvjpYYnFBq4P1w.woff2)
+ format('woff2');
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
+ U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 300;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed Light'), local('IBMPlexSansCond-Light'),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY4C6rvipYYnFBq4P1w.woff2)
+ format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+ U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+ }
+ /* latin */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 300;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed Light'), local('IBMPlexSansCond-Light'),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY4C6rvspYYnFBq4.woff2)
+ format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
+ U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
+ U+2212, U+2215, U+FEFF, U+FFFD;
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed'), local('IBMPlexSansCond'),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8lN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYamyK7Bh4sNLhM.woff2)
+ format('woff2');
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
+ U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed'), local('IBMPlexSansCond'),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8lN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYanyK7Bh4sNLhM.woff2)
+ format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+ U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+ }
+ /* latin */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed'), local('IBMPlexSansCond'),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8lN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYapyK7Bh4sN.woff2)
+ format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
+ U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
+ U+2212, U+2215, U+FEFF, U+FFFD;
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 600;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed SemiBold'), local(
+ 'IBMPlexSansCond-SemiBold'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY527LvjpYYnFBq4P1w.woff2)
+ format('woff2');
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
+ U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 600;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed SemiBold'), local(
+ 'IBMPlexSansCond-SemiBold'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY527LvipYYnFBq4P1w.woff2)
+ format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+ U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+ }
+ /* latin */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 600;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed SemiBold'), local(
+ 'IBMPlexSansCond-SemiBold'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY527LvspYYnFBq4.woff2)
+ format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
+ U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
+ U+2212, U+2215, U+FEFF, U+FFFD;
+ }
+}
+```
+
+
+
+- **Group**: [@carbon/type](#carbontype)
+
### ✅carbon--font-face-sans [mixin]
Sans `@font-face`'s
diff --git a/packages/type/docs/sass.md b/packages/type/docs/sass.md
index ba48fd8b8612..ea479c547668 100644
--- a/packages/type/docs/sass.md
+++ b/packages/type/docs/sass.md
@@ -20,6 +20,7 @@
- [✅prefix [variable]](#prefix-variable)
- [✅carbon--type-reset [mixin]](#carbon--type-reset-mixin)
- [✅carbon--default-type [mixin]](#carbon--default-type-mixin)
+ - [✅carbon--font-face-sans-condensed [mixin]](#carbon--font-face-sans-condensed-mixin)
- [✅carbon--font-face-sans [mixin]](#carbon--font-face-sans-mixin)
- [✅carbon--get-type-size [function]](#carbon--get-type-size-function)
- [✅carbon--type-scale [variable]](#carbon--type-scale-variable)
@@ -833,6 +834,326 @@ Include default type styles
- **Requires**:
- [carbon--type-style [mixin]](#carbon--type-style-mixin)
+### ✅carbon--font-face-sans-condensed [mixin]
+
+Sans `@font-face`'s
+
+
+Source code
+
+```scss
+@mixin carbon--font-face-sans-condensed() {
+ // .woff support for IE11
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 300;
+ src: local('IBM Plex Sans Condensed Light Italic'), local(
+ 'IBMPlexSansCond-LightItalic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8AfppYA.woff)
+ format('woff');
+ }
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 400;
+ src: local('IBM Plex Sans Condensed Italic'), local(
+ 'IBMPlexSansCond-Italic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8nN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYasyKg.woff)
+ format('woff');
+ }
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 600;
+ src: local('IBM Plex Sans Condensed SemiBold Italic'), local(
+ 'IBMPlexSansCond-SemiBoldItalic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8HPvpYA.woff)
+ format('woff');
+ }
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 300;
+ src: local('IBM Plex Sans Condensed Light'), local('IBMPlexSansCond-Light'),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY4C6ovo.woff)
+ format('woff');
+ }
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 400;
+ src: local('IBM Plex Sans Condensed'), local('IBMPlexSansCond'),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8lN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHbat.woff)
+ format('woff');
+ }
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 600;
+ src: local('IBM Plex Sans Condensed SemiBold'), local(
+ 'IBMPlexSansCond-SemiBold'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY527Ivo.woff)
+ format('woff');
+ }
+
+ /* vietnamese */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 300;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed Light Italic'), local(
+ 'IBMPlexSansCond-LightItalic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8AfplYstEzi6D11GTg.woff2)
+ format('woff2');
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
+ U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 300;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed Light Italic'), local(
+ 'IBMPlexSansCond-LightItalic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8AfplYotEzi6D11GTg.woff2)
+ format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+ U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+ }
+ /* latin */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 300;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed Light Italic'), local(
+ 'IBMPlexSansCond-LightItalic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8AfplYQtEzi6D10.woff2)
+ format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
+ U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
+ U+2212, U+2215, U+FEFF, U+FFFD;
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 400;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed Italic'), local(
+ 'IBMPlexSansCond-Italic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8nN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas-KPLgKkPHhKABg.woff2)
+ format('woff2');
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
+ U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 400;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed Italic'), local(
+ 'IBMPlexSansCond-Italic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8nN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas-KLLgKkPHhKABg.woff2)
+ format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+ U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+ }
+ /* latin */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 400;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed Italic'), local(
+ 'IBMPlexSansCond-Italic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8nN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas-KzLgKkPHhI.woff2)
+ format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
+ U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
+ U+2212, U+2215, U+FEFF, U+FFFD;
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 600;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed SemiBold Italic'), local(
+ 'IBMPlexSansCond-SemiBoldItalic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8HPvlYstEzi6D11GTg.woff2)
+ format('woff2');
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
+ U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 600;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed SemiBold Italic'), local(
+ 'IBMPlexSansCond-SemiBoldItalic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8HPvlYotEzi6D11GTg.woff2)
+ format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+ U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+ }
+ /* latin */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: italic;
+ font-weight: 600;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed SemiBold Italic'), local(
+ 'IBMPlexSansCond-SemiBoldItalic'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8iN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYas8HPvlYQtEzi6D10.woff2)
+ format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
+ U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
+ U+2212, U+2215, U+FEFF, U+FFFD;
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 300;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed Light'), local('IBMPlexSansCond-Light'),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY4C6rvjpYYnFBq4P1w.woff2)
+ format('woff2');
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
+ U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 300;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed Light'), local('IBMPlexSansCond-Light'),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY4C6rvipYYnFBq4P1w.woff2)
+ format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+ U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+ }
+ /* latin */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 300;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed Light'), local('IBMPlexSansCond-Light'),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY4C6rvspYYnFBq4.woff2)
+ format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
+ U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
+ U+2212, U+2215, U+FEFF, U+FFFD;
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed'), local('IBMPlexSansCond'),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8lN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYamyK7Bh4sNLhM.woff2)
+ format('woff2');
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
+ U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed'), local('IBMPlexSansCond'),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8lN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYanyK7Bh4sNLhM.woff2)
+ format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+ U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+ }
+ /* latin */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed'), local('IBMPlexSansCond'),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8lN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYapyK7Bh4sN.woff2)
+ format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
+ U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
+ U+2212, U+2215, U+FEFF, U+FFFD;
+ }
+ /* vietnamese */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 600;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed SemiBold'), local(
+ 'IBMPlexSansCond-SemiBold'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY527LvjpYYnFBq4P1w.woff2)
+ format('woff2');
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
+ U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+ }
+ /* latin-ext */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 600;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed SemiBold'), local(
+ 'IBMPlexSansCond-SemiBold'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY527LvipYYnFBq4P1w.woff2)
+ format('woff2');
+ unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
+ U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+ }
+ /* latin */
+ @font-face {
+ font-family: 'IBM Plex Sans Condensed';
+ font-style: normal;
+ font-weight: 600;
+ font-display: swap;
+ src: local('IBM Plex Sans Condensed SemiBold'), local(
+ 'IBMPlexSansCond-SemiBold'
+ ),
+ url(https://fonts.gstatic.com/s/ibmplexsanscondensed/v6/Gg8gN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHY527LvspYYnFBq4.woff2)
+ format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
+ U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
+ U+2212, U+2215, U+FEFF, U+FFFD;
+ }
+}
+```
+
+
+
+- **Group**: [@carbon/type](#carbontype)
+
### ✅carbon--font-face-sans [mixin]
Sans `@font-face`'s