@ilo-org/twig 1.12.3 → 1.12.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/accordion/accordion.component.yml +2 -2
- package/dist/components/accordion/accordion.wingsuit.yml +2 -2
- package/dist/components/icon/icon.behavior.js +5 -5
- package/dist/styles/global.css +1 -1
- package/dist/styles/global.css.map +1 -1
- package/dist/styles/index.css +1 -1
- package/dist/styles/index.css.map +1 -1
- package/dist/styles/monorepo.css +1 -1
- package/dist/styles/monorepo.css.map +1 -1
- package/package.json +5 -5
|
@@ -12,12 +12,12 @@ accordion:
|
|
|
12
12
|
required: true
|
|
13
13
|
preview:
|
|
14
14
|
- label: Topics
|
|
15
|
-
content: '<div
|
|
15
|
+
content: '<div class="ilo--list ilo--list__theme__light"><ul><li>Employment Promotion and Job Creation</li><li>Social Protection</li><li>International Labour Standards</li><li>Social Dialogue and Tripartism</li><li>Occupational Safety and Health</li><li>Labor Migration</li><li>Child Labour and Forced Labour Elimination</li><li>Gender Equality and Non-Discrimination</li></ul></div>'
|
|
16
16
|
id: item1
|
|
17
17
|
defaultExpanded: false
|
|
18
18
|
scroll: false
|
|
19
19
|
- label: Sectors
|
|
20
|
-
content: '<div
|
|
20
|
+
content: '<div class="ilo--list ilo--list__theme__light"><ul class="ilo--list ilo--list__theme__light"><li>Agriculture, Forestry, and Fishing</li><li>Construction</li><li>Manufacturing</li><li>Transport and Storage</li><li>Wholesale and Retail Trade</li><li>Information and Communication</li><li>Finance and Insurance</li><li>Health and Social Work</li><li>Educational Services</li><li>Public Administration and Defense</li><li>Other Services</li></ul></div>'
|
|
21
21
|
id: item2
|
|
22
22
|
defaultExpanded: false
|
|
23
23
|
scroll: false
|
|
@@ -12,12 +12,12 @@ accordion:
|
|
|
12
12
|
required: true
|
|
13
13
|
preview:
|
|
14
14
|
- label: Topics
|
|
15
|
-
content: '<div
|
|
15
|
+
content: '<div class="ilo--list ilo--list__theme__light"><ul><li>Employment Promotion and Job Creation</li><li>Social Protection</li><li>International Labour Standards</li><li>Social Dialogue and Tripartism</li><li>Occupational Safety and Health</li><li>Labor Migration</li><li>Child Labour and Forced Labour Elimination</li><li>Gender Equality and Non-Discrimination</li></ul></div>'
|
|
16
16
|
id: item1
|
|
17
17
|
defaultExpanded: false
|
|
18
18
|
scroll: false
|
|
19
19
|
- label: Sectors
|
|
20
|
-
content: '<div
|
|
20
|
+
content: '<div class="ilo--list ilo--list__theme__light"><ul class="ilo--list ilo--list__theme__light"><li>Agriculture, Forestry, and Fishing</li><li>Construction</li><li>Manufacturing</li><li>Transport and Storage</li><li>Wholesale and Retail Trade</li><li>Information and Communication</li><li>Finance and Insurance</li><li>Health and Social Work</li><li>Educational Services</li><li>Public Administration and Defense</li><li>Other Services</li></ul></div>'
|
|
21
21
|
id: item2
|
|
22
22
|
defaultExpanded: false
|
|
23
23
|
scroll: false
|
|
@@ -731,15 +731,15 @@
|
|
|
731
731
|
|
|
732
732
|
var index$3={"elem":"svg","attrs":{"xmlns":"http://www.w3.org/2000/svg","fill":"currentColor","viewBox":"0 0 24 24","width":"24","height":"24"},"content":[{"elem":"path","attrs":{"d":"M17.9 10.9C14.7 9 9.35 8.8 6.3 9.75C5.8 9.9 5.3 9.6 5.15 9.15C5 8.65 5.3 8.15 5.75 8C9.3 6.95 15.15 7.15 18.85 9.35C19.3 9.6 19.45 10.2 19.2 10.65C18.95 11 18.35 11.15 17.9 10.9ZM17.8 13.7C17.55 14.05 17.1 14.2 16.75 13.95C14.05 12.3 9.95 11.8 6.8 12.8C6.4 12.9 5.95 12.7 5.85 12.3C5.75 11.9 5.95 11.45 6.35 11.35C10 10.25 14.5 10.8 17.6 12.7C17.9 12.85 18.05 13.35 17.8 13.7ZM16.6 16.45C16.4 16.75 16.05 16.85 15.75 16.65C13.4 15.2 10.45 14.9 6.95 15.7C6.6 15.8 6.3 15.55 6.2 15.25C6.1 14.9 6.35 14.6 6.65 14.5C10.45 13.65 13.75 14 16.35 15.6C16.7 15.75 16.75 16.15 16.6 16.45ZM12 2C10.6868 2 9.38642 2.25866 8.17317 2.7612C6.95991 3.26375 5.85752 4.00035 4.92893 4.92893C3.05357 6.8043 2 9.34784 2 12C2 14.6522 3.05357 17.1957 4.92893 19.0711C5.85752 19.9997 6.95991 20.7362 8.17317 21.2388C9.38642 21.7413 10.6868 22 12 22C14.6522 22 17.1957 20.9464 19.0711 19.0711C20.9464 17.1957 22 14.6522 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7362 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2Z"}}],"name":"social_spotify","size":"glyph"};
|
|
733
733
|
|
|
734
|
-
var _32$2={"elem":"svg","attrs":{"xmlns":"http://www.w3.org/2000/svg","fill":"currentColor","viewBox":"0 0 24 24","width":32,"height":32},"content":[{"elem":"path","attrs":{"
|
|
734
|
+
var _32$2={"elem":"svg","attrs":{"xmlns":"http://www.w3.org/2000/svg","fill":"currentColor","viewBox":"0 0 24 24","width":32,"height":32},"content":[{"elem":"path","attrs":{"d":"M14 16H6V14H14V16zM18 16H15V14H18V16zM9 13H6V11H9V13zM18 13H10V11H18V13z"}},{"elem":"path","attrs":{"fill-rule":"evenodd","d":"M22 20H2V4H22V20ZM4 18H20V6H4V18Z","clip-rule":"evenodd"}}],"name":"transcript","size":32};
|
|
735
735
|
|
|
736
|
-
var _24$2={"elem":"svg","attrs":{"xmlns":"http://www.w3.org/2000/svg","fill":"currentColor","viewBox":"0 0 24 24","width":24,"height":24},"content":[{"elem":"path","attrs":{"
|
|
736
|
+
var _24$2={"elem":"svg","attrs":{"xmlns":"http://www.w3.org/2000/svg","fill":"currentColor","viewBox":"0 0 24 24","width":24,"height":24},"content":[{"elem":"path","attrs":{"d":"M14 16H6V14H14V16zM18 16H15V14H18V16zM9 13H6V11H9V13zM18 13H10V11H18V13z"}},{"elem":"path","attrs":{"fill-rule":"evenodd","d":"M22 20H2V4H22V20ZM4 18H20V6H4V18Z","clip-rule":"evenodd"}}],"name":"transcript","size":24};
|
|
737
737
|
|
|
738
|
-
var _20$2={"elem":"svg","attrs":{"xmlns":"http://www.w3.org/2000/svg","fill":"currentColor","viewBox":"0 0 24 24","width":20,"height":20},"content":[{"elem":"path","attrs":{"
|
|
738
|
+
var _20$2={"elem":"svg","attrs":{"xmlns":"http://www.w3.org/2000/svg","fill":"currentColor","viewBox":"0 0 24 24","width":20,"height":20},"content":[{"elem":"path","attrs":{"d":"M14 16H6V14H14V16zM18 16H15V14H18V16zM9 13H6V11H9V13zM18 13H10V11H18V13z"}},{"elem":"path","attrs":{"fill-rule":"evenodd","d":"M22 20H2V4H22V20ZM4 18H20V6H4V18Z","clip-rule":"evenodd"}}],"name":"transcript","size":20};
|
|
739
739
|
|
|
740
|
-
var _16$2={"elem":"svg","attrs":{"xmlns":"http://www.w3.org/2000/svg","fill":"currentColor","viewBox":"0 0 24 24","width":16,"height":16},"content":[{"elem":"path","attrs":{"
|
|
740
|
+
var _16$2={"elem":"svg","attrs":{"xmlns":"http://www.w3.org/2000/svg","fill":"currentColor","viewBox":"0 0 24 24","width":16,"height":16},"content":[{"elem":"path","attrs":{"d":"M14 16H6V14H14V16zM18 16H15V14H18V16zM9 13H6V11H9V13zM18 13H10V11H18V13z"}},{"elem":"path","attrs":{"fill-rule":"evenodd","d":"M22 20H2V4H22V20ZM4 18H20V6H4V18Z","clip-rule":"evenodd"}}],"name":"transcript","size":16};
|
|
741
741
|
|
|
742
|
-
var index$2={"elem":"svg","attrs":{"xmlns":"http://www.w3.org/2000/svg","fill":"currentColor","viewBox":"0 0 24 24","width":"24","height":"24"},"content":[{"elem":"path","attrs":{"
|
|
742
|
+
var index$2={"elem":"svg","attrs":{"xmlns":"http://www.w3.org/2000/svg","fill":"currentColor","viewBox":"0 0 24 24","width":"24","height":"24"},"content":[{"elem":"path","attrs":{"d":"M14 16H6V14H14V16zM18 16H15V14H18V16zM9 13H6V11H9V13zM18 13H10V11H18V13z"}},{"elem":"path","attrs":{"fill-rule":"evenodd","d":"M22 20H2V4H22V20ZM4 18H20V6H4V18Z","clip-rule":"evenodd"}}],"name":"transcript","size":"glyph"};
|
|
743
743
|
|
|
744
744
|
var _32$1={"elem":"svg","attrs":{"xmlns":"http://www.w3.org/2000/svg","fill":"currentColor","viewBox":"0 0 24 24","width":32,"height":32},"content":[{"elem":"path","attrs":{"d":"M17.5996 10.832L22 6.54199V18.458L17.5996 14.167V19H2V6H17.5996V10.832Z"}}],"name":"video","size":32};
|
|
745
745
|
|
package/dist/styles/global.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@charset "UTF-8";*,::after,::before{box-sizing:border-box}address,blockquote,body,dl,fieldset,figure,form,iframe,legend,ol,option,p,pre,table,ul{margin:0;padding:0;border:0}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;font-weight:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ul{list-style:none}table{border-color:inherit;border-collapse:collapse;border-spacing:0}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:0 0;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}textarea{overflow:auto}select{-webkit-appearance:none;-moz-appearance:none}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}:root{--ilo-fonts-display:Overpass,Noto Sans,sans-serif;--ilo-fonts-display-ar:Vazirmatn,sans-serif;--ilo-fonts-display-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-display-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-copy:Noto Sans,sans-serif;--ilo-fonts-copy-ar:Vazirmatn,sans-serif;--ilo-fonts-copy-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-copy-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-monospace:monospace;--ilo-line-height:1.46;--ilo-font-size-base:18.66px;--ilo-font-size-2xsm:px-to-rem(10px);--ilo-font-size-xsm:px-to-rem(12px);--ilo-font-size-sm:px-to-rem(14px);--ilo-font-size-md:px-to-rem(16px);--ilo-font-size-lg:px-to-rem(18px);--ilo-font-size-xlg:px-to-rem(24px);--ilo-font-size-2xlg:px-to-rem(28px);--ilo-font-size-3xlg:px-to-rem(32px);--ilo-font-size-4xlg:px-to-rem(36px);--ilo-font-size-5xlg:px-to-rem(44px);--ilo-font-weight-light:300;--ilo-font-weight-regular:400;--ilo-font-weight-medium:500;--ilo-font-weight-bold:700;--ilo-line-height-base:27.24px;--ilo-line-height-xsm:1.15;--ilo-line-height-sm:1.2;--ilo-line-height-md:1.25;--ilo-line-height-lg:1.3;--ilo-line-height-xlg:1.35;--ilo-line-height-2xlg:1.45;--ilo-line-height-3xlg:1.5;--ilo-letter-spacing-xsm:-3.5%;--ilo-letter-spacing-sm:-2%;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:2%}:root{--ilo-scale:1;--ilo-layout-max-width:69.667738478rem;--ilo-layout-padding:1.0718113612rem;--ilo-color-white:rgba(255, 255, 255, 1);--ilo-color-blue:rgba(30, 45, 190, 1);--ilo-color-blue-lighter:rgba(235, 245, 253, 1);--ilo-color-blue-light:rgba(190, 220, 250, 1);--ilo-color-blue-dark:rgba(35, 0, 80, 1);--ilo-color-blue-medium:rgba(210, 213, 242, 1);--ilo-color-blue-ramp:rgba(33, 18, 124, 1);--ilo-color-blue-dark-ramp:rgba(35, 0, 80, 0.5);--ilo-color-gray-charcoal:rgba(45, 45, 45, 1);--ilo-color-gray-accessible:rgba(109, 109, 109, 1);--ilo-color-gray-light:rgba(237, 240, 242, 1);--ilo-color-gray-light-semi-transparent:rgba(237, 240, 242, 0.25);--ilo-color-gray-base:rgba(184, 196, 204, 1);--ilo-color-red:rgba(250, 60, 75, 1);--ilo-color-red-light:rgba(254, 216, 219, 1);--ilo-color-red-dark:rgba(200, 48, 60, 1);--ilo-color-red-ramp:rgba(250, 60, 75, 0.2);--ilo-color-yellow:rgba(255, 205, 45, 1);--ilo-color-yellow-light:rgba(255, 245, 200, 1);--ilo-color-yellow-ramp:rgba(255, 205, 45, 0.2);--ilo-color-green:rgba(140, 225, 100, 1);--ilo-color-green-light:rgba(232, 249, 224, 1);--ilo-color-green-ramp:rgba(140, 225, 100, 0.2);--ilo-color-turquoise:rgba(5, 210, 210, 1);--ilo-color-purple:rgba(150, 10, 85, 1);--ilo-color-brand-800:rgba(35, 0, 80, 1);--ilo-color-brand-600:rgba(30, 45, 190, 1);--ilo-color-brand-100:rgba(235, 245, 253, 1);--ilo-color-yellow-500:rgba(250, 180, 40, 1);--ilo-color-notification-type-error:var(--ilo-color-red);--ilo-color-notification-type-info:var(--ilo-color-blue);--ilo-color-notification-type-success:var(--ilo-color-green);--ilo-color-notification-type-warning:var(--ilo-color-yellow);--ilo-color-background-default:var(--ilo-color-white);--ilo-color-background-active:var(--ilo-color-blue);--ilo-color-background-highlight:var(--ilo-color-gray-light);--ilo-color-background-hover:var(--ilo-color-blue-lighter);--ilo-color-background-focus:var(--ilo-color-white);--ilo-color-borders-default:var(--ilo-color-gray-base);--ilo-color-borders-hover:var(--ilo-color-blue);--ilo-color-borders-active:var(--ilo-color-blue);--ilo-color-borders-focus:var(--ilo-color-yellow);--ilo-breakpoint-xs:320px;--ilo-breakpoint-sm:414px;--ilo-breakpoint-md:610px;--ilo-breakpoint-lg:1024px;--ilo-breakpoint-xl:1140px;--ilo-breakpoint-xxl:1168px;--ilo-border-radius:calc(0.1071811361rem * var(--ilo-scale));--ilo-font-size-2xsm:calc(0.5359056806rem * var(--ilo-scale));--ilo-font-size-xsm:calc(0.6430868167rem * var(--ilo-scale));--ilo-font-size-sm:calc(0.7502679528rem * var(--ilo-scale));--ilo-font-size-md:calc(0.857449089rem * var(--ilo-scale));--ilo-font-size-lg:calc(0.9646302251rem * var(--ilo-scale));--ilo-font-size-xlg:calc(1.2861736334rem * var(--ilo-scale));--ilo-font-size-2xlg:calc(1.5005359057rem * var(--ilo-scale));--ilo-font-size-3xlg:calc(1.7148981779rem * var(--ilo-scale));--ilo-font-size-4xlg:calc(1.9292604502rem * var(--ilo-scale));--ilo-font-size-5xlg:calc(2.3579849946rem * var(--ilo-scale));--ilo-font-weight-regular:400;--ilo-font-weight-medium:500;--ilo-font-weight-bold:700;--ilo-line-height-xsm:115%;--ilo-line-height-sm:120%;--ilo-line-height-md:125%;--ilo-line-height-lg:130%;--ilo-line-height-xlg:135%;--ilo-line-height-2xlg:145%;--ilo-line-height-3xlg:150%;--ilo-letter-spacing-xsm:-0.035em;--ilo-letter-spacing-sm:-0.02em;--ilo-letter-spacing-md:0em;--ilo-letter-spacing-lg:0.02em;--ilo-spacing-base:calc(0.2143622722rem * var(--ilo-scale));--ilo-transition-duration:150ms;--ilo-transition-timing-function:ease-out;--ilo-border-xs:calc(0.0535905681rem * var(--ilo-scale));--ilo-border-sm:calc(0.0803858521rem * var(--ilo-scale));--ilo-border-md:calc(0.1071811361rem * var(--ilo-scale));--ilo-border-lg:calc(0.2143622722rem * var(--ilo-scale));--ilo-link-color-default-light:var(--ilo-color-blue-dark);--ilo-link-color-default-dark:var(--ilo-color-white);--ilo-link-color-visited-light:var(--ilo-color-purple);--ilo-link-color-visited-dark:var(--ilo-color-gray-base);--ilo-link-color-hover-light:var(--ilo-color-blue);--ilo-link-color-hover-dark:var(--ilo-color-blue);--ilo-link-color-active-light:var(--ilo-color-blue-dark);--ilo-link-color-active-dark:var(--ilo-color-blue-dark);--ilo-link-color-focus-light:var(--ilo-color-blue-dark);--ilo-link-color-focus-dark:var(--ilo-color-blue-dark);--ilo-link-background-default-light:transparent;--ilo-link-background-default-dark:transparent;--ilo-link-background-hover-light:transparent;--ilo-link-background-hover-dark:var(--ilo-color-white);--ilo-link-background-focus-light:var(--ilo-color-yellow);--ilo-link-background-focus-dark:var(--ilo-color-yellow)}:root[lang*=ar],[lang*=ar]{--ilo-fonts-display:var(--ilo-fonts-display-ar);--ilo-fonts-copy:var(--ilo-fonts-copy-ar);--ilo-letter-spacing-xsm:0;--ilo-letter-spacing-sm:0;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:0}:root[lang*=zh],[lang*=zh]{--ilo-fonts-display:var(--ilo-fonts-display-zh);--ilo-fonts-copy:var(--ilo-fonts-copy-zh)}:root[lang*=ja],[lang*=ja]{--ilo-fonts-display:var(--ilo-fonts-display-jp);--ilo-fonts-copy:var(--ilo-fonts-copy-jp)}body,html{color:var(--ilo-color-gray-charcoal);font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-base);line-height:var(--ilo-line-height-base);letter-spacing:normal;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:var(--ilo-fonts-display)}
|
|
1
|
+
@charset "UTF-8";*,::after,::before{box-sizing:border-box}address,blockquote,body,dl,fieldset,figure,form,iframe,legend,ol,option,p,pre,table,ul{margin:0;padding:0;border:0}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;font-weight:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ul{list-style:none}table{border-color:inherit;border-collapse:collapse;border-spacing:0}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:0 0;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}textarea{overflow:auto}select{-webkit-appearance:none;-moz-appearance:none}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}:root{--ilo-fonts-display:Overpass,Noto Sans,sans-serif;--ilo-fonts-display-ar:Vazirmatn,sans-serif;--ilo-fonts-display-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-display-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-copy:Noto Sans,sans-serif;--ilo-fonts-copy-ar:Vazirmatn,sans-serif;--ilo-fonts-copy-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-copy-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-monospace:monospace;--ilo-line-height:1.46;--ilo-font-size-base:18.66px;--ilo-font-size-2xsm:px-to-rem(10px);--ilo-font-size-xsm:px-to-rem(12px);--ilo-font-size-sm:px-to-rem(14px);--ilo-font-size-md:px-to-rem(16px);--ilo-font-size-lg:px-to-rem(18px);--ilo-font-size-xlg:px-to-rem(24px);--ilo-font-size-2xlg:px-to-rem(28px);--ilo-font-size-3xlg:px-to-rem(32px);--ilo-font-size-4xlg:px-to-rem(36px);--ilo-font-size-5xlg:px-to-rem(44px);--ilo-font-weight-light:300;--ilo-font-weight-regular:400;--ilo-font-weight-medium:500;--ilo-font-weight-bold:700;--ilo-line-height-base:27.24px;--ilo-line-height-xsm:1.15;--ilo-line-height-sm:1.2;--ilo-line-height-md:1.25;--ilo-line-height-lg:1.3;--ilo-line-height-xlg:1.35;--ilo-line-height-2xlg:1.45;--ilo-line-height-3xlg:1.5;--ilo-letter-spacing-xsm:-3.5%;--ilo-letter-spacing-sm:-2%;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:2%}:root{--ilo-scale:1;--ilo-layout-max-width:69.667738478rem;--ilo-layout-padding:1.0718113612rem;--ilo-color-white:var(--ilo-color-neutrals-white);--ilo-color-blue:var(--ilo-color-brand-600);--ilo-color-blue-lighter:var(--ilo-color-brand-100);--ilo-color-blue-light:var(--ilo-color-brand-200);--ilo-color-blue-dark:var(--ilo-color-brand-800);--ilo-color-blue-medium:rgba(210, 213, 242, 1);--ilo-color-blue-ramp:var(--ilo-color-brand-700);--ilo-color-blue-dark-ramp:var(--ilo-color-brand-800-transparent);--ilo-color-gray-charcoal:var(--ilo-color-neutrals-black);--ilo-color-gray-accessible:var(--ilo-color-neutrals-700);--ilo-color-gray-light:var(--ilo-color-neutrals-200);--ilo-color-gray-light-semi-transparent:rgba(237, 240, 242, 0.25);--ilo-color-gray-base:var(--ilo-color-neutrals-500);--ilo-color-red:var(--ilo-color-red-500);--ilo-color-red-light:var(--ilo-color-red-100);--ilo-color-red-dark:var(--ilo-color-red-600);--ilo-color-red-ramp:var(--ilo-color-red-500-transparent);--ilo-color-yellow:var(--ilo-color-yellow-400);--ilo-color-yellow-light:var(--ilo-color-yellow-100);--ilo-color-yellow-ramp:var(--ilo-color-yellow-400-transparent);--ilo-color-green:var(--ilo-color-green-400);--ilo-color-green-light:var(--ilo-color-green-100);--ilo-color-green-ramp:var(--ilo-color-green-400-transparent);--ilo-color-turquoise:var(--ilo-color-turquoise-500);--ilo-color-purple:var(--ilo-color-purple-600);--ilo-color-brand-800:rgba(35, 0, 80, 1);--ilo-color-brand-800-transparent:rgba(35, 0, 80, 0.5);--ilo-color-brand-700:rgba(21, 31, 133, 1);--ilo-color-brand-600:rgba(30, 45, 190, 1);--ilo-color-brand-600-transparent:rgba(30, 45, 190, 0.4);--ilo-color-brand-500:rgba(50, 100, 200, 1);--ilo-color-brand-400:rgba(90, 135, 205, 1);--ilo-color-brand-300:rgba(130, 175, 220, 1);--ilo-color-brand-200:rgba(190, 220, 250, 1);--ilo-color-brand-100:rgba(235, 245, 253, 1);--ilo-color-neutrals-black:rgba(45, 45, 45, 1);--ilo-color-neutrals-700:rgba(109, 109, 109, 1);--ilo-color-neutrals-500:rgba(184, 196, 204, 1);--ilo-color-neutrals-200:rgba(237, 240, 242, 1);--ilo-color-neutrals-white:rgba(255, 255, 255, 1);--ilo-color-red-800:rgba(125, 18, 26, 1);--ilo-color-red-700:rgba(150, 36, 45, 1);--ilo-color-red-600:rgba(200, 48, 60, 1);--ilo-color-red-500:rgba(250, 60, 75, 1);--ilo-color-red-500-transparent:rgba(250, 60, 75, 0.2);--ilo-color-red-400:rgba(251, 99, 111, 1);--ilo-color-red-300:rgba(252, 138, 147, 1);--ilo-color-red-200:rgba(253, 177, 183, 1);--ilo-color-red-100:rgba(254, 216, 219, 1);--ilo-color-yellow-800:rgba(165, 104, 3, 1);--ilo-color-yellow-700:rgba(215, 135, 0, 1);--ilo-color-yellow-600:rgba(228, 148, 40, 1);--ilo-color-yellow-500:rgba(250, 180, 40, 1);--ilo-color-yellow-400:rgba(255, 205, 45, 1);--ilo-color-yellow-400-transparent:rgba(255, 205, 45, 0.2);--ilo-color-yellow-300:rgba(255, 220, 108, 1);--ilo-color-yellow-200:rgba(255, 235, 171, 1);--ilo-color-yellow-100:rgba(255, 245, 200, 1);--ilo-color-green-800:rgba(21, 66, 0, 1);--ilo-color-green-700:rgba(56, 90, 40, 1);--ilo-color-green-600:rgba(84, 135, 60, 1);--ilo-color-green-500:rgba(112, 180, 80, 1);--ilo-color-green-400:rgba(140, 225, 100, 1);--ilo-color-green-400-transparent:rgba(140, 225, 100, 0.2);--ilo-color-green-300:rgba(175, 234, 147, 1);--ilo-color-green-200:rgba(209, 243, 193, 1);--ilo-color-green-100:rgba(232, 249, 224, 1);--ilo-color-turquoise-800:rgba(2, 84, 84, 1);--ilo-color-turquoise-700:rgba(4, 147, 147, 1);--ilo-color-turquoise-600:rgba(5, 189, 189, 1);--ilo-color-turquoise-500:rgba(5, 210, 210, 1);--ilo-color-turquoise-400:rgba(105, 228, 228, 1);--ilo-color-turquoise-300:rgba(158, 242, 242, 1);--ilo-color-turquoise-200:rgba(180, 250, 247, 1);--ilo-color-turquoise-100:rgba(210, 251, 251, 1);--ilo-color-purple-800:rgba(95, 0, 55, 1);--ilo-color-purple-700:rgba(119, 20, 73, 1);--ilo-color-purple-600:rgba(150, 10, 85, 1);--ilo-color-purple-500:rgba(171, 59, 119, 1);--ilo-color-purple-400:rgba(203, 133, 170, 1);--ilo-color-purple-300:rgba(224, 182, 204, 1);--ilo-color-purple-200:rgba(240, 210, 224, 1);--ilo-color-purple-100:rgba(245, 231, 238, 1);--ilo-color-light-text-default:var(--ilo-color-neutrals-black);--ilo-color-light-text-subtle:var(--ilo-color-neutrals-700);--ilo-color-light-text-brand:var(--ilo-color-brand-800);--ilo-color-light-text-accent:var(--ilo-color-purple-600);--ilo-color-light-text-inverse:var(--ilo-color-neutrals-white);--ilo-color-light-action-default:var(--ilo-color-brand-800);--ilo-color-light-action-hover:var(--ilo-color-brand-600);--ilo-color-light-action-selected:var(--ilo-color-brand-600);--ilo-color-light-action-inverse:var(--ilo-color-neutrals-white);--ilo-color-light-icon-default:var(--ilo-color-neutrals-black);--ilo-color-light-icon-subtle:var(--ilo-color-neutrals-500);--ilo-color-light-icon-accent:var(--ilo-color-purple-600);--ilo-color-light-icon-inverse:var(--ilo-color-neutrals-white);--ilo-color-light-border-default:var(--ilo-color-neutrals-500);--ilo-color-light-border-subtle:var(--ilo-color-neutrals-200);--ilo-color-light-border-brand:var(--ilo-color-brand-600);--ilo-color-light-border-brand-2:var(--ilo-color-brand-200);--ilo-color-light-border-brand-3:var(--ilo-color-brand-800);--ilo-color-light-border-brand-4:var(--ilo-color-purple-600);--ilo-color-light-border-focus:var(--ilo-color-yellow-400);--ilo-color-light-border-inverse:var(--ilo-color-neutrals-white);--ilo-color-light-container-bg-default:var(--ilo-color-neutrals-white);--ilo-color-light-container-bg-subtle:var(--ilo-color-brand-100);--ilo-color-light-container-bg-brand:var(--ilo-color-brand-800);--ilo-color-light-container-bg-disabled:var(--ilo-color-neutrals-200);--ilo-color-light-page-bg-default:var(--ilo-color-neutrals-white);--ilo-color-light-page-bg-subtle:var(--ilo-color-brand-100);--ilo-color-light-feedback-error-dark:var(--ilo-color-red-600);--ilo-color-light-feedback-error-default:var(--ilo-color-red-500);--ilo-color-light-feedback-error-light:var(--ilo-color-red-100);--ilo-color-light-feedback-warning-default:var(--ilo-color-yellow-400);--ilo-color-light-feedback-warning-light:var(--ilo-color-yellow-100);--ilo-color-light-feedback-success-default:var(--ilo-color-green-400);--ilo-color-light-feedback-success-light:var(--ilo-color-green-100);--ilo-color-light-feedback-info-default:var(--ilo-color-brand-600);--ilo-color-light-feedback-info-light:var(--ilo-color-brand-200);--ilo-color-light-generic-turquoise:var(--ilo-color-turquoise-500);--ilo-color-light-generic-purple:var(--ilo-color-purple-600);--ilo-color-light-generic-green:var(--ilo-color-green-400);--ilo-color-light-generic-yellow:var(--ilo-color-yellow-400);--ilo-color-light-generic-ilo-light-blue:var(--ilo-color-brand-100);--ilo-color-dark-text-default:var(--ilo-color-neutrals-white);--ilo-color-dark-text-subtle:var(--ilo-color-neutrals-200);--ilo-color-dark-text-brand:var(--ilo-color-brand-200);--ilo-color-dark-text-accent:var(--ilo-color-yellow-400);--ilo-color-dark-text-inverse:var(--ilo-color-brand-800);--ilo-color-dark-action-default:var(--ilo-color-brand-100);--ilo-color-dark-action-hover:var(--ilo-color-brand-200);--ilo-color-dark-action-selected:var(--ilo-color-brand-200);--ilo-color-dark-action-inverse:var(--ilo-color-brand-800);--ilo-color-dark-icon-default:var(--ilo-color-neutrals-white);--ilo-color-dark-icon-subtle:var(--ilo-color-neutrals-700);--ilo-color-dark-icon-accent:var(--ilo-color-yellow-400);--ilo-color-dark-icon-inverse:var(--ilo-color-brand-800);--ilo-color-dark-border-default:var(--ilo-color-neutrals-white);--ilo-color-dark-border-subtle:var(--ilo-color-neutrals-700);--ilo-color-dark-border-brand:var(--ilo-color-brand-200);--ilo-color-dark-border-brand-2:var(--ilo-color-brand-800);--ilo-color-dark-border-brand-3:var(--ilo-color-brand-100);--ilo-color-dark-border-brand-4:var(--ilo-color-yellow-400);--ilo-color-dark-border-focus:var(--ilo-color-yellow-400);--ilo-color-dark-border-inverse:var(--ilo-color-brand-800);--ilo-color-dark-container-bg-default:var(--ilo-color-brand-800);--ilo-color-dark-container-bg-subtle:var(--ilo-color-brand-600);--ilo-color-dark-container-bg-brand:var(--ilo-color-brand-100);--ilo-color-dark-container-bg-disabled:var(--ilo-color-neutrals-black);--ilo-color-dark-page-bg-default:var(--ilo-color-brand-800);--ilo-color-dark-page-bg-subtle:var(--ilo-color-neutrals-black);--ilo-color-dark-feedback-error-dark:var(--ilo-color-red-100);--ilo-color-dark-feedback-error-default:var(--ilo-color-red-500);--ilo-color-dark-feedback-error-light:var(--ilo-color-red-600);--ilo-color-dark-feedback-warning-default:var(--ilo-color-yellow-400);--ilo-color-dark-feedback-warning-light:var(--ilo-color-yellow-800);--ilo-color-dark-feedback-success-default:var(--ilo-color-green-400);--ilo-color-dark-feedback-success-light:var(--ilo-color-green-800);--ilo-color-dark-feedback-info-default:var(--ilo-color-brand-600);--ilo-color-dark-feedback-info-light:var(--ilo-color-brand-800);--ilo-color-dark-generic-turquoise:var(--ilo-color-turquoise-500);--ilo-color-dark-generic-purple:var(--ilo-color-purple-600);--ilo-color-dark-generic-green:var(--ilo-color-green-400);--ilo-color-dark-generic-yellow:var(--ilo-color-yellow-400);--ilo-color-dark-generic-ilo-light-blue:var(--ilo-color-brand-200);--ilo-color-notification-type-error:var(--ilo-color-red-500);--ilo-color-notification-type-info:var(--ilo-color-brand-600);--ilo-color-notification-type-success:var(--ilo-color-green-400);--ilo-color-notification-type-warning:var(--ilo-color-yellow-400);--ilo-color-background-default:var(--ilo-color-neutrals-white);--ilo-color-background-active:var(--ilo-color-brand-600);--ilo-color-background-highlight:var(--ilo-color-neutrals-200);--ilo-color-background-hover:var(--ilo-color-brand-100);--ilo-color-background-focus:var(--ilo-color-neutrals-white);--ilo-color-borders-default:var(--ilo-color-neutrals-500);--ilo-color-borders-hover:var(--ilo-color-brand-600);--ilo-color-borders-active:var(--ilo-color-brand-600);--ilo-color-borders-focus:var(--ilo-color-yellow-400);--ilo-breakpoint-xs:320px;--ilo-breakpoint-sm:414px;--ilo-breakpoint-md:610px;--ilo-breakpoint-lg:1024px;--ilo-breakpoint-xl:1140px;--ilo-breakpoint-xxl:1168px;--ilo-border-radius:calc(0.1071811361rem * var(--ilo-scale));--ilo-font-size-2xsm:calc(0.5359056806rem * var(--ilo-scale));--ilo-font-size-xsm:calc(0.6430868167rem * var(--ilo-scale));--ilo-font-size-sm:calc(0.7502679528rem * var(--ilo-scale));--ilo-font-size-md:calc(0.857449089rem * var(--ilo-scale));--ilo-font-size-lg:calc(0.9646302251rem * var(--ilo-scale));--ilo-font-size-xlg:calc(1.2861736334rem * var(--ilo-scale));--ilo-font-size-2xlg:calc(1.5005359057rem * var(--ilo-scale));--ilo-font-size-3xlg:calc(1.7148981779rem * var(--ilo-scale));--ilo-font-size-4xlg:calc(1.9292604502rem * var(--ilo-scale));--ilo-font-size-5xlg:calc(2.3579849946rem * var(--ilo-scale));--ilo-font-weight-regular:400;--ilo-font-weight-medium:500;--ilo-font-weight-bold:700;--ilo-line-height-xsm:115%;--ilo-line-height-sm:120%;--ilo-line-height-md:125%;--ilo-line-height-lg:130%;--ilo-line-height-xlg:135%;--ilo-line-height-2xlg:145%;--ilo-line-height-3xlg:150%;--ilo-letter-spacing-xsm:-0.035em;--ilo-letter-spacing-sm:-0.02em;--ilo-letter-spacing-md:0em;--ilo-letter-spacing-lg:0.02em;--ilo-spacing-base:calc(0.2143622722rem * var(--ilo-scale));--ilo-transition-duration:150ms;--ilo-transition-timing-function:ease-out;--ilo-border-xs:calc(0.0535905681rem * var(--ilo-scale));--ilo-border-sm:calc(0.0803858521rem * var(--ilo-scale));--ilo-border-md:calc(0.1071811361rem * var(--ilo-scale));--ilo-border-lg:calc(0.2143622722rem * var(--ilo-scale));--ilo-link-color-default-light:var(--ilo-color-brand-800);--ilo-link-color-default-dark:var(--ilo-color-neutrals-white);--ilo-link-color-visited-light:var(--ilo-color-purple-600);--ilo-link-color-visited-dark:var(--ilo-color-neutrals-500);--ilo-link-color-hover-light:var(--ilo-color-brand-600);--ilo-link-color-hover-dark:var(--ilo-color-brand-600);--ilo-link-color-active-light:var(--ilo-color-brand-800);--ilo-link-color-active-dark:var(--ilo-color-brand-800);--ilo-link-color-focus-light:var(--ilo-color-brand-800);--ilo-link-color-focus-dark:var(--ilo-color-brand-800);--ilo-link-background-default-light:transparent;--ilo-link-background-default-dark:transparent;--ilo-link-background-hover-light:transparent;--ilo-link-background-hover-dark:var(--ilo-color-neutrals-white);--ilo-link-background-focus-light:var(--ilo-color-yellow-400);--ilo-link-background-focus-dark:var(--ilo-color-yellow-400)}:root[lang*=ar],[lang*=ar]{--ilo-fonts-display:var(--ilo-fonts-display-ar);--ilo-fonts-copy:var(--ilo-fonts-copy-ar);--ilo-letter-spacing-xsm:0;--ilo-letter-spacing-sm:0;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:0}:root[lang*=zh],[lang*=zh]{--ilo-fonts-display:var(--ilo-fonts-display-zh);--ilo-fonts-copy:var(--ilo-fonts-copy-zh)}:root[lang*=ja],[lang*=ja]{--ilo-fonts-display:var(--ilo-fonts-display-jp);--ilo-fonts-copy:var(--ilo-fonts-copy-jp)}body,html{color:var(--ilo-color-gray-charcoal);font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-base);line-height:var(--ilo-line-height-base);letter-spacing:normal;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:var(--ilo-fonts-display)}
|
|
2
2
|
/*# sourceMappingURL=global.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["_reset.scss","theme/_typography.scss","theme/_foundation.scss","_typography.scss"],"names":[],"mappings":"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","file":"global.css","sourcesContent":["/**\n* This file is an opinionated reset that is based on https://nicolas-cusan.github.io/destyle.css/\n* it aims to provide a clean layer for styling, the reset should be used with normalize.css in order to create\n* a normalized base\n**/\n\n*,\n::before,\n::after {\n box-sizing: border-box;\n}\n\nbody,\np,\ntable,\nblockquote,\naddress,\npre,\niframe,\nform,\nfigure,\ndl,\nul,\nol,\nfieldset,\noption,\nlegend {\n margin: 0;\n padding: 0;\n border: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 0;\n font-size: inherit;\n font-weight: inherit;\n}\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nul {\n list-style: none;\n}\n\ntable {\n border-color: inherit;\n border-collapse: collapse;\n border-spacing: 0;\n}\n\ntd,\nth {\n vertical-align: top;\n padding: 0;\n}\n\nth {\n text-align: left;\n font-weight: bold;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n -webkit-appearance: none;\n appearance: none;\n vertical-align: middle;\n color: inherit;\n font: inherit;\n background: transparent;\n padding: 0;\n margin: 0;\n border-radius: 0;\n text-align: inherit;\n text-transform: inherit;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n border-top-width: 1px;\n margin: 0;\n clear: both;\n color: inherit;\n}\n\ntextarea {\n overflow: auto;\n}\n\nselect {\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n\n/// Makes SVGs accessible in high contrast mode\n/// @link https://github.com/IBM/carbon-elements/issues/345#issuecomment-466577293 Carbon-elements #345\n@media screen and (-ms-high-contrast: active) {\n svg {\n fill: ButtonText;\n }\n}\n","@use \"../config\" as *;\n\n:root {\n // Display Font Families\n --ilo-fonts-display: Overpass, Noto Sans, sans-serif;\n --ilo-fonts-display-ar: Vazirmatn, sans-serif;\n --ilo-fonts-display-zh: PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;\n --ilo-fonts-display-jp: Noto Sans CJK JP, Yu Gothic, Hiragino Sans,\n TakaoPGothic, sans-serif;\n\n // Copy font families\n --ilo-fonts-copy: Noto Sans, sans-serif;\n --ilo-fonts-copy-ar: Vazirmatn, sans-serif;\n --ilo-fonts-copy-zh: PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;\n --ilo-fonts-copy-jp: Noto Sans CJK JP, Yu Gothic, Hiragino Sans, TakaoPGothic,\n sans-serif;\n\n --ilo-fonts-monospace: monospace;\n --ilo-line-height: 1.46;\n\n // Font Sizes\n --ilo-font-size-base: #{$base-font-size};\n --ilo-font-size-2xsm: px-to-rem(10px);\n --ilo-font-size-xsm: px-to-rem(12px);\n --ilo-font-size-sm: px-to-rem(14px);\n --ilo-font-size-md: px-to-rem(16px);\n --ilo-font-size-lg: px-to-rem(18px);\n --ilo-font-size-xlg: px-to-rem(24px);\n --ilo-font-size-2xlg: px-to-rem(28px);\n --ilo-font-size-3xlg: px-to-rem(32px);\n --ilo-font-size-4xlg: px-to-rem(36px);\n --ilo-font-size-5xlg: px-to-rem(44px);\n\n // Font Weight\n --ilo-font-weight-light: 300;\n --ilo-font-weight-regular: 400;\n --ilo-font-weight-medium: 500;\n --ilo-font-weight-bold: 700;\n\n // Line Height\n --ilo-line-height-base: 27.24px;\n --ilo-line-height-xsm: 1.15;\n --ilo-line-height-sm: 1.2;\n --ilo-line-height-md: 1.25;\n --ilo-line-height-lg: 1.3;\n --ilo-line-height-xlg: 1.35;\n --ilo-line-height-2xlg: 1.45;\n --ilo-line-height-3xlg: 1.5;\n\n // Letter Spacing\n --ilo-letter-spacing-xsm: -3.5%;\n --ilo-letter-spacing-sm: -2%;\n --ilo-letter-spacing-md: 0;\n --ilo-letter-spacing-lg: 2%;\n}\n","@use \"../functions\" as *;\n@use \"./breakpoints\" as *;\n@use \"./typography\" as *;\n\n:root {\n --ilo-scale: 1; // default scale for the design system\n\n /**\n * Layout\n */\n --ilo-layout-max-width: #{px-to-rem(1300px)};\n --ilo-layout-padding: #{px-to-rem(20px)};\n\n /**\n * Colors\n */\n --ilo-color-white: rgba(255, 255, 255, 1);\n --ilo-color-blue: rgba(30, 45, 190, 1);\n --ilo-color-blue-lighter: rgba(235, 245, 253, 1);\n --ilo-color-blue-light: rgba(190, 220, 250, 1);\n --ilo-color-blue-dark: rgba(35, 0, 80, 1);\n --ilo-color-blue-medium: rgba(210, 213, 242, 1);\n --ilo-color-blue-ramp: rgba(33, 18, 124, 1);\n --ilo-color-blue-dark-ramp: rgba(35, 0, 80, 0.5);\n --ilo-color-gray-charcoal: rgba(45, 45, 45, 1);\n --ilo-color-gray-accessible: rgba(109, 109, 109, 1);\n --ilo-color-gray-light: rgba(237, 240, 242, 1);\n --ilo-color-gray-light-semi-transparent: rgba(237, 240, 242, 0.25);\n --ilo-color-gray-base: rgba(184, 196, 204, 1);\n --ilo-color-red: rgba(250, 60, 75, 1);\n --ilo-color-red-light: rgba(254, 216, 219, 1);\n --ilo-color-red-dark: rgba(200, 48, 60, 1);\n --ilo-color-red-ramp: rgba(250, 60, 75, 0.2);\n --ilo-color-yellow: rgba(255, 205, 45, 1);\n --ilo-color-yellow-light: rgba(255, 245, 200, 1);\n --ilo-color-yellow-ramp: rgba(255, 205, 45, 0.2);\n --ilo-color-green: rgba(140, 225, 100, 1);\n --ilo-color-green-light: rgba(232, 249, 224, 1);\n --ilo-color-green-ramp: rgba(140, 225, 100, 0.2);\n --ilo-color-turquoise: rgba(5, 210, 210, 1);\n --ilo-color-purple: rgba(150, 10, 85, 1);\n\n /* New colors */\n --ilo-color-brand-800: rgba(35, 0, 80, 1);\n --ilo-color-brand-600: rgba(30, 45, 190, 1);\n --ilo-color-brand-100: rgba(235, 245, 253, 1);\n --ilo-color-yellow-500: rgba(250, 180, 40, 1);\n\n --ilo-color-notification-type-error: var(--ilo-color-red);\n --ilo-color-notification-type-info: var(--ilo-color-blue);\n --ilo-color-notification-type-success: var(--ilo-color-green);\n --ilo-color-notification-type-warning: var(--ilo-color-yellow);\n --ilo-color-background-default: var(--ilo-color-white);\n --ilo-color-background-active: var(--ilo-color-blue);\n --ilo-color-background-highlight: var(--ilo-color-gray-light);\n --ilo-color-background-hover: var(--ilo-color-blue-lighter);\n --ilo-color-background-focus: var(--ilo-color-white);\n\n --ilo-color-borders-default: var(--ilo-color-gray-base);\n --ilo-color-borders-hover: var(--ilo-color-blue);\n --ilo-color-borders-active: var(--ilo-color-blue);\n --ilo-color-borders-focus: var(--ilo-color-yellow);\n\n /**\n * Sizing\n */\n --ilo-breakpoint-xs: #{map-get($breakpoints-foundation, \"xs\")};\n --ilo-breakpoint-sm: #{map-get($breakpoints-foundation, \"sm\")};\n --ilo-breakpoint-md: #{map-get($breakpoints-foundation, \"md\")};\n --ilo-breakpoint-lg: #{map-get($breakpoints-foundation, \"lg\")};\n --ilo-breakpoint-xl: #{map-get($breakpoints-foundation, \"xl\")};\n --ilo-breakpoint-xxl: #{map-get($breakpoints-foundation, \"xxl\")};\n --ilo-border-radius: calc(#{px-to-rem(2)} * var(--ilo-scale));\n\n /**\n * Font-size\n */\n --ilo-font-size-2xsm: calc(#{px-to-rem(10)} * var(--ilo-scale));\n --ilo-font-size-xsm: calc(#{px-to-rem(12)} * var(--ilo-scale));\n --ilo-font-size-sm: calc(#{px-to-rem(14)} * var(--ilo-scale));\n --ilo-font-size-md: calc(#{px-to-rem(16)} * var(--ilo-scale));\n --ilo-font-size-lg: calc(#{px-to-rem(18)} * var(--ilo-scale));\n --ilo-font-size-xlg: calc(#{px-to-rem(24)} * var(--ilo-scale));\n --ilo-font-size-2xlg: calc(#{px-to-rem(28)} * var(--ilo-scale));\n --ilo-font-size-3xlg: calc(#{px-to-rem(32)} * var(--ilo-scale));\n --ilo-font-size-4xlg: calc(#{px-to-rem(36)} * var(--ilo-scale));\n --ilo-font-size-5xlg: calc(#{px-to-rem(44)} * var(--ilo-scale));\n\n /**\n * Font-weight\n */\n --ilo-font-weight-regular: 400;\n --ilo-font-weight-medium: 500;\n --ilo-font-weight-bold: 700;\n\n /**\n * Line Height\n */\n --ilo-line-height-xsm: 115%;\n --ilo-line-height-sm: 120%;\n --ilo-line-height-md: 125%;\n --ilo-line-height-lg: 130%;\n --ilo-line-height-xlg: 135%;\n --ilo-line-height-2xlg: 145%;\n --ilo-line-height-3xlg: 150%;\n\n /**\n * Letter spacing\n */\n --ilo-letter-spacing-xsm: -0.035em;\n --ilo-letter-spacing-sm: -0.02em;\n --ilo-letter-spacing-md: 0em;\n --ilo-letter-spacing-lg: 0.02em;\n\n /**\n * Spacing\n */\n --ilo-spacing-base: calc(#{px-to-rem(4)} * var(--ilo-scale));\n\n /**\n * Transition\n */\n --ilo-transition-duration: 150ms;\n --ilo-transition-timing-function: ease-out;\n\n /**\n * Border\n */\n --ilo-border-xs: calc(#{px-to-rem(1)} * var(--ilo-scale));\n --ilo-border-sm: calc(#{px-to-rem(1.5)} * var(--ilo-scale));\n --ilo-border-md: calc(#{px-to-rem(2)} * var(--ilo-scale));\n --ilo-border-lg: calc(#{px-to-rem(4)} * var(--ilo-scale));\n\n /**\n * Links\n */\n --ilo-link-color-default-light: var(--ilo-color-blue-dark);\n --ilo-link-color-default-dark: var(--ilo-color-white);\n\n --ilo-link-color-visited-light: var(--ilo-color-purple);\n --ilo-link-color-visited-dark: var(--ilo-color-gray-base);\n\n --ilo-link-color-hover-light: var(--ilo-color-blue);\n --ilo-link-color-hover-dark: var(--ilo-color-blue);\n\n --ilo-link-color-active-light: var(--ilo-color-blue-dark);\n --ilo-link-color-active-dark: var(--ilo-color-blue-dark);\n\n --ilo-link-color-focus-light: var(--ilo-color-blue-dark);\n --ilo-link-color-focus-dark: var(--ilo-color-blue-dark);\n\n --ilo-link-background-default-light: transparent;\n --ilo-link-background-default-dark: transparent;\n\n --ilo-link-background-hover-light: transparent;\n --ilo-link-background-hover-dark: var(--ilo-color-white);\n\n --ilo-link-background-focus-light: var(--ilo-color-yellow);\n --ilo-link-background-focus-dark: var(--ilo-color-yellow);\n}\n","// Set Arabic fonts\n:root[lang*=\"ar\"],\n[lang*=\"ar\"] {\n --ilo-fonts-display: var(--ilo-fonts-display-ar);\n --ilo-fonts-copy: var(--ilo-fonts-copy-ar);\n\n // Letter spacing overrides for Arabic. Different letter spacing values cause incorrect\n // glpyhs to be rendered. See https://github.com/international-labour-organization/designsystem/issues/1547\n --ilo-letter-spacing-xsm: 0;\n --ilo-letter-spacing-sm: 0;\n --ilo-letter-spacing-md: 0;\n --ilo-letter-spacing-lg: 0;\n}\n\n// Set Chinese system fonts\n:root[lang*=\"zh\"],\n[lang*=\"zh\"] {\n --ilo-fonts-display: var(--ilo-fonts-display-zh);\n --ilo-fonts-copy: var(--ilo-fonts-copy-zh);\n}\n\n// Set Japanese system fonts\n:root[lang*=\"ja\"],\n[lang*=\"ja\"] {\n --ilo-fonts-display: var(--ilo-fonts-display-jp);\n --ilo-fonts-copy: var(--ilo-fonts-copy-jp);\n}\n\nhtml,\nbody {\n color: var(--ilo-color-gray-charcoal);\n font-family: var(--ilo-fonts-copy);\n font-size: var(--ilo-font-size-base);\n line-height: var(--ilo-line-height-base);\n letter-spacing: normal;\n -webkit-font-smoothing: antialiased;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh5 {\n font-family: var(--ilo-fonts-display);\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["_reset.scss","theme/_typography.scss","theme/_foundation.scss","_typography.scss"],"names":[],"mappings":"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","file":"global.css","sourcesContent":["/**\n* This file is an opinionated reset that is based on https://nicolas-cusan.github.io/destyle.css/\n* it aims to provide a clean layer for styling, the reset should be used with normalize.css in order to create\n* a normalized base\n**/\n\n*,\n::before,\n::after {\n box-sizing: border-box;\n}\n\nbody,\np,\ntable,\nblockquote,\naddress,\npre,\niframe,\nform,\nfigure,\ndl,\nul,\nol,\nfieldset,\noption,\nlegend {\n margin: 0;\n padding: 0;\n border: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 0;\n font-size: inherit;\n font-weight: inherit;\n}\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nul {\n list-style: none;\n}\n\ntable {\n border-color: inherit;\n border-collapse: collapse;\n border-spacing: 0;\n}\n\ntd,\nth {\n vertical-align: top;\n padding: 0;\n}\n\nth {\n text-align: left;\n font-weight: bold;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n -webkit-appearance: none;\n appearance: none;\n vertical-align: middle;\n color: inherit;\n font: inherit;\n background: transparent;\n padding: 0;\n margin: 0;\n border-radius: 0;\n text-align: inherit;\n text-transform: inherit;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n border-top-width: 1px;\n margin: 0;\n clear: both;\n color: inherit;\n}\n\ntextarea {\n overflow: auto;\n}\n\nselect {\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n\n/// Makes SVGs accessible in high contrast mode\n/// @link https://github.com/IBM/carbon-elements/issues/345#issuecomment-466577293 Carbon-elements #345\n@media screen and (-ms-high-contrast: active) {\n svg {\n fill: ButtonText;\n }\n}\n","@use \"../config\" as *;\n\n:root {\n // Display Font Families\n --ilo-fonts-display: Overpass, Noto Sans, sans-serif;\n --ilo-fonts-display-ar: Vazirmatn, sans-serif;\n --ilo-fonts-display-zh: PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;\n --ilo-fonts-display-jp: Noto Sans CJK JP, Yu Gothic, Hiragino Sans,\n TakaoPGothic, sans-serif;\n\n // Copy font families\n --ilo-fonts-copy: Noto Sans, sans-serif;\n --ilo-fonts-copy-ar: Vazirmatn, sans-serif;\n --ilo-fonts-copy-zh: PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;\n --ilo-fonts-copy-jp: Noto Sans CJK JP, Yu Gothic, Hiragino Sans, TakaoPGothic,\n sans-serif;\n\n --ilo-fonts-monospace: monospace;\n --ilo-line-height: 1.46;\n\n // Font Sizes\n --ilo-font-size-base: #{$base-font-size};\n --ilo-font-size-2xsm: px-to-rem(10px);\n --ilo-font-size-xsm: px-to-rem(12px);\n --ilo-font-size-sm: px-to-rem(14px);\n --ilo-font-size-md: px-to-rem(16px);\n --ilo-font-size-lg: px-to-rem(18px);\n --ilo-font-size-xlg: px-to-rem(24px);\n --ilo-font-size-2xlg: px-to-rem(28px);\n --ilo-font-size-3xlg: px-to-rem(32px);\n --ilo-font-size-4xlg: px-to-rem(36px);\n --ilo-font-size-5xlg: px-to-rem(44px);\n\n // Font Weight\n --ilo-font-weight-light: 300;\n --ilo-font-weight-regular: 400;\n --ilo-font-weight-medium: 500;\n --ilo-font-weight-bold: 700;\n\n // Line Height\n --ilo-line-height-base: 27.24px;\n --ilo-line-height-xsm: 1.15;\n --ilo-line-height-sm: 1.2;\n --ilo-line-height-md: 1.25;\n --ilo-line-height-lg: 1.3;\n --ilo-line-height-xlg: 1.35;\n --ilo-line-height-2xlg: 1.45;\n --ilo-line-height-3xlg: 1.5;\n\n // Letter Spacing\n --ilo-letter-spacing-xsm: -3.5%;\n --ilo-letter-spacing-sm: -2%;\n --ilo-letter-spacing-md: 0;\n --ilo-letter-spacing-lg: 2%;\n}\n","@use \"../functions\" as *;\n@use \"./breakpoints\" as *;\n@use \"./typography\" as *;\n\n:root {\n --ilo-scale: 1; // default scale for the design system\n\n /**\n * Layout\n */\n --ilo-layout-max-width: #{px-to-rem(1300px)};\n --ilo-layout-padding: #{px-to-rem(20px)};\n\n /**\n * Legacy Colors (aliases pointing to new global colors)\n */\n --ilo-color-white: var(--ilo-color-neutrals-white);\n --ilo-color-blue: var(--ilo-color-brand-600);\n --ilo-color-blue-lighter: var(--ilo-color-brand-100);\n --ilo-color-blue-light: var(--ilo-color-brand-200);\n --ilo-color-blue-dark: var(--ilo-color-brand-800);\n --ilo-color-blue-medium: rgba(210, 213, 242, 1);\n --ilo-color-blue-ramp: var(--ilo-color-brand-700);\n --ilo-color-blue-dark-ramp: var(--ilo-color-brand-800-transparent);\n --ilo-color-gray-charcoal: var(--ilo-color-neutrals-black);\n --ilo-color-gray-accessible: var(--ilo-color-neutrals-700);\n --ilo-color-gray-light: var(--ilo-color-neutrals-200);\n --ilo-color-gray-light-semi-transparent: rgba(237, 240, 242, 0.25);\n --ilo-color-gray-base: var(--ilo-color-neutrals-500);\n --ilo-color-red: var(--ilo-color-red-500);\n --ilo-color-red-light: var(--ilo-color-red-100);\n --ilo-color-red-dark: var(--ilo-color-red-600);\n --ilo-color-red-ramp: var(--ilo-color-red-500-transparent);\n --ilo-color-yellow: var(--ilo-color-yellow-400);\n --ilo-color-yellow-light: var(--ilo-color-yellow-100);\n --ilo-color-yellow-ramp: var(--ilo-color-yellow-400-transparent);\n --ilo-color-green: var(--ilo-color-green-400);\n --ilo-color-green-light: var(--ilo-color-green-100);\n --ilo-color-green-ramp: var(--ilo-color-green-400-transparent);\n --ilo-color-turquoise: var(--ilo-color-turquoise-500);\n --ilo-color-purple: var(--ilo-color-purple-600);\n\n /**\n * New Global Colors\n */\n\n // Brand\n --ilo-color-brand-800: rgba(35, 0, 80, 1);\n --ilo-color-brand-800-transparent: rgba(35, 0, 80, 0.5);\n --ilo-color-brand-700: rgba(21, 31, 133, 1);\n --ilo-color-brand-600: rgba(30, 45, 190, 1);\n --ilo-color-brand-600-transparent: rgba(30, 45, 190, 0.4);\n --ilo-color-brand-500: rgba(50, 100, 200, 1);\n --ilo-color-brand-400: rgba(90, 135, 205, 1);\n --ilo-color-brand-300: rgba(130, 175, 220, 1);\n --ilo-color-brand-200: rgba(190, 220, 250, 1);\n --ilo-color-brand-100: rgba(235, 245, 253, 1);\n\n // Neutrals\n --ilo-color-neutrals-black: rgba(45, 45, 45, 1);\n --ilo-color-neutrals-700: rgba(109, 109, 109, 1);\n --ilo-color-neutrals-500: rgba(184, 196, 204, 1);\n --ilo-color-neutrals-200: rgba(237, 240, 242, 1);\n --ilo-color-neutrals-white: rgba(255, 255, 255, 1);\n\n // Red\n --ilo-color-red-800: rgba(125, 18, 26, 1);\n --ilo-color-red-700: rgba(150, 36, 45, 1);\n --ilo-color-red-600: rgba(200, 48, 60, 1);\n --ilo-color-red-500: rgba(250, 60, 75, 1);\n --ilo-color-red-500-transparent: rgba(250, 60, 75, 0.2);\n --ilo-color-red-400: rgba(251, 99, 111, 1);\n --ilo-color-red-300: rgba(252, 138, 147, 1);\n --ilo-color-red-200: rgba(253, 177, 183, 1);\n --ilo-color-red-100: rgba(254, 216, 219, 1);\n\n // Yellow\n --ilo-color-yellow-800: rgba(165, 104, 3, 1);\n --ilo-color-yellow-700: rgba(215, 135, 0, 1);\n --ilo-color-yellow-600: rgba(228, 148, 40, 1);\n --ilo-color-yellow-500: rgba(250, 180, 40, 1);\n --ilo-color-yellow-400: rgba(255, 205, 45, 1);\n --ilo-color-yellow-400-transparent: rgba(255, 205, 45, 0.2);\n --ilo-color-yellow-300: rgba(255, 220, 108, 1);\n --ilo-color-yellow-200: rgba(255, 235, 171, 1);\n --ilo-color-yellow-100: rgba(255, 245, 200, 1);\n\n // Green\n --ilo-color-green-800: rgba(21, 66, 0, 1);\n --ilo-color-green-700: rgba(56, 90, 40, 1);\n --ilo-color-green-600: rgba(84, 135, 60, 1);\n --ilo-color-green-500: rgba(112, 180, 80, 1);\n --ilo-color-green-400: rgba(140, 225, 100, 1);\n --ilo-color-green-400-transparent: rgba(140, 225, 100, 0.2);\n --ilo-color-green-300: rgba(175, 234, 147, 1);\n --ilo-color-green-200: rgba(209, 243, 193, 1);\n --ilo-color-green-100: rgba(232, 249, 224, 1);\n\n // Turquoise\n --ilo-color-turquoise-800: rgba(2, 84, 84, 1);\n --ilo-color-turquoise-700: rgba(4, 147, 147, 1);\n --ilo-color-turquoise-600: rgba(5, 189, 189, 1);\n --ilo-color-turquoise-500: rgba(5, 210, 210, 1);\n --ilo-color-turquoise-400: rgba(105, 228, 228, 1);\n --ilo-color-turquoise-300: rgba(158, 242, 242, 1);\n --ilo-color-turquoise-200: rgba(180, 250, 247, 1);\n --ilo-color-turquoise-100: rgba(210, 251, 251, 1);\n\n // Purple\n --ilo-color-purple-800: rgba(95, 0, 55, 1);\n --ilo-color-purple-700: rgba(119, 20, 73, 1);\n --ilo-color-purple-600: rgba(150, 10, 85, 1);\n --ilo-color-purple-500: rgba(171, 59, 119, 1);\n --ilo-color-purple-400: rgba(203, 133, 170, 1);\n --ilo-color-purple-300: rgba(224, 182, 204, 1);\n --ilo-color-purple-200: rgba(240, 210, 224, 1);\n --ilo-color-purple-100: rgba(245, 231, 238, 1);\n\n /**\n * Light Semantic Colors\n */\n\n // Text\n --ilo-color-light-text-default: var(--ilo-color-neutrals-black);\n --ilo-color-light-text-subtle: var(--ilo-color-neutrals-700);\n --ilo-color-light-text-brand: var(--ilo-color-brand-800);\n --ilo-color-light-text-accent: var(--ilo-color-purple-600);\n --ilo-color-light-text-inverse: var(--ilo-color-neutrals-white);\n\n // Action\n --ilo-color-light-action-default: var(--ilo-color-brand-800);\n --ilo-color-light-action-hover: var(--ilo-color-brand-600);\n --ilo-color-light-action-selected: var(--ilo-color-brand-600);\n --ilo-color-light-action-inverse: var(--ilo-color-neutrals-white);\n\n // Icon\n --ilo-color-light-icon-default: var(--ilo-color-neutrals-black);\n --ilo-color-light-icon-subtle: var(--ilo-color-neutrals-500);\n --ilo-color-light-icon-accent: var(--ilo-color-purple-600);\n --ilo-color-light-icon-inverse: var(--ilo-color-neutrals-white);\n\n // Border\n --ilo-color-light-border-default: var(--ilo-color-neutrals-500);\n --ilo-color-light-border-subtle: var(--ilo-color-neutrals-200);\n --ilo-color-light-border-brand: var(--ilo-color-brand-600);\n --ilo-color-light-border-brand-2: var(--ilo-color-brand-200);\n --ilo-color-light-border-brand-3: var(--ilo-color-brand-800);\n --ilo-color-light-border-brand-4: var(--ilo-color-purple-600);\n --ilo-color-light-border-focus: var(--ilo-color-yellow-400);\n --ilo-color-light-border-inverse: var(--ilo-color-neutrals-white);\n\n // Container Background\n --ilo-color-light-container-bg-default: var(--ilo-color-neutrals-white);\n --ilo-color-light-container-bg-subtle: var(--ilo-color-brand-100);\n --ilo-color-light-container-bg-brand: var(--ilo-color-brand-800);\n --ilo-color-light-container-bg-disabled: var(--ilo-color-neutrals-200);\n\n // Page Background\n --ilo-color-light-page-bg-default: var(--ilo-color-neutrals-white);\n --ilo-color-light-page-bg-subtle: var(--ilo-color-brand-100);\n\n // Supportive Feedback\n --ilo-color-light-feedback-error-dark: var(--ilo-color-red-600);\n --ilo-color-light-feedback-error-default: var(--ilo-color-red-500);\n --ilo-color-light-feedback-error-light: var(--ilo-color-red-100);\n --ilo-color-light-feedback-warning-default: var(--ilo-color-yellow-400);\n --ilo-color-light-feedback-warning-light: var(--ilo-color-yellow-100);\n --ilo-color-light-feedback-success-default: var(--ilo-color-green-400);\n --ilo-color-light-feedback-success-light: var(--ilo-color-green-100);\n --ilo-color-light-feedback-info-default: var(--ilo-color-brand-600);\n --ilo-color-light-feedback-info-light: var(--ilo-color-brand-200);\n\n // Generic\n --ilo-color-light-generic-turquoise: var(--ilo-color-turquoise-500);\n --ilo-color-light-generic-purple: var(--ilo-color-purple-600);\n --ilo-color-light-generic-green: var(--ilo-color-green-400);\n --ilo-color-light-generic-yellow: var(--ilo-color-yellow-400);\n --ilo-color-light-generic-ilo-light-blue: var(--ilo-color-brand-100);\n\n /**\n * Dark Semantic Colors\n */\n\n // Text\n --ilo-color-dark-text-default: var(--ilo-color-neutrals-white);\n --ilo-color-dark-text-subtle: var(--ilo-color-neutrals-200);\n --ilo-color-dark-text-brand: var(--ilo-color-brand-200);\n --ilo-color-dark-text-accent: var(--ilo-color-yellow-400);\n --ilo-color-dark-text-inverse: var(--ilo-color-brand-800);\n\n // Action\n --ilo-color-dark-action-default: var(--ilo-color-brand-100);\n --ilo-color-dark-action-hover: var(--ilo-color-brand-200);\n --ilo-color-dark-action-selected: var(--ilo-color-brand-200);\n --ilo-color-dark-action-inverse: var(--ilo-color-brand-800);\n\n // Icon\n --ilo-color-dark-icon-default: var(--ilo-color-neutrals-white);\n --ilo-color-dark-icon-subtle: var(--ilo-color-neutrals-700);\n --ilo-color-dark-icon-accent: var(--ilo-color-yellow-400);\n --ilo-color-dark-icon-inverse: var(--ilo-color-brand-800);\n\n // Border\n --ilo-color-dark-border-default: var(--ilo-color-neutrals-white);\n --ilo-color-dark-border-subtle: var(--ilo-color-neutrals-700);\n --ilo-color-dark-border-brand: var(--ilo-color-brand-200);\n --ilo-color-dark-border-brand-2: var(--ilo-color-brand-800);\n --ilo-color-dark-border-brand-3: var(--ilo-color-brand-100);\n --ilo-color-dark-border-brand-4: var(--ilo-color-yellow-400);\n --ilo-color-dark-border-focus: var(--ilo-color-yellow-400);\n --ilo-color-dark-border-inverse: var(--ilo-color-brand-800);\n\n // Container Background\n --ilo-color-dark-container-bg-default: var(--ilo-color-brand-800);\n --ilo-color-dark-container-bg-subtle: var(--ilo-color-brand-600);\n --ilo-color-dark-container-bg-brand: var(--ilo-color-brand-100);\n --ilo-color-dark-container-bg-disabled: var(--ilo-color-neutrals-black);\n\n // Page Background\n --ilo-color-dark-page-bg-default: var(--ilo-color-brand-800);\n --ilo-color-dark-page-bg-subtle: var(--ilo-color-neutrals-black);\n\n // Supportive Feedback\n --ilo-color-dark-feedback-error-dark: var(--ilo-color-red-100);\n --ilo-color-dark-feedback-error-default: var(--ilo-color-red-500);\n --ilo-color-dark-feedback-error-light: var(--ilo-color-red-600);\n --ilo-color-dark-feedback-warning-default: var(--ilo-color-yellow-400);\n --ilo-color-dark-feedback-warning-light: var(--ilo-color-yellow-800);\n --ilo-color-dark-feedback-success-default: var(--ilo-color-green-400);\n --ilo-color-dark-feedback-success-light: var(--ilo-color-green-800);\n --ilo-color-dark-feedback-info-default: var(--ilo-color-brand-600);\n --ilo-color-dark-feedback-info-light: var(--ilo-color-brand-800);\n\n // Generic\n --ilo-color-dark-generic-turquoise: var(--ilo-color-turquoise-500);\n --ilo-color-dark-generic-purple: var(--ilo-color-purple-600);\n --ilo-color-dark-generic-green: var(--ilo-color-green-400);\n --ilo-color-dark-generic-yellow: var(--ilo-color-yellow-400);\n --ilo-color-dark-generic-ilo-light-blue: var(--ilo-color-brand-200);\n\n /**\n * Legacy Semantic Aliases (preserved for backwards compatibility)\n */\n --ilo-color-notification-type-error: var(--ilo-color-red-500);\n --ilo-color-notification-type-info: var(--ilo-color-brand-600);\n --ilo-color-notification-type-success: var(--ilo-color-green-400);\n --ilo-color-notification-type-warning: var(--ilo-color-yellow-400);\n --ilo-color-background-default: var(--ilo-color-neutrals-white);\n --ilo-color-background-active: var(--ilo-color-brand-600);\n --ilo-color-background-highlight: var(--ilo-color-neutrals-200);\n --ilo-color-background-hover: var(--ilo-color-brand-100);\n --ilo-color-background-focus: var(--ilo-color-neutrals-white);\n\n --ilo-color-borders-default: var(--ilo-color-neutrals-500);\n --ilo-color-borders-hover: var(--ilo-color-brand-600);\n --ilo-color-borders-active: var(--ilo-color-brand-600);\n --ilo-color-borders-focus: var(--ilo-color-yellow-400);\n\n /**\n * Sizing\n */\n --ilo-breakpoint-xs: #{map-get($breakpoints-foundation, \"xs\")};\n --ilo-breakpoint-sm: #{map-get($breakpoints-foundation, \"sm\")};\n --ilo-breakpoint-md: #{map-get($breakpoints-foundation, \"md\")};\n --ilo-breakpoint-lg: #{map-get($breakpoints-foundation, \"lg\")};\n --ilo-breakpoint-xl: #{map-get($breakpoints-foundation, \"xl\")};\n --ilo-breakpoint-xxl: #{map-get($breakpoints-foundation, \"xxl\")};\n --ilo-border-radius: calc(#{px-to-rem(2)} * var(--ilo-scale));\n\n /**\n * Font-size\n */\n --ilo-font-size-2xsm: calc(#{px-to-rem(10)} * var(--ilo-scale));\n --ilo-font-size-xsm: calc(#{px-to-rem(12)} * var(--ilo-scale));\n --ilo-font-size-sm: calc(#{px-to-rem(14)} * var(--ilo-scale));\n --ilo-font-size-md: calc(#{px-to-rem(16)} * var(--ilo-scale));\n --ilo-font-size-lg: calc(#{px-to-rem(18)} * var(--ilo-scale));\n --ilo-font-size-xlg: calc(#{px-to-rem(24)} * var(--ilo-scale));\n --ilo-font-size-2xlg: calc(#{px-to-rem(28)} * var(--ilo-scale));\n --ilo-font-size-3xlg: calc(#{px-to-rem(32)} * var(--ilo-scale));\n --ilo-font-size-4xlg: calc(#{px-to-rem(36)} * var(--ilo-scale));\n --ilo-font-size-5xlg: calc(#{px-to-rem(44)} * var(--ilo-scale));\n\n /**\n * Font-weight\n */\n --ilo-font-weight-regular: 400;\n --ilo-font-weight-medium: 500;\n --ilo-font-weight-bold: 700;\n\n /**\n * Line Height\n */\n --ilo-line-height-xsm: 115%;\n --ilo-line-height-sm: 120%;\n --ilo-line-height-md: 125%;\n --ilo-line-height-lg: 130%;\n --ilo-line-height-xlg: 135%;\n --ilo-line-height-2xlg: 145%;\n --ilo-line-height-3xlg: 150%;\n\n /**\n * Letter spacing\n */\n --ilo-letter-spacing-xsm: -0.035em;\n --ilo-letter-spacing-sm: -0.02em;\n --ilo-letter-spacing-md: 0em;\n --ilo-letter-spacing-lg: 0.02em;\n\n /**\n * Spacing\n */\n --ilo-spacing-base: calc(#{px-to-rem(4)} * var(--ilo-scale));\n\n /**\n * Transition\n */\n --ilo-transition-duration: 150ms;\n --ilo-transition-timing-function: ease-out;\n\n /**\n * Border\n */\n --ilo-border-xs: calc(#{px-to-rem(1)} * var(--ilo-scale));\n --ilo-border-sm: calc(#{px-to-rem(1.5)} * var(--ilo-scale));\n --ilo-border-md: calc(#{px-to-rem(2)} * var(--ilo-scale));\n --ilo-border-lg: calc(#{px-to-rem(4)} * var(--ilo-scale));\n\n /**\n * Links\n */\n --ilo-link-color-default-light: var(--ilo-color-brand-800);\n --ilo-link-color-default-dark: var(--ilo-color-neutrals-white);\n\n --ilo-link-color-visited-light: var(--ilo-color-purple-600);\n --ilo-link-color-visited-dark: var(--ilo-color-neutrals-500);\n\n --ilo-link-color-hover-light: var(--ilo-color-brand-600);\n --ilo-link-color-hover-dark: var(--ilo-color-brand-600);\n\n --ilo-link-color-active-light: var(--ilo-color-brand-800);\n --ilo-link-color-active-dark: var(--ilo-color-brand-800);\n\n --ilo-link-color-focus-light: var(--ilo-color-brand-800);\n --ilo-link-color-focus-dark: var(--ilo-color-brand-800);\n\n --ilo-link-background-default-light: transparent;\n --ilo-link-background-default-dark: transparent;\n\n --ilo-link-background-hover-light: transparent;\n --ilo-link-background-hover-dark: var(--ilo-color-neutrals-white);\n\n --ilo-link-background-focus-light: var(--ilo-color-yellow-400);\n --ilo-link-background-focus-dark: var(--ilo-color-yellow-400);\n}\n","// Set Arabic fonts\n:root[lang*=\"ar\"],\n[lang*=\"ar\"] {\n --ilo-fonts-display: var(--ilo-fonts-display-ar);\n --ilo-fonts-copy: var(--ilo-fonts-copy-ar);\n\n // Letter spacing overrides for Arabic. Different letter spacing values cause incorrect\n // glpyhs to be rendered. See https://github.com/international-labour-organization/designsystem/issues/1547\n --ilo-letter-spacing-xsm: 0;\n --ilo-letter-spacing-sm: 0;\n --ilo-letter-spacing-md: 0;\n --ilo-letter-spacing-lg: 0;\n}\n\n// Set Chinese system fonts\n:root[lang*=\"zh\"],\n[lang*=\"zh\"] {\n --ilo-fonts-display: var(--ilo-fonts-display-zh);\n --ilo-fonts-copy: var(--ilo-fonts-copy-zh);\n}\n\n// Set Japanese system fonts\n:root[lang*=\"ja\"],\n[lang*=\"ja\"] {\n --ilo-fonts-display: var(--ilo-fonts-display-jp);\n --ilo-fonts-copy: var(--ilo-fonts-copy-jp);\n}\n\nhtml,\nbody {\n color: var(--ilo-color-gray-charcoal);\n font-family: var(--ilo-fonts-copy);\n font-size: var(--ilo-font-size-base);\n line-height: var(--ilo-line-height-base);\n letter-spacing: normal;\n -webkit-font-smoothing: antialiased;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh5 {\n font-family: var(--ilo-fonts-display);\n}\n"]}
|