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