@ongov/ontario-design-system-global-styles
Version:
Includes the Ontario Design System global styles that are used for more generic elements and layouts, as well as fonts and favicon files.
119 lines (118 loc) • 6.78 kB
CSS
/* Asset URL builder */
/* Image asset helper */
/* Font asset helper */
/* Icon asset helper */
/* -------------------------------
Global font-weight variables
--------------------------------- */
@font-face {
font-family: "Courier Prime";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("../fonts/courier-prime-400/courier-prime-400.woff2") format("woff2"), url("../fonts/courier-prime-400/courier-prime-400.otf") format("opentype"), url("../fonts/courier-prime-400/courier-prime-400.ttf") format("truetype"), local("Courier Prime"), local("Courier-prime-regular");
}
@font-face {
font-family: "Courier Prime";
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("../fonts/courier-prime-400--italic/courier-prime-400--italic.woff2") format("woff2"), url("../fonts/courier-prime-400--italic/courier-prime-400--italic.otf") format("opentype"), url("../fonts/courier-prime-400--italic/courier-prime-400--italic.ttf") format("truetype"), local("Courier Prime Italic"), local("Courier-prime-italic");
}
@font-face {
font-family: "Courier Prime";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("../fonts/courier-prime-700/courier-prime-700.woff2") format("woff2"), url("../fonts/courier-prime-700/courier-prime-700.otf") format("opentype"), url("../fonts/courier-prime-700/courier-prime-700.ttf") format("truetype"), local("Courier Prime Bold"), local("Courier-prime-bold");
}
@font-face {
font-family: "Courier Prime";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("../fonts/courier-prime-700--italic/courier-prime-700--italic.woff2") format("woff2"), url("../fonts/courier-prime-700--italic/courier-prime-700--italic.otf") format("opentype"), url("../fonts/courier-prime-700--italic/courier-prime-700--italic.ttf") format("truetype"), local("Courier Prime Bold Italic"), local("Courier-prime-bold-italic");
}
@font-face {
font-family: "Open Sans";
font-weight: 300;
font-style: normal;
font-display: swap;
src: url("../fonts/open-sans-300/open-sans-300.woff2") format("woff2"), url("../fonts/open-sans-300/open-sans-300.otf") format("opentype"), url("../fonts/open-sans-300/open-sans-300.ttf") format("truetype"), local("Open Sans Light"), local("Open-Sans-300");
}
@font-face {
font-family: "Open Sans";
font-weight: 300;
font-style: italic;
font-display: swap;
src: url("../fonts/open-sans-300--italic/open-sans-300--italic.woff2") format("woff2"), url("../fonts/open-sans-300--italic/open-sans-300--italic.otf") format("opentype"), url("../fonts/open-sans-300--italic/open-sans-300--italic.ttf") format("truetype"), local("Open Sans Light Italic"), local("Open-Sans-300-italic");
}
@font-face {
font-family: "Open Sans";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("../fonts/open-sans-400/open-sans-400.woff2") format("woff2"), url("../fonts/open-sans-400/open-sans-400.otf") format("opentype"), url("../fonts/open-sans-400/open-sans-400.ttf") format("truetype"), local("Open Sans"), local("Open-Sans-regular");
}
@font-face {
font-family: "Open Sans";
font-weight: 600;
font-style: normal;
font-display: swap;
src: url("../fonts/open-sans-600/open-sans-600.woff2") format("woff2"), url("../fonts/open-sans-600/open-sans-600.otf") format("opentype"), url("../fonts/open-sans-600/open-sans-600.ttf") format("truetype"), local("Open Sans Semibold"), local("Open-Sans-600");
}
@font-face {
font-family: "Open Sans";
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("../fonts/open-sans-400--italic/open-sans-400--italic.woff2") format("woff2"), url("../fonts/open-sans-400--italic/open-sans-400--italic.otf") format("opentype"), url("../fonts/open-sans-400--italic/open-sans-400--italic.ttf") format("truetype"), local("Open Sans Italic"), local("Open-Sans-italic");
}
@font-face {
font-family: "Open Sans";
font-weight: 700;
font-display: swap;
src: url("../fonts/open-sans-700/open-sans-700.woff2") format("woff2"), url("../fonts/open-sans-700/open-sans-700.otf") format("opentype"), url("../fonts/open-sans-700/open-sans-700.ttf") format("truetype"), local("Open Sans Bold"), local("Open-Sans-700");
}
@font-face {
font-family: "Open Sans";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("../fonts/open-sans-700--italic/open-sans-700--italic.woff2") format("woff2"), url("../fonts/open-sans-700--italic/open-sans-700--italic.otf") format("opentype"), url("../fonts/open-sans-700--italic/open-sans-700--italic.ttf") format("truetype"), local("Open Sans Bold Italic"), local("Open-Sans-bold-italic");
}
@font-face {
font-family: "Raleway";
font-weight: 300;
font-style: normal;
font-display: swap;
src: url("../fonts/raleway-modified-300/raleway-modified-300.woff2") format("woff2"), url("../fonts/raleway-modified-300/raleway-modified-300.otf") format("opentype"), url("../fonts/raleway-modified-300/raleway-modified-300.ttf") format("truetype"), local("Raleway Light"), local("Raleway-300");
}
@font-face {
font-family: "Raleway";
font-weight: 300;
font-style: italic;
font-display: swap;
src: url("../fonts/raleway-modified-300--italic/raleway-modified-300--italic.woff2") format("woff2"), url("../fonts/raleway-modified-300--italic/raleway-modified-300--italic.otf") format("opentype"), url("../fonts/raleway-modified-300--italic/raleway-modified-300--italic.ttf") format("truetype"), local("Raleway Light Italic"), local("Raleway-300-italic");
}
@font-face {
font-family: "Raleway";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("../fonts/raleway-modified-400/raleway-modified-400.woff2") format("woff2"), url("../fonts/raleway-modified-400/raleway-modified-400.otf") format("opentype"), url("../fonts/raleway-modified-400/raleway-modified-400.ttf") format("truetype"), local("Raleway"), local("Raleway-400");
}
@font-face {
font-family: "Raleway";
font-weight: 600;
font-style: normal;
font-display: swap;
src: url("../fonts/raleway-modified-600/raleway-modified-600.woff2") format("woff2"), url("../fonts/raleway-modified-600/raleway-modified-600.otf") format("opentype"), url("../fonts/raleway-modified-600/raleway-modified-600.ttf") format("truetype"), local("Raleway SemiBold"), local("Raleway-600");
}
@font-face {
font-family: "Raleway";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("../fonts/raleway-modified-700/raleway-modified-700.woff2") format("woff2"), url("../fonts/raleway-modified-700/raleway-modified-700.otf") format("opentype"), url("../fonts/raleway-modified-700/raleway-modified-700.ttf") format("truetype"), local("Raleway Bold"), local("Raleway-700");
}/*# sourceMappingURL=ontario-design-system-fonts.css.map */