@ilo-org/styles 1.7.2 → 1.8.0
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/css/components/callout.css +1 -1
- package/css/components/languagetoggle.css +1 -1
- package/css/components/scorecard.css +1 -1
- package/css/global.css.map +1 -1
- package/css/index.css +2 -2
- package/css/index.css.map +1 -1
- package/css/monorepo.css +2 -2
- package/css/monorepo.css.map +1 -1
- package/package.json +3 -3
- package/scss/components/_callout.scss +60 -61
- package/scss/components/_languagetoggle.scss +17 -14
- package/scss/components/_scorecard.scss +15 -3
- package/scss/components/navigation/_nav-compact.scss +26 -31
- package/scss/components/navigation/_nav-complex.scss +11 -25
- package/scss/components/navigation/_nav-menu.scss +16 -22
- package/scss/components/navigation/mobile/_nav-mobile.scss +1 -17
|
@@ -1 +1 @@
|
|
|
1
|
-
.ilo--callout{display:flex;transition:max-height 225ms ease-out}.ilo--
|
|
1
|
+
.ilo--callout{display:flex;transition:max-height 225ms ease-out}.ilo--callout__collapse{max-height:3.4297963558rem;overflow:hidden}.ilo--callout__open{max-height:16.077170418rem;overflow:hidden}.ilo--callout__open .ilo--callout--toggle--icon{transform:translateY(-50%) rotate(180deg)}.ilo--callout__error{background:var(--ilo-color-red-ramp)}.ilo--callout__error .ilo--callout--sidebar{background:var(--ilo-color-red)}.ilo--callout__info{background:var(--ilo-color-blue-light)}.ilo--callout__info .ilo--callout--sidebar{background:var(--ilo-color-blue)}.ilo--callout__success{background:var(--ilo-color-green-ramp)}.ilo--callout__success .ilo--callout--sidebar{background:var(--ilo-color-green)}.ilo--callout__warning{background:var(--ilo-color-yellow-ramp)}.ilo--callout__warning .ilo--callout--sidebar{background:var(--ilo-color-yellow)}.ilo--callout--sidebar{align-items:center;display:flex;flex-direction:column;padding:calc(var(--ilo-spacing-base)*5) calc(var(--ilo-spacing-base)*2);width:2.1436227224rem}.ilo--callout--sidebar .ilo--callout__icon{margin:calc(var(--ilo-spacing-base)*1)}.ilo--callout--content{color:var(--ilo-color-gray-charcoal);font-size:.7502679528rem;padding:calc(var(--ilo-spacing-base)*6);width:100%}.ilo--callout--header{display:flex;justify-content:space-between;padding-block-end:calc(var(--ilo-spacing-base)*3)}.ilo--callout--title{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);font-weight:700;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg)}.ilo--callout--description{font-weight:400}.ilo--callout--toggle{background:0 0;border:none;color:var(--ilo-color-blue-dark);cursor:pointer;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-bold);font-weight:500;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);padding-inline-end:calc(var(--ilo-spacing-base)*8);position:relative}.ilo--callout--toggle--icon{background-color:var(--ilo-color-blue-dark);background-position:100%;background-repeat:no-repeat;display:inline-block;height:24px;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.884 8.884 12 17.768 3.116 8.884l1.768-1.768L12 14.232l7.116-7.116z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.884 8.884 12 17.768 3.116 8.884l1.768-1.768L12 14.232l7.116-7.116z' clip-rule='evenodd'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;right:0;top:11px;transform:translateY(-50%) rotate(0);transition:transform 225ms ease-out;width:24px}.ilo--callout--footer{padding-block-start:calc(var(--ilo-spacing-base)*5)}.ilo--callout--icon{background-repeat:no-repeat;background-size:contain;display:block;height:1.2861736334rem;width:1.2861736334rem}.ilo--callout--icon__alert__error{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z'/%3E%3C/svg%3E")}.ilo--callout--icon__alert__error,.ilo--callout--icon__alert__info{background-color:var(--ilo-color-white);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.ilo--callout--icon__alert__info{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 15c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1m1-8h-2V7h2z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 15c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1m1-8h-2V7h2z'/%3E%3C/svg%3E")}.ilo--callout--icon__alert__success{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m-5.5-9.437 1.65-1.688 2.2 2.25 5.5-5.625 1.65 1.688-7.15 7.312z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m-5.5-9.437 1.65-1.688 2.2 2.25 5.5-5.625 1.65 1.688-7.15 7.312z' clip-rule='evenodd'/%3E%3C/svg%3E")}.ilo--callout--icon__alert__success,.ilo--callout--icon__alert__warning{background-color:var(--ilo-color-white);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.ilo--callout--icon__alert__warning{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z'/%3E%3C/svg%3E")}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ilo--language-toggle{--ilo--language-toggle-color:var(--ilo-color-white);--ilo--language-toggle-color-hover:var(--ilo-color-
|
|
1
|
+
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--language-toggle{--ilo--language-toggle-color:var(--ilo-color-white);--ilo--language-toggle-color-hover:var(--ilo-color-white);--ilo--language-toggle-bg:transparent;--ilo--language-toggle-bg-hover:var(--ilo-color-blue-dark);display:inline-block;height:100%}.ilo--language-toggle__theme__dark{--ilo--language-toggle-color:var(--ilo-color-blue-dark);--ilo--language-toggle-color-hover:var(--ilo-color-white)}.ilo--language-toggle--container{align-items:center;appearance:none;background:0 0;background-color:var(--ilo--language-toggle-bg);border:none;box-shadow:none;color:inherit;color:var(--ilo--language-toggle-color);cursor:pointer;display:flex;font:inherit;gap:.2143622722rem;height:100%;margin:0;outline:0;padding:0;transition-duration:.15s;transition-property:background-color,color;transition-timing-function:ease-out;width:fit-content}.ilo--language-toggle--container:focus,.ilo--language-toggle--container:hover,.ilo--language-toggle--container__open{--ilo--language-toggle-color:var(--ilo--language-toggle-color-hover);--ilo--language-toggle-bg:var(--ilo--language-toggle-bg-hover)}.ilo--language-toggle--icon{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M11.991 3C7.023 3 3 7.032 3 12s4.023 9 8.991 9C16.968 21 21 16.968 21 12s-4.032-9-9.009-9m6.237 5.4h-2.655a14 14 0 0 0-1.242-3.204A7.23 7.23 0 0 1 18.228 8.4M12 4.836A12.7 12.7 0 0 1 13.719 8.4h-3.438A12.7 12.7 0 0 1 12 4.836M5.034 13.8A7.4 7.4 0 0 1 4.8 12c0-.621.09-1.224.234-1.8h3.042A15 15 0 0 0 7.95 12c0 .612.054 1.206.126 1.8zm.738 1.8h2.655a14 14 0 0 0 1.242 3.204A7.2 7.2 0 0 1 5.772 15.6m2.655-7.2H5.772a7.2 7.2 0 0 1 3.897-3.204c-.54.999-.954 2.079-1.242 3.204M12 19.164a12.7 12.7 0 0 1-1.719-3.564h3.438A12.7 12.7 0 0 1 12 19.164m2.106-5.364H9.894A13 13 0 0 1 9.75 12c0-.612.063-1.215.144-1.8h4.212c.081.585.144 1.188.144 1.8s-.063 1.206-.144 1.8m.225 5.004c.54-.999.954-2.079 1.242-3.204h2.655a7.23 7.23 0 0 1-3.897 3.204m1.593-5.004c.072-.594.126-1.188.126-1.8s-.054-1.206-.126-1.8h3.042c.144.576.234 1.179.234 1.8s-.09 1.224-.234 1.8z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M11.991 3C7.023 3 3 7.032 3 12s4.023 9 8.991 9C16.968 21 21 16.968 21 12s-4.032-9-9.009-9m6.237 5.4h-2.655a14 14 0 0 0-1.242-3.204A7.23 7.23 0 0 1 18.228 8.4M12 4.836A12.7 12.7 0 0 1 13.719 8.4h-3.438A12.7 12.7 0 0 1 12 4.836M5.034 13.8A7.4 7.4 0 0 1 4.8 12c0-.621.09-1.224.234-1.8h3.042A15 15 0 0 0 7.95 12c0 .612.054 1.206.126 1.8zm.738 1.8h2.655a14 14 0 0 0 1.242 3.204A7.2 7.2 0 0 1 5.772 15.6m2.655-7.2H5.772a7.2 7.2 0 0 1 3.897-3.204c-.54.999-.954 2.079-1.242 3.204M12 19.164a12.7 12.7 0 0 1-1.719-3.564h3.438A12.7 12.7 0 0 1 12 19.164m2.106-5.364H9.894A13 13 0 0 1 9.75 12c0-.612.063-1.215.144-1.8h4.212c.081.585.144 1.188.144 1.8s-.063 1.206-.144 1.8m.225 5.004c.54-.999.954-2.079 1.242-3.204h2.655a7.23 7.23 0 0 1-3.897 3.204m1.593-5.004c.072-.594.126-1.188.126-1.8s-.054-1.206-.126-1.8h3.042c.144.576.234 1.179.234 1.8s-.09 1.224-.234 1.8z'/%3E%3C/svg%3E")}.ilo--language-toggle--arrow,.ilo--language-toggle--icon{background-color:var(--ilo--language-toggle-color);display:block;height:1.2861736334rem;margin-top:-3px;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;width:1.2861736334rem}.ilo--language-toggle--arrow{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.884 8.884 12 17.768 3.116 8.884l1.768-1.768L12 14.232l7.116-7.116z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.884 8.884 12 17.768 3.116 8.884l1.768-1.768L12 14.232l7.116-7.116z' clip-rule='evenodd'/%3E%3C/svg%3E")}.ilo--language-toggle--action{color:var(--ilo--language-toggle-color);font-family:var(--ilo-fonts-display);font-size:.7502679528rem;font-weight:700;letter-spacing:-2%;line-height:135%}.ilo--language-toggle--context-menu{left:0;margin-top:calc(var(--ilo-spacing-base)*2);opacity:0;position:absolute;top:0;transform:translateY(-10px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;visibility:hidden;z-index:5}.ilo--language-toggle--context-menu__open{opacity:1;transform:translateY(0);visibility:visible}.ilo--language-toggle--context-menu:focus{outline:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__score{--max-width:22.0793140407rem;display:flex;margin-top:0;position:relative}.ilo--card__type__score .ilo--card--wrap{display:flex;flex-direction:column;width:100%}.ilo--card__type__score .ilo--card--content{display:flex;flex:1 1 auto;flex-direction:column;padding:calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*6);width:100%}.ilo--card__type__score .ilo--card--image--wrapper{height:0;overflow:hidden;padding-top:56.25%;width:100%}.ilo--card__type__score .ilo--card--image--wrapper img{height:
|
|
1
|
+
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__score{--max-width:22.0793140407rem;display:flex;margin-top:0;position:relative}.ilo--card__type__score .ilo--card--wrap{display:flex;flex-direction:column;width:100%}.ilo--card__type__score .ilo--card--content{display:flex;flex:1 1 auto;flex-direction:column;padding:calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*6);width:100%}.ilo--card__type__score .ilo--card--image--wrapper{height:0;overflow:hidden;padding-top:56.25%;width:100%}.ilo--card__type__score .ilo--card--image--wrapper img{height:100%;left:50%;object-fit:cover;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.ilo--card__type__score .ilo--status{margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card__type__score .ilo--card--eyebrow{margin-bottom:calc(var(--ilo-spacing-base)*4)}.ilo--card__type__score .ilo--card--title{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-xlg);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md);margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card__theme__dark .ilo--card__type__score .ilo--card--title{color:var(--ilo-color-blue-dark)}.ilo--card__theme__light .ilo--card__type__score .ilo--card--title{color:var(--ilo-color-white)}.ilo--card__type__score .ilo--card--area--content{display:flex;flex-flow:column;gap:calc(var(--ilo-spacing-base)*2);margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card__type__score .ilo--card--area--cta{display:flex;flex-flow:row wrap;gap:calc(var(--ilo-spacing-base)*2)}.ilo--card__type__score .ilo--card--content--item{align-items:flex-start;display:flex;flex-flow:row nowrap;gap:calc(var(--ilo-spacing-base)*2);justify-content:flex-start}.ilo--card__type__score .ilo--card--content--item .ilo--icon{flex:0 0 20px}.ilo--card__type__score.ilo--card__size__fluid,.ilo--card__type__score.ilo--card__size__wide{--max-width:40.4072883173rem}@media screen and (min-width:610px){.ilo--card__type__score.ilo--card__size__fluid .ilo--card--wrap,.ilo--card__type__score.ilo--card__size__wide .ilo--card--wrap{flex-direction:row}.ilo--card__type__score.ilo--card__size__fluid .ilo--card--content,.ilo--card__type__score.ilo--card__size__wide .ilo--card--content{width:50%}.ilo--card__type__score.ilo--card__size__fluid .ilo--card--image--wrapper,.ilo--card__type__score.ilo--card__size__wide .ilo--card--image--wrapper{height:auto;padding:0;width:50%}.ilo--card__type__score.ilo--card__size__fluid img,.ilo--card__type__score.ilo--card__size__wide img{height:100%;max-width:none;object-fit:cover;width:100%}.ilo--card__type__score.ilo--card__size__fluid .ilo--card--date,.ilo--card__type__score.ilo--card__size__fluid .ilo--card--eyebrow,.ilo--card__type__score.ilo--card__size__fluid .ilo--card--title,.ilo--card__type__score.ilo--card__size__wide .ilo--card--date,.ilo--card__type__score.ilo--card__size__wide .ilo--card--eyebrow,.ilo--card__type__score.ilo--card__size__wide .ilo--card--title{width:100%}.ilo--card__type__score.ilo--card__size__fluid .ilo--card--date,.ilo--card__type__score.ilo--card__size__wide .ilo--card--date{align-self:flex-end}}.ilo--card__type__score.ilo--card__size__simple{--max-width:40.4072883173rem}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content{display:grid;gap:calc(var(--ilo-spacing-base)*4);grid-template-areas:"title" "cta" "status" "content";grid-template-columns:1fr;grid-template-rows:repeat(3,auto);padding:calc(var(--ilo-spacing-base)*3) calc(var(--ilo-spacing-base)*4)}@media screen and (min-width:610px){.ilo--card__type__score.ilo--card__size__simple .ilo--card--content{grid-template-areas:"title title cta" "status content content";grid-template-columns:min-content 1fr 1fr}}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--status{grid-area:status}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--card--title{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-bold);grid-area:title;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg)}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--card--area--content{flex-flow:row wrap;grid-area:content}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--card--area--cta{grid-area:cta}@media screen and (min-width:610px){.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--card--area--cta{justify-content:flex-end}}
|