@ilo-org/styles 1.7.3 → 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/languagetoggle.css +1 -1
- package/css/components/scorecard.css +1 -1
- package/css/global.css.map +1 -1
- package/css/index.css +1 -1
- package/css/index.css.map +1 -1
- package/css/monorepo.css +1 -1
- package/css/monorepo.css.map +1 -1
- package/package.json +3 -3
- 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--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}}
|