UNPKG

@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.

1 lines 25.8 kB
{"version":3,"sources":["../styles/scss/2-tools/functions/_asset-helper.functions.scss","../styles/scss/1-variables/_font-weights.variables.scss","../styles/scss/3-generics/_typography.generics.scss","../../../ontario-design-system-design-tokens/dist/scss/_variables.scss","ontario-design-system-fonts.css"],"names":[],"mappings":"AAIA,sBAAA;AAcA,uBAAA;AAaA,sBAAA;AAaA,sBAAA;AC1CA;;mCAAA;ACCA;EACC,4BAAA;EACA,gBCkI6B;EDjI7B,kBAAA;EACA,kBAAA;EACA,8RACC;AEIF;AFGA;EACC,4BAAA;EACA,gBCqH6B;EDpH7B,kBAAA;EACA,kBAAA;EACA,oVACC;AEFF;AFSA;EACC,4BAAA;EACA,gBC0G2B;EDzG3B,kBAAA;EACA,kBAAA;EACA,gSACC;AERF;AFeA;EACC,4BAAA;EACA,gBC6F2B;ED5F3B,kBAAA;EACA,kBAAA;EACA,8VACC;AEdF;AFqBA;EACC,wBAAA;EACA,gBC6E4B;ED5E5B,kBAAA;EACA,kBAAA;EACA,gQACC;AEpBF;AF2BA;EACC,wBAAA;EACA,gBCgE4B;ED/D5B,kBAAA;EACA,kBAAA;EACA,8TACC;AE1BF;AFiCA;EACC,wBAAA;EACA,gBCoD6B;EDnD7B,kBAAA;EACA,kBAAA;EACA,8PACC;AEhCF;AFuCA;EACC,wBAAA;EACA,gBCwCgC;EDvChC,kBAAA;EACA,kBAAA;EACA,mQACC;AEtCF;AF6CA;EACC,wBAAA;EACA,gBC0B6B;EDzB7B,kBAAA;EACA,kBAAA;EACA,oTACC;AE5CF;AFmDA;EACC,wBAAA;EACA,gBCe2B;EDd3B,kBAAA;EACA,+PACC;AElDF;AFyDA;EACC,wBAAA;EACA,gBCG2B;EDF3B,kBAAA;EACA,kBAAA;EACA,8TACC;AExDF;AF+DA;EACC,sBAAA;EACA,gBCb4B;EDc5B,kBAAA;EACA,kBAAA;EACA,sSACC;AE9DF;AFqEA;EACC,sBAAA;EACA,gBC1B4B;ED2B5B,kBAAA;EACA,kBAAA;EACA,oWACC;AEpEF;AF2EA;EACC,sBAAA;EACA,gBCtC6B;EDuC7B,kBAAA;EACA,kBAAA;EACA,gSACC;AE1EF;AFiFA;EACC,sBAAA;EACA,gBClDgC;EDmDhC,kBAAA;EACA,kBAAA;EACA,ySACC;AEhFF;AFuFA;EACC,sBAAA;EACA,gBC9D2B;ED+D3B,kBAAA;EACA,kBAAA;EACA,qSACC;AEtFF","file":"ontario-design-system-fonts.css","sourcesContent":["/// Base path for assets (fonts, images...),\n/// should not include trailing slash\n$asset-base-path: '../../..' !default;\n\n/* Asset URL builder */\n/// Creates URL for assets.\n///\n/// @param {string} $type\n/// Asset type, matching folder name\n/// @param {string} $file\n/// Asset file name, including extension\n/// @return {url}\n/// A `url()` function leading to the asset\n\n@function generateAssetUrl($type, $file) {\n\t@return url($asset-base-path + '/' + $type + '/' + $file);\n}\n\n/* Image asset helper */\n/// Creates image asset.\n///\n/// @param {string} $file\n/// Asset file name, including extension\n/// @return {url}\n/// A `url()` function leading to the image\n/// @require {function} asset\n\n@function getImageUrl($file) {\n\t@return generateAssetUrl('images', $file);\n}\n\n/* Font asset helper */\n/// Creates font asset.\n///\n/// @param {string} $file\n/// Asset file name, including extension\n/// @return {url}\n/// A `url()` function leading to the font\n/// @require {function} asset\n\n@function getFontUrl($file) {\n\t@return generateAssetUrl('fonts', $file);\n}\n\n/* Icon asset helper */\n/// Creates icon asset.\n///\n/// @param {string} $file\n/// Asset file name, including extension\n/// @return {url}\n/// A `url()` function leading to the font\n/// @require {function} asset\n\n@function getIconUrl($file) {\n\t@return generateAssetUrl('icons', $file);\n}\n","@use './tokens.variables' as variables;\n\n/* -------------------------------\n Global font-weight variables\n--------------------------------- */\n\n$ontario-font-weights-light: variables.$ontario-font-weights-light; // 300\n$ontario-font-weights-normal: variables.$ontario-font-weights-normal; // 400\n$ontario-font-weights-semi-bold: variables.$ontario-font-weights-semi-bold; //600\n$ontario-font-weights-bold: variables.$ontario-font-weights-bold; // 700\n","@use '../1-variables/font-weights.variables' as fontWeights;\n@use '../2-tools/functions/asset-helper.functions' as assetHelperFunctions;\n\n@font-face {\n\tfont-family: 'Courier Prime';\n\tfont-weight: fontWeights.$ontario-font-weights-normal;\n\tfont-style: normal;\n\tfont-display: swap;\n\tsrc:\n\t\tassetHelperFunctions.getFontUrl('courier-prime-400/courier-prime-400.woff2') format('woff2'),\n\t\tassetHelperFunctions.getFontUrl('courier-prime-400/courier-prime-400.otf') format('opentype'),\n\t\tassetHelperFunctions.getFontUrl('courier-prime-400/courier-prime-400.ttf') format('truetype'),\n\t\tlocal('Courier Prime'),\n\t\tlocal('Courier-prime-regular');\n}\n\n@font-face {\n\tfont-family: 'Courier Prime';\n\tfont-weight: fontWeights.$ontario-font-weights-normal;\n\tfont-style: italic;\n\tfont-display: swap;\n\tsrc:\n\t\tassetHelperFunctions.getFontUrl('courier-prime-400--italic/courier-prime-400--italic.woff2') format('woff2'),\n\t\tassetHelperFunctions.getFontUrl('courier-prime-400--italic/courier-prime-400--italic.otf') format('opentype'),\n\t\tassetHelperFunctions.getFontUrl('courier-prime-400--italic/courier-prime-400--italic.ttf') format('truetype'),\n\t\tlocal('Courier Prime Italic'),\n\t\tlocal('Courier-prime-italic');\n}\n\n@font-face {\n\tfont-family: 'Courier Prime';\n\tfont-weight: fontWeights.$ontario-font-weights-bold;\n\tfont-style: normal;\n\tfont-display: swap;\n\tsrc:\n\t\tassetHelperFunctions.getFontUrl('courier-prime-700/courier-prime-700.woff2') format('woff2'),\n\t\tassetHelperFunctions.getFontUrl('courier-prime-700/courier-prime-700.otf') format('opentype'),\n\t\tassetHelperFunctions.getFontUrl('courier-prime-700/courier-prime-700.ttf') format('truetype'),\n\t\tlocal('Courier Prime Bold'),\n\t\tlocal('Courier-prime-bold');\n}\n\n@font-face {\n\tfont-family: 'Courier Prime';\n\tfont-weight: fontWeights.$ontario-font-weights-bold;\n\tfont-style: italic;\n\tfont-display: swap;\n\tsrc:\n\t\tassetHelperFunctions.getFontUrl('courier-prime-700--italic/courier-prime-700--italic.woff2') format('woff2'),\n\t\tassetHelperFunctions.getFontUrl('courier-prime-700--italic/courier-prime-700--italic.otf') format('opentype'),\n\t\tassetHelperFunctions.getFontUrl('courier-prime-700--italic/courier-prime-700--italic.ttf') format('truetype'),\n\t\tlocal('Courier Prime Bold Italic'),\n\t\tlocal('Courier-prime-bold-italic');\n}\n\n@font-face {\n\tfont-family: 'Open Sans';\n\tfont-weight: fontWeights.$ontario-font-weights-light;\n\tfont-style: normal;\n\tfont-display: swap;\n\tsrc:\n\t\tassetHelperFunctions.getFontUrl('open-sans-300/open-sans-300.woff2') format('woff2'),\n\t\tassetHelperFunctions.getFontUrl('open-sans-300/open-sans-300.otf') format('opentype'),\n\t\tassetHelperFunctions.getFontUrl('open-sans-300/open-sans-300.ttf') format('truetype'),\n\t\tlocal('Open Sans Light'),\n\t\tlocal('Open-Sans-300');\n}\n\n@font-face {\n\tfont-family: 'Open Sans';\n\tfont-weight: fontWeights.$ontario-font-weights-light;\n\tfont-style: italic;\n\tfont-display: swap;\n\tsrc:\n\t\tassetHelperFunctions.getFontUrl('open-sans-300--italic/open-sans-300--italic.woff2') format('woff2'),\n\t\tassetHelperFunctions.getFontUrl('open-sans-300--italic/open-sans-300--italic.otf') format('opentype'),\n\t\tassetHelperFunctions.getFontUrl('open-sans-300--italic/open-sans-300--italic.ttf') format('truetype'),\n\t\tlocal('Open Sans Light Italic'),\n\t\tlocal('Open-Sans-300-italic');\n}\n\n@font-face {\n\tfont-family: 'Open Sans';\n\tfont-weight: fontWeights.$ontario-font-weights-normal;\n\tfont-style: normal;\n\tfont-display: swap;\n\tsrc:\n\t\tassetHelperFunctions.getFontUrl('open-sans-400/open-sans-400.woff2') format('woff2'),\n\t\tassetHelperFunctions.getFontUrl('open-sans-400/open-sans-400.otf') format('opentype'),\n\t\tassetHelperFunctions.getFontUrl('open-sans-400/open-sans-400.ttf') format('truetype'),\n\t\tlocal('Open Sans'),\n\t\tlocal('Open-Sans-regular');\n}\n\n@font-face {\n\tfont-family: 'Open Sans';\n\tfont-weight: fontWeights.$ontario-font-weights-semi-bold;\n\tfont-style: normal;\n\tfont-display: swap;\n\tsrc:\n\t\tassetHelperFunctions.getFontUrl('open-sans-600/open-sans-600.woff2') format('woff2'),\n\t\tassetHelperFunctions.getFontUrl('open-sans-600/open-sans-600.otf') format('opentype'),\n\t\tassetHelperFunctions.getFontUrl('open-sans-600/open-sans-600.ttf') format('truetype'),\n\t\tlocal('Open Sans Semibold'),\n\t\tlocal('Open-Sans-600');\n}\n\n@font-face {\n\tfont-family: 'Open Sans';\n\tfont-weight: fontWeights.$ontario-font-weights-normal;\n\tfont-style: italic;\n\tfont-display: swap;\n\tsrc:\n\t\tassetHelperFunctions.getFontUrl('open-sans-400--italic/open-sans-400--italic.woff2') format('woff2'),\n\t\tassetHelperFunctions.getFontUrl('open-sans-400--italic/open-sans-400--italic.otf') format('opentype'),\n\t\tassetHelperFunctions.getFontUrl('open-sans-400--italic/open-sans-400--italic.ttf') format('truetype'),\n\t\tlocal('Open Sans Italic'),\n\t\tlocal('Open-Sans-italic');\n}\n\n@font-face {\n\tfont-family: 'Open Sans';\n\tfont-weight: fontWeights.$ontario-font-weights-bold;\n\tfont-display: swap;\n\tsrc:\n\t\tassetHelperFunctions.getFontUrl('open-sans-700/open-sans-700.woff2') format('woff2'),\n\t\tassetHelperFunctions.getFontUrl('open-sans-700/open-sans-700.otf') format('opentype'),\n\t\tassetHelperFunctions.getFontUrl('open-sans-700/open-sans-700.ttf') format('truetype'),\n\t\tlocal('Open Sans Bold'),\n\t\tlocal('Open-Sans-700');\n}\n\n@font-face {\n\tfont-family: 'Open Sans';\n\tfont-weight: fontWeights.$ontario-font-weights-bold;\n\tfont-style: italic;\n\tfont-display: swap;\n\tsrc:\n\t\tassetHelperFunctions.getFontUrl('open-sans-700--italic/open-sans-700--italic.woff2') format('woff2'),\n\t\tassetHelperFunctions.getFontUrl('open-sans-700--italic/open-sans-700--italic.otf') format('opentype'),\n\t\tassetHelperFunctions.getFontUrl('open-sans-700--italic/open-sans-700--italic.ttf') format('truetype'),\n\t\tlocal('Open Sans Bold Italic'),\n\t\tlocal('Open-Sans-bold-italic');\n}\n\n@font-face {\n\tfont-family: 'Raleway';\n\tfont-weight: fontWeights.$ontario-font-weights-light;\n\tfont-style: normal;\n\tfont-display: swap;\n\tsrc:\n\t\tassetHelperFunctions.getFontUrl('raleway-modified-300/raleway-modified-300.woff2') format('woff2'),\n\t\tassetHelperFunctions.getFontUrl('raleway-modified-300/raleway-modified-300.otf') format('opentype'),\n\t\tassetHelperFunctions.getFontUrl('raleway-modified-300/raleway-modified-300.ttf') format('truetype'),\n\t\tlocal('Raleway Light'),\n\t\tlocal('Raleway-300');\n}\n\n@font-face {\n\tfont-family: 'Raleway';\n\tfont-weight: fontWeights.$ontario-font-weights-light;\n\tfont-style: italic;\n\tfont-display: swap;\n\tsrc:\n\t\tassetHelperFunctions.getFontUrl('raleway-modified-300--italic/raleway-modified-300--italic.woff2') format('woff2'),\n\t\tassetHelperFunctions.getFontUrl('raleway-modified-300--italic/raleway-modified-300--italic.otf') format('opentype'),\n\t\tassetHelperFunctions.getFontUrl('raleway-modified-300--italic/raleway-modified-300--italic.ttf') format('truetype'),\n\t\tlocal('Raleway Light Italic'),\n\t\tlocal('Raleway-300-italic');\n}\n\n@font-face {\n\tfont-family: 'Raleway';\n\tfont-weight: fontWeights.$ontario-font-weights-normal;\n\tfont-style: normal;\n\tfont-display: swap;\n\tsrc:\n\t\tassetHelperFunctions.getFontUrl('raleway-modified-400/raleway-modified-400.woff2') format('woff2'),\n\t\tassetHelperFunctions.getFontUrl('raleway-modified-400/raleway-modified-400.otf') format('opentype'),\n\t\tassetHelperFunctions.getFontUrl('raleway-modified-400/raleway-modified-400.ttf') format('truetype'),\n\t\tlocal('Raleway'),\n\t\tlocal('Raleway-400');\n}\n\n@font-face {\n\tfont-family: 'Raleway';\n\tfont-weight: fontWeights.$ontario-font-weights-semi-bold;\n\tfont-style: normal;\n\tfont-display: swap;\n\tsrc:\n\t\tassetHelperFunctions.getFontUrl('raleway-modified-600/raleway-modified-600.woff2') format('woff2'),\n\t\tassetHelperFunctions.getFontUrl('raleway-modified-600/raleway-modified-600.otf') format('opentype'),\n\t\tassetHelperFunctions.getFontUrl('raleway-modified-600/raleway-modified-600.ttf') format('truetype'),\n\t\tlocal('Raleway SemiBold'),\n\t\tlocal('Raleway-600');\n}\n\n@font-face {\n\tfont-family: 'Raleway';\n\tfont-weight: fontWeights.$ontario-font-weights-bold;\n\tfont-style: normal;\n\tfont-display: swap;\n\tsrc:\n\t\tassetHelperFunctions.getFontUrl('raleway-modified-700/raleway-modified-700.woff2') format('woff2'),\n\t\tassetHelperFunctions.getFontUrl('raleway-modified-700/raleway-modified-700.otf') format('opentype'),\n\t\tassetHelperFunctions.getFontUrl('raleway-modified-700/raleway-modified-700.ttf') format('truetype'),\n\t\tlocal('Raleway Bold'),\n\t\tlocal('Raleway-700');\n}\n","\n// Do not edit directly, this file was auto-generated.\n\n$ontario-breakpoints-xsmall: 20em;\n$ontario-breakpoints-small: 40em;\n$ontario-breakpoints-medium: 73em;\n$ontario-breakpoints-large: 96em;\n$ontario-breakpoints-xlarge: 120em;\n$ontario-grid-columns-include-html-classes: true;\n$ontario-grid-columns-total-columns: 12;\n$ontario-grid-columns-row-width: 1152;\n$ontario-grid-columns-column-gutter: 32;\n$ontario-grid-columns-column-count1: 1;\n$ontario-grid-columns-column-count2: 2;\n$ontario-grid-columns-column-count3: 3;\n$ontario-grid-columns-column-count4: 4;\n$ontario-text-directions-text-direction: ltr;\n$ontario-text-directions-default-float: left;\n$ontario-text-directions-opposite-direction: right;\n$ontario-colour-greyscale-white: #FFFFFF;\n$ontario-colour-greyscale-black: #1A1A1A;\n$ontario-colour-greyscale-greyscale5: #F2F2F2;\n$ontario-colour-greyscale-greyscale20: #CCCCCC;\n$ontario-colour-greyscale-greyscale40: #999999;\n$ontario-colour-greyscale-greyscale60: #666666;\n$ontario-colour-greyscale-greyscale70: #4D4D4D;\n$ontario-colour-system-link: #0066CC;\n$ontario-colour-system-link-hover: #00478F;\n$ontario-colour-system-link-active: #002142;\n$ontario-colour-system-link-visited: #551A8B;\n$ontario-colour-system-focus: #009ADB;\n$ontario-colour-system-alert: #CD0000;\n$ontario-colour-system-alert-light: #FCEFF0;\n$ontario-colour-system-warning: #FFD440;\n$ontario-colour-system-warning-light: #FEF6DC;\n$ontario-colour-system-success: #118847;\n$ontario-colour-system-success-light: #E5f0E9;\n$ontario-colour-system-information: #1080A6;\n$ontario-colour-system-information-light: #E2F0F4;\n$ontario-colour-accent-main-gold: #CBA52E;\n$ontario-colour-accent-main-yellow: #FCAF17;\n$ontario-colour-accent-main-taupe: #C1B28F;\n$ontario-colour-accent-main-green: #39B54A;\n$ontario-colour-accent-main-lime: #8DC63F;\n$ontario-colour-accent-main-teal: #49A7A2;\n$ontario-colour-accent-main-sky: #00B2E3;\n$ontario-colour-accent-main-blue: #3193CC;\n$ontario-colour-accent-main-purple: #B975B7;\n$ontario-colour-accent-main-orange: #F15A22;\n$ontario-colour-accent-main-red: #F0454B;\n$ontario-colour-accent-main-magenta: #F03093;\n$ontario-colour-accent-light-gold: #F0E7CC;\n$ontario-colour-accent-light-yellow: #F8E5C3;\n$ontario-colour-accent-light-taupe: #EBE7DB;\n$ontario-colour-accent-light-green: #D1EFD4;\n$ontario-colour-accent-light-lime: #DDEDC7;\n$ontario-colour-accent-light-teal: #CFEDED;\n$ontario-colour-accent-light-sky: #C5EEFA;\n$ontario-colour-accent-light-blue: #DBE9F5;\n$ontario-colour-accent-light-purple: #F1E3F2;\n$ontario-colour-accent-light-orange: #FEE1D9;\n$ontario-colour-accent-light-red: #FFE0E2;\n$ontario-colour-accent-light-magenta: #FEDFF0;\n$ontario-colour-accent-dark-gold: #86743D;\n$ontario-colour-accent-dark-yellow: #8A600D;\n$ontario-colour-accent-dark-taupe: #7B725C;\n$ontario-colour-accent-dark-green: #2B8737;\n$ontario-colour-accent-dark-lime: #5F8129;\n$ontario-colour-accent-dark-teal: #367A76;\n$ontario-colour-accent-dark-sky: #1080A6;\n$ontario-colour-accent-dark-blue: #0369ac;\n$ontario-colour-accent-dark-purple: #92278F;\n$ontario-colour-accent-dark-orange: #C64A1C;\n$ontario-colour-accent-dark-red: #D81A21;\n$ontario-colour-accent-dark-magenta: #C00264;\n$ontario-colour-accent-callout-backgrounds-red: #FCEFF0;\n$ontario-colour-accent-callout-backgrounds-green: #E5F0E9;\n$ontario-colour-accent-callout-backgrounds-yellow: #FEF6DC;\n$ontario-colour-accent-icon-colours-blue: #0066CC;\n$ontario-colour-accent-icon-colours-grey: #666666;\n$ontario-colour-accent-icon-colours-black: #1A1A1A;\n$ontario-colour-accent-icon-colours-white: #FFFFFF;\n$ontario-colour-accent-button-colours-secondary-hover: #E0F0FF;\n$ontario-colour-accent-button-colours-secondary-active: #C2E0FF;\n$ontario-colour-accent-button-colours-tertiary-hover: #E8E8E8;\n$ontario-colour-accent-button-colours-tertiary-active: #D1D1D1;\n$ontario-colour-accent-service-ontario-header-brand: #03713D;\n$ontario-colour-accent-service-ontario-header-focus: #42C7FF;\n$ontario-colour-accent-service-ontario-header-hover: #048B4B;\n$ontario-colour-accent-service-ontario-header-active: #024122;\n$ontario-font-courier-prime: \"Courier Prime\", Courier, \"Courier New\", monospace;\n$ontario-font-open-sans: \"Open Sans\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n$ontario-font-raleway: \"Raleway\", \"Open Sans\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n$ontario-global-tokens-radius: 4px;\n$ontario-global-tokens-breakpoint-transition-value: 0.00125em;\n$ontario-global-tokens-pixel-value: 0.0625em;\n$ontario-global-tokens-max-value: 999999999999;\n$ontario-global-tokens-width-narrower: 26.25em;\n$ontario-global-tokens-width-narrow: 38.75em;\n$ontario-global-tokens-width-standard: 48rem;\n$ontario-global-tokens-width-max: 100%;\n$ontario-global-tokens-border-size: 2px;\n$ontario-global-tokens-touch-target-size: 36px;\n$ontario-global-tokens-touch-target-size-mobile: 40px;\n$ontario-global-tokens-line-height-default: 1.5;\n$ontario-font-sizes-small: 0.875rem;\n$ontario-font-sizes-standard-body-text: 1rem;\n$ontario-font-sizes-large: 1.25rem;\n$ontario-font-sizes-x-large: 1.5rem;\n$ontario-font-letter-spacing-x-small: 0.02rem;\n$ontario-font-letter-spacing-small: 0.025rem;\n$ontario-font-letter-spacing-medium: 0.03rem;\n$ontario-font-letter-spacing-large: 0.0313rem;\n$ontario-font-letter-spacing-x-large: 0.04rem;\n$ontario-font-line-heights-1: 1.2;\n$ontario-font-line-heights-2: 1.29;\n$ontario-font-line-heights-3: 1.33;\n$ontario-font-line-heights-4: 1.37;\n$ontario-font-line-heights-5: 1.39;\n$ontario-font-line-heights-6: 1.43;\n$ontario-font-line-heights-7: 1.5;\n$ontario-font-line-heights-8: 1.56;\n$ontario-font-line-heights-default: 1.6;\n$ontario-spacing-0: 0;\n$ontario-spacing-1: 0.25rem;\n$ontario-spacing-2: 0.5rem;\n$ontario-spacing-3: 0.75rem;\n$ontario-spacing-4: 1rem;\n$ontario-spacing-5: 1.5rem;\n$ontario-spacing-6: 2rem;\n$ontario-spacing-7: 2.5rem;\n$ontario-spacing-8: 3rem;\n$ontario-spacing-9: 4rem;\n$ontario-spacing-10: 5rem;\n$ontario-font-weights-light: 300;\n$ontario-font-weights-normal: 400;\n$ontario-font-weights-semi-bold: 600;\n$ontario-font-weights-bold: 700;\n$ontario-z-index-auto: auto;\n$ontario-z-index-inherit: inherit;\n$ontario-z-index-initial: initial;\n$ontario-z-index-behind-low: -4;\n$ontario-z-index-behind-medium: -2;\n$ontario-z-index-behind-high: -1;\n$ontario-z-index-neutral: 0;\n$ontario-z-index-above-low: 1;\n$ontario-z-index-above-medium: 2;\n$ontario-z-index-above-high: 4;\n","/* Asset URL builder */\n/* Image asset helper */\n/* Font asset helper */\n/* Icon asset helper */\n/* -------------------------------\n Global font-weight variables\n--------------------------------- */\n@font-face {\n font-family: \"Courier Prime\";\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n 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\");\n}\n@font-face {\n font-family: \"Courier Prime\";\n font-weight: 400;\n font-style: italic;\n font-display: swap;\n 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\");\n}\n@font-face {\n font-family: \"Courier Prime\";\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n 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\");\n}\n@font-face {\n font-family: \"Courier Prime\";\n font-weight: 700;\n font-style: italic;\n font-display: swap;\n 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\");\n}\n@font-face {\n font-family: \"Open Sans\";\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n 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\");\n}\n@font-face {\n font-family: \"Open Sans\";\n font-weight: 300;\n font-style: italic;\n font-display: swap;\n 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\");\n}\n@font-face {\n font-family: \"Open Sans\";\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n 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\");\n}\n@font-face {\n font-family: \"Open Sans\";\n font-weight: 600;\n font-style: normal;\n font-display: swap;\n 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\");\n}\n@font-face {\n font-family: \"Open Sans\";\n font-weight: 400;\n font-style: italic;\n font-display: swap;\n 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\");\n}\n@font-face {\n font-family: \"Open Sans\";\n font-weight: 700;\n font-display: swap;\n 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\");\n}\n@font-face {\n font-family: \"Open Sans\";\n font-weight: 700;\n font-style: italic;\n font-display: swap;\n 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\");\n}\n@font-face {\n font-family: \"Raleway\";\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n 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\");\n}\n@font-face {\n font-family: \"Raleway\";\n font-weight: 300;\n font-style: italic;\n font-display: swap;\n 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\");\n}\n@font-face {\n font-family: \"Raleway\";\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n 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\");\n}\n@font-face {\n font-family: \"Raleway\";\n font-weight: 600;\n font-style: normal;\n font-display: swap;\n 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\");\n}\n@font-face {\n font-family: \"Raleway\";\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n 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\");\n}"]}