website-utilities 1.0.439 → 1.0.440
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/index.compiled.css +1 -1
- package/index.scss +227 -229
- package/package.json +6 -6
package/index.compiled.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--wu-default-space:20px;--wu-overflow-navigation-height-estimation:400px;--wu-extra-extra-small-width:360px;--wu-extra-small-width:500px;--wu-small-width:768px;--wu-medium-width:992px;--wu-large-width:1200px;--wu-theme-background:#fff;--wu-theme-primary:#76b82a;--wu-theme-on-primary:#f0f6fc;--wu-theme-secondary:#238636;--wu-theme-on-secondary:#d6e9da;--wu-theme-error:#723637;--wu-theme-on-error:#fff;--wu-theme-surface:#21262d;--wu-theme-on-surface:#bbc2ca;--wu-typography-font-family:Open Sans,open-sans,sans-serif;--wu-typography-font-family-headline:Open Sans Condensed,open-sans-condensed,sans-serif;--wu-toggle-mobile-menu-animation-duration:0.25s}website-utilities h1,website-utilities h2,website-utilities h3,website-utilities h4,website-utilities h5,website-utilities h6{font-family:var(--wu-typography-font-family,"Open Sans",open-sans,sans-serif);line-height:1.1}website-utilities h1,website-utilities h2{font-family:var(--wu-typography-font-family-headline,"Open Sans Condensed",open-sans-condensed,sans-serif);font-weight:400;font-size:3em}website-utilities h2{font-size:2em}website-utilities a,website-utilities a:focus,website-utilities a:hover,website-utilities a:visited{outline:none;-webkit-text-decoration:none;text-decoration:none}website-utilities .wu-action{cursor:pointer}website-utilities .wu-disable-scrolling{height:100%!important;overflow:hidden!important}website-utilities .wu-section-active{display:block}website-utilities .wu-section-inactive{display:none}website-utilities .wu-select{position:relative}website-utilities .wu-select__arrow{position:absolute;top:3px;right:15px;pointer-events:none}website-utilities .wu-select__arrow span{vertical-align:bottom;font-size:10px}website-utilities .wu-select select{position:static!important;padding-left:7px!important;padding-right:25px!important}website-utilities .wu-select select::-ms-expand{display:none}website-utilities .wu-checkbox{margin-top:2px;padding-top:3px}website-utilities .wu-checkbox label{padding-left:40px}website-utilities .wu-checkbox label .wu-checkbox__wrapper{margin-top:-2px;margin-left:-40px;position:absolute}website-utilities .wu-checkbox label .wu-checkbox__wrapper .wu-checkbox__wrapper__styled{border-radius:4px;border:2px solid var(--wu-theme-primary,#76b82a);cursor:pointer;float:right;height:25px;padding:0;width:25px}website-utilities .wu-checkbox label .wu-checkbox__wrapper .wu-checkbox__wrapper__styled .wu-checkbox__wrapper__styled__checked{background:transparent;border:3px solid var(--wu-theme-on-primary,#f0f6fc);border-top:none;border-right:none;height:8px;left:4px;opacity:0;position:absolute;top:5px;transform:rotate(-45deg);width:13px}website-utilities .wu-checkbox label .wu-checkbox__wrapper input[type=checkbox]{display:none}website-utilities .wu-checkbox label .wu-checkbox__wrapper input[type=checkbox]:checked~.wu-checkbox-styled>.wu-checkbox-styled-checked{opacity:1}website-utilities .wu-checkbox label .wu-checkbox__wrapper input[type=checkbox]:disabled~.wu-checkbox-styled{background-color:var(--wu-theme-surface,#21262d)}website-utilities .wu-scroll-to-top{display:block;transition-property:bottom,opacity;transition-duration:.5s;position:fixed;right:var(--wu-default-space,20px)}website-utilities .wu-scroll-to-top.wu-scroll-up{bottom:calc(var(--wu-default-space, 20px)*3);opacity:0}website-utilities .wu-scroll-to-top.wu-scroll-down{bottom:var(--wu-default-space,20px);opacity:1}website-utilities .wu-scroll-to-top.wu-top-settled{display:none}website-utilities .wu-priority-navigation{position:relative;overflow:visible}website-utilities .wu-priority-navigation.wu-priority-navigation--resizing{overflow:hidden}website-utilities .wu-priority-navigation .wu-priority-navigation__list,website-utilities .wu-priority-navigation .wu-priority-navigation__overflow-list li{position:relative}website-utilities .wu-priority-navigation .wu-priority-navigation__link{display:inline-block}website-utilities .wu-priority-navigation .wu-priority-navigation__link:after{content:" ";position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box}website-utilities .wu-priority-navigation .wu-priority-navigation__list{list-style:none}website-utilities .wu-priority-navigation .wu-priority-navigation__list li{display:inline-block;position:relative}website-utilities .wu-priority-navigation .wu-priority-navigation__list li.wu-priority-navigation__list__overflow-indicator{display:none}website-utilities .wu-priority-navigation .wu-priority-navigation__list .wu-priority-navigation__list__overflow-indicator{cursor:pointer;width:2rem;height:2rem;position:absolute!important;padding-top:1rem}website-utilities .wu-priority-navigation .wu-priority-navigation__list .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title{transition:all var(--wu-toggle-mobile-menu-animation-duration);position:absolute;width:2rem;height:2rem}website-utilities .wu-priority-navigation .wu-priority-navigation__list .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon{transition:all var(--wu-toggle-mobile-menu-animation-duration);position:relative;transform:rotate(0deg);width:30px;height:1px}website-utilities .wu-priority-navigation .wu-priority-navigation__list .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:after,website-utilities .wu-priority-navigation .wu-priority-navigation__list .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:before{position:absolute;transition:all var(--wu-toggle-mobile-menu-animation-duration);content:"";transform:rotate(0deg);width:30px;height:1px}website-utilities .wu-priority-navigation .wu-priority-navigation__list .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:before{top:-10px}website-utilities .wu-priority-navigation .wu-priority-navigation__list .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:after{top:10px}website-utilities .wu-priority-navigation.wu-priority-navigation--show-overflow-indicator .wu-priority-navigation__overflow-list{transition:all var(--wu-toggle-mobile-menu-animation-duration);height:0;max-height:0;width:-moz-max-content;width:max-content;list-style:none;overflow:hidden}website-utilities .wu-priority-navigation.wu-priority-navigation--show-overflow-indicator .wu-priority-navigation__overflow-list ul{list-style:none;padding:0;letter-spacing:.4em}website-utilities .wu-priority-navigation.wu-priority-navigation--show-overflow-indicator .wu-priority-navigation__overflow-list li:first-child{margin-top:0}website-utilities .wu-priority-navigation.wu-priority-navigation--show-overflow-indicator .wu-priority-navigation__overflow-list li{transition:all var(--wu-toggle-mobile-menu-animation-duration);color:#fff}website-utilities .wu-priority-navigation.wu-priority-navigation--show-overflow-indicator .wu-priority-navigation__overflow-list a{cursor:pointer}website-utilities .wu-priority-navigation.wu-priority-navigation--show-overflow-indicator .wu-priority-navigation__list__overflow-indicator{display:inline-block!important}website-utilities .wu-priority-navigation.wu-priority-navigation--show-overflow-indicator.wu-priority-navigation--overflow-open .wu-priority-navigation__overflow-list{height:100%;width:100%;max-height:var(--wu-overflow-navigation-height-estimation)}website-utilities .wu-priority-navigation.wu-priority-navigation--show-overflow-indicator.wu-priority-navigation--overflow-open .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon{transform:rotate(180deg);background-color:transparent!important}website-utilities .wu-priority-navigation.wu-priority-navigation--show-overflow-indicator.wu-priority-navigation--overflow-open .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:after,website-utilities .wu-priority-navigation.wu-priority-navigation--show-overflow-indicator.wu-priority-navigation--overflow-open .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:before{top:0}website-utilities .wu-priority-navigation.wu-priority-navigation--show-overflow-indicator.wu-priority-navigation--overflow-open .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:before{transform:rotate(45deg)}website-utilities .wu-priority-navigation.wu-priority-navigation--show-overflow-indicator.wu-priority-navigation--overflow-open .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:after{transform:rotate(-45deg)}website-utilities .wu-priority-navigation .wu-priority-navigation__list__item--hide{display:none!important}.wu-window-loading-cover{background-color:var(--wu-surface-color,#21262d);top:0;left:0;position:fixed;height:100%;width:100%;z-index:1002!important}.wu-window-loading-cover .loading-text{position:absolute;inset:0;margin:auto;text-align:center;width:100%;height:100px;line-height:100px}.wu-window-loading-cover .loading-text span{display:inline-block;margin:0 5px;color:var(--wu-on-surface-color,#bbc2ca)}.wu-window-loading-cover .loading-text span:first-child{filter:blur(0);animation:blur-text 1.5s linear 0s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(2){filter:blur(0);animation:blur-text 1.5s linear .2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(3){filter:blur(0);animation:blur-text 1.5s linear .4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(4){filter:blur(0);animation:blur-text 1.5s linear .6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(5){filter:blur(0);animation:blur-text 1.5s linear .8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(6){filter:blur(0);animation:blur-text 1.5s linear 1s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(7){filter:blur(0);animation:blur-text 1.5s linear 1.2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(8){filter:blur(0);animation:blur-text 1.5s linear 1.4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(9){filter:blur(0);animation:blur-text 1.5s linear 1.6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(10){filter:blur(0);animation:blur-text 1.5s linear 1.8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(11){filter:blur(0);animation:blur-text 1.5s linear 2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(12){filter:blur(0);animation:blur-text 1.5s linear 2.2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(13){filter:blur(0);animation:blur-text 1.5s linear 2.4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(14){filter:blur(0);animation:blur-text 1.5s linear 2.6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(15){filter:blur(0);animation:blur-text 1.5s linear 2.8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(16){filter:blur(0);animation:blur-text 1.5s linear 3s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(17){filter:blur(0);animation:blur-text 1.5s linear 3.2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(18){filter:blur(0);animation:blur-text 1.5s linear 3.4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(19){filter:blur(0);animation:blur-text 1.5s linear 3.6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(20){filter:blur(0);animation:blur-text 1.5s linear 3.8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(21){filter:blur(0);animation:blur-text 1.5s linear 4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(22){filter:blur(0);animation:blur-text 1.5s linear 4.2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(23){filter:blur(0);animation:blur-text 1.5s linear 4.4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(24){filter:blur(0);animation:blur-text 1.5s linear 4.6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(25){filter:blur(0);animation:blur-text 1.5s linear 4.8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(26){filter:blur(0);animation:blur-text 1.5s linear 5s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(27){filter:blur(0);animation:blur-text 1.5s linear 5.2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(28){filter:blur(0);animation:blur-text 1.5s linear 5.4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(29){filter:blur(0);animation:blur-text 1.5s linear 5.6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(30){filter:blur(0);animation:blur-text 1.5s linear 5.8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(31){filter:blur(0);animation:blur-text 1.5s linear 6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(32){filter:blur(0);animation:blur-text 1.5s linear 6.2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(33){filter:blur(0);animation:blur-text 1.5s linear 6.4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(34){filter:blur(0);animation:blur-text 1.5s linear 6.6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(35){filter:blur(0);animation:blur-text 1.5s linear 6.8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(36){filter:blur(0);animation:blur-text 1.5s linear 7s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(37){filter:blur(0);animation:blur-text 1.5s linear 7.2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(38){filter:blur(0);animation:blur-text 1.5s linear 7.4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(39){filter:blur(0);animation:blur-text 1.5s linear 7.6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(40){filter:blur(0);animation:blur-text 1.5s linear 7.8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(41){filter:blur(0);animation:blur-text 1.5s linear 8s infinite alternate}::view-transition-old(wu-menu-highlight){height:100%}::view-transition-new(wu-menu-highlight){height:100%}@keyframes blur-text{0%{filter:blur(0)}to{filter:blur(4px)}}
|
|
1
|
+
:root{--wu-default-space:20px;--wu-overflow-navigation-height-estimation:400px;--wu-extra-extra-small-width:360px;--wu-extra-small-width:500px;--wu-small-width:768px;--wu-medium-width:992px;--wu-large-width:1200px;--wu-theme-background:#fff;--wu-theme-primary:#76b82a;--wu-theme-on-primary:#f0f6fc;--wu-theme-secondary:#238636;--wu-theme-on-secondary:#d6e9da;--wu-theme-error:#723637;--wu-theme-on-error:#fff;--wu-theme-surface:#21262d;--wu-theme-on-surface:#bbc2ca;--wu-typography-font-family:Open Sans,open-sans,sans-serif;--wu-typography-font-family-headline:Open Sans Condensed,open-sans-condensed,sans-serif;--wu-toggle-mobile-menu-animation-duration:0.25s}.wu h1,.wu h2,.wu h3,.wu h4,.wu h5,.wu h6{font-family:var(--wu-typography-font-family,"Open Sans",open-sans,sans-serif);line-height:1.1}.wu h1,.wu h2{font-family:var(--wu-typography-font-family-headline,"Open Sans Condensed",open-sans-condensed,sans-serif);font-weight:400;font-size:3em}.wu h2{font-size:2em}.wu a,.wu a:focus,.wu a:hover,.wu a:visited{outline:none;-webkit-text-decoration:none;text-decoration:none}.wu-action{cursor:pointer}.wu-disable-scrolling{height:100%!important;overflow:hidden!important}.wu-section-active{display:block}.wu-section-inactive{display:none}.wu-select{position:relative}.wu-select__arrow{position:absolute;top:3px;right:15px;pointer-events:none}.wu-select__arrow span{vertical-align:bottom;font-size:10px}.wu-select select{position:static!important;padding-left:7px!important;padding-right:25px!important}.wu-select select::-ms-expand{display:none}.wu-checkbox{margin-top:2px;padding-top:3px}.wu-checkbox label{padding-left:40px}.wu-checkbox label .wu-checkbox__wrapper{margin-top:-2px;margin-left:-40px;position:absolute}.wu-checkbox label .wu-checkbox__wrapper .wu-checkbox__wrapper__styled{border-radius:4px;border:2px solid var(--wu-theme-primary,#76b82a);cursor:pointer;float:right;height:25px;padding:0;width:25px}.wu-checkbox label .wu-checkbox__wrapper .wu-checkbox__wrapper__styled .wu-checkbox__wrapper__styled__checked{background:transparent;border:3px solid var(--wu-theme-on-primary,#f0f6fc);border-top:none;border-right:none;height:8px;left:4px;opacity:0;position:absolute;top:5px;transform:rotate(-45deg);width:13px}.wu-checkbox label .wu-checkbox__wrapper input[type=checkbox]{display:none}.wu-checkbox label .wu-checkbox__wrapper input[type=checkbox]:checked~.wu-checkbox-styled>.wu-checkbox-styled-checked{opacity:1}.wu-checkbox label .wu-checkbox__wrapper input[type=checkbox]:disabled~.wu-checkbox-styled{background-color:var(--wu-theme-surface,#21262d)}.wu-scroll-to-top{display:block;transition-property:bottom,opacity;transition-duration:.5s;position:fixed;right:var(--wu-default-space,20px)}.wu-scroll-to-top.wu-scroll-up{bottom:calc(var(--wu-default-space, 20px)*3);opacity:0}.wu-scroll-to-top.wu-scroll-down{bottom:var(--wu-default-space,20px);opacity:1}.wu-scroll-to-top.wu-top-settled{display:none}.wu-priority-navigation{position:relative;overflow:visible}.wu-priority-navigation.wu-priority-navigation--resizing{overflow:hidden}.wu-priority-navigation .wu-priority-navigation__list,.wu-priority-navigation .wu-priority-navigation__overflow-list li{position:relative}.wu-priority-navigation .wu-priority-navigation__link{display:inline-block}.wu-priority-navigation .wu-priority-navigation__link:after{content:" ";position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box}.wu-priority-navigation .wu-priority-navigation__list{list-style:none}.wu-priority-navigation .wu-priority-navigation__list li{display:inline-block;position:relative}.wu-priority-navigation .wu-priority-navigation__list li.wu-priority-navigation__list__overflow-indicator{display:none}.wu-priority-navigation .wu-priority-navigation__list .wu-priority-navigation__list__overflow-indicator{cursor:pointer;width:2rem;height:2rem;position:absolute!important;padding-top:1rem}.wu-priority-navigation .wu-priority-navigation__list .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title{transition:all var(--wu-toggle-mobile-menu-animation-duration);position:absolute;width:2rem;height:2rem}.wu-priority-navigation .wu-priority-navigation__list .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon{transition:all var(--wu-toggle-mobile-menu-animation-duration);position:relative;transform:rotate(0deg);width:30px;height:1px}.wu-priority-navigation .wu-priority-navigation__list .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:after,.wu-priority-navigation .wu-priority-navigation__list .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:before{position:absolute;transition:all var(--wu-toggle-mobile-menu-animation-duration);content:"";transform:rotate(0deg);width:30px;height:1px}.wu-priority-navigation .wu-priority-navigation__list .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:before{top:-10px}.wu-priority-navigation .wu-priority-navigation__list .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:after{top:10px}.wu-priority-navigation.wu-priority-navigation--show-overflow-indicator .wu-priority-navigation__overflow-list{transition:all var(--wu-toggle-mobile-menu-animation-duration);height:0;max-height:0;width:-moz-max-content;width:max-content;list-style:none;overflow:hidden}.wu-priority-navigation.wu-priority-navigation--show-overflow-indicator .wu-priority-navigation__overflow-list ul{list-style:none;padding:0;letter-spacing:.4em}.wu-priority-navigation.wu-priority-navigation--show-overflow-indicator .wu-priority-navigation__overflow-list li:first-child{margin-top:0}.wu-priority-navigation.wu-priority-navigation--show-overflow-indicator .wu-priority-navigation__overflow-list li{transition:all var(--wu-toggle-mobile-menu-animation-duration);color:#fff}.wu-priority-navigation.wu-priority-navigation--show-overflow-indicator .wu-priority-navigation__overflow-list a{cursor:pointer}.wu-priority-navigation.wu-priority-navigation--show-overflow-indicator .wu-priority-navigation__list__overflow-indicator{display:inline-block!important}.wu-priority-navigation.wu-priority-navigation--show-overflow-indicator.wu-priority-navigation--overflow-open .wu-priority-navigation__overflow-list{height:100%;width:100%;max-height:var(--wu-overflow-navigation-height-estimation)}.wu-priority-navigation.wu-priority-navigation--show-overflow-indicator.wu-priority-navigation--overflow-open .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon{transform:rotate(180deg);background-color:transparent!important}.wu-priority-navigation.wu-priority-navigation--show-overflow-indicator.wu-priority-navigation--overflow-open .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:after,.wu-priority-navigation.wu-priority-navigation--show-overflow-indicator.wu-priority-navigation--overflow-open .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:before{top:0}.wu-priority-navigation.wu-priority-navigation--show-overflow-indicator.wu-priority-navigation--overflow-open .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:before{transform:rotate(45deg)}.wu-priority-navigation.wu-priority-navigation--show-overflow-indicator.wu-priority-navigation--overflow-open .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:after{transform:rotate(-45deg)}.wu-priority-navigation .wu-priority-navigation__list__item--hide{display:none!important}.wu-window-loading-cover{background-color:var(--wu-surface-color,#21262d);top:0;left:0;position:fixed;height:100%;width:100%;z-index:1002!important}.wu-window-loading-cover .loading-text{position:absolute;inset:0;margin:auto;text-align:center;width:100%;height:100px;line-height:100px}.wu-window-loading-cover .loading-text span{display:inline-block;margin:0 5px;color:var(--wu-on-surface-color,#bbc2ca)}.wu-window-loading-cover .loading-text span:first-child{filter:blur(0);animation:blur-text 1.5s linear 0s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(2){filter:blur(0);animation:blur-text 1.5s linear .2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(3){filter:blur(0);animation:blur-text 1.5s linear .4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(4){filter:blur(0);animation:blur-text 1.5s linear .6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(5){filter:blur(0);animation:blur-text 1.5s linear .8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(6){filter:blur(0);animation:blur-text 1.5s linear 1s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(7){filter:blur(0);animation:blur-text 1.5s linear 1.2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(8){filter:blur(0);animation:blur-text 1.5s linear 1.4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(9){filter:blur(0);animation:blur-text 1.5s linear 1.6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(10){filter:blur(0);animation:blur-text 1.5s linear 1.8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(11){filter:blur(0);animation:blur-text 1.5s linear 2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(12){filter:blur(0);animation:blur-text 1.5s linear 2.2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(13){filter:blur(0);animation:blur-text 1.5s linear 2.4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(14){filter:blur(0);animation:blur-text 1.5s linear 2.6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(15){filter:blur(0);animation:blur-text 1.5s linear 2.8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(16){filter:blur(0);animation:blur-text 1.5s linear 3s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(17){filter:blur(0);animation:blur-text 1.5s linear 3.2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(18){filter:blur(0);animation:blur-text 1.5s linear 3.4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(19){filter:blur(0);animation:blur-text 1.5s linear 3.6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(20){filter:blur(0);animation:blur-text 1.5s linear 3.8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(21){filter:blur(0);animation:blur-text 1.5s linear 4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(22){filter:blur(0);animation:blur-text 1.5s linear 4.2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(23){filter:blur(0);animation:blur-text 1.5s linear 4.4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(24){filter:blur(0);animation:blur-text 1.5s linear 4.6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(25){filter:blur(0);animation:blur-text 1.5s linear 4.8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(26){filter:blur(0);animation:blur-text 1.5s linear 5s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(27){filter:blur(0);animation:blur-text 1.5s linear 5.2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(28){filter:blur(0);animation:blur-text 1.5s linear 5.4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(29){filter:blur(0);animation:blur-text 1.5s linear 5.6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(30){filter:blur(0);animation:blur-text 1.5s linear 5.8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(31){filter:blur(0);animation:blur-text 1.5s linear 6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(32){filter:blur(0);animation:blur-text 1.5s linear 6.2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(33){filter:blur(0);animation:blur-text 1.5s linear 6.4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(34){filter:blur(0);animation:blur-text 1.5s linear 6.6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(35){filter:blur(0);animation:blur-text 1.5s linear 6.8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(36){filter:blur(0);animation:blur-text 1.5s linear 7s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(37){filter:blur(0);animation:blur-text 1.5s linear 7.2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(38){filter:blur(0);animation:blur-text 1.5s linear 7.4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(39){filter:blur(0);animation:blur-text 1.5s linear 7.6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(40){filter:blur(0);animation:blur-text 1.5s linear 7.8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(41){filter:blur(0);animation:blur-text 1.5s linear 8s infinite alternate}::view-transition-old(wu-menu-highlight){height:100%}::view-transition-new(wu-menu-highlight){height:100%}@keyframes blur-text{0%{filter:blur(0)}to{filter:blur(4px)}}
|
package/index.scss
CHANGED
|
@@ -55,9 +55,8 @@ endregion
|
|
|
55
55
|
/* endregion */
|
|
56
56
|
}
|
|
57
57
|
|
|
58
|
-
|
|
59
|
-
/* region
|
|
60
|
-
/** region headline */
|
|
58
|
+
.wu {
|
|
59
|
+
/* region headline */
|
|
61
60
|
h1,
|
|
62
61
|
h2,
|
|
63
62
|
h3,
|
|
@@ -81,8 +80,8 @@ website-utilities {
|
|
|
81
80
|
h2 {
|
|
82
81
|
font-size: 2em;
|
|
83
82
|
}
|
|
84
|
-
|
|
85
|
-
|
|
83
|
+
/* endregion */
|
|
84
|
+
/* region link */
|
|
86
85
|
a,
|
|
87
86
|
a:hover,
|
|
88
87
|
a:focus,
|
|
@@ -90,307 +89,306 @@ website-utilities {
|
|
|
90
89
|
outline: none;
|
|
91
90
|
text-decoration: none;
|
|
92
91
|
}
|
|
93
|
-
/** endregion */
|
|
94
92
|
/* endregion */
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
93
|
+
}
|
|
94
|
+
/* region generic classes */
|
|
95
|
+
/* Disables and hides a scrolling and scrollbar. */
|
|
96
|
+
.wu-action {
|
|
97
|
+
cursor: pointer;
|
|
98
|
+
}
|
|
100
99
|
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
100
|
+
.wu-disable-scrolling {
|
|
101
|
+
height: 100% !important;
|
|
102
|
+
overflow: hidden !important;
|
|
103
|
+
}
|
|
105
104
|
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
105
|
+
.wu-section-active {
|
|
106
|
+
display: block;
|
|
107
|
+
}
|
|
109
108
|
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
109
|
+
.wu-section-inactive {
|
|
110
|
+
display: none;
|
|
111
|
+
}
|
|
112
|
+
/** region form */
|
|
113
|
+
/*** region styled select */
|
|
114
|
+
.wu-select {
|
|
115
|
+
position: relative;
|
|
117
116
|
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
117
|
+
&__arrow {
|
|
118
|
+
position: absolute;
|
|
119
|
+
top: 3px;
|
|
120
|
+
right: 15px;
|
|
121
|
+
pointer-events: none;
|
|
123
122
|
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
}
|
|
123
|
+
span {
|
|
124
|
+
vertical-align: bottom;
|
|
125
|
+
font-size: 10px;
|
|
128
126
|
}
|
|
127
|
+
}
|
|
129
128
|
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
}
|
|
129
|
+
select {
|
|
130
|
+
position: initial !important;
|
|
131
|
+
padding-left: 7px !important;
|
|
132
|
+
padding-right: 25px !important;
|
|
133
|
+
/* hide default down arrow in IE10 */
|
|
134
|
+
&::-ms-expand {
|
|
135
|
+
display: none;
|
|
138
136
|
}
|
|
139
137
|
}
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
138
|
+
}
|
|
139
|
+
/*** endregion */
|
|
140
|
+
/*** region styled checkbox */
|
|
141
|
+
.wu-checkbox {
|
|
142
|
+
margin-top: 2px;
|
|
143
|
+
padding-top: 3px;
|
|
144
|
+
|
|
145
|
+
label {
|
|
146
|
+
padding-left: 40px;
|
|
147
|
+
|
|
148
|
+
.wu-checkbox__wrapper {
|
|
149
|
+
margin-top: -2px;
|
|
150
|
+
margin-left: -40px;
|
|
151
|
+
position: absolute;
|
|
153
152
|
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
}
|
|
153
|
+
.wu-checkbox__wrapper__styled {
|
|
154
|
+
border-radius: 4px;
|
|
155
|
+
border: 2px solid var(--wu-theme-primary, v.$theme-primary);
|
|
156
|
+
cursor: pointer;
|
|
157
|
+
float: right;
|
|
158
|
+
height: 25px;
|
|
159
|
+
padding: 0;
|
|
160
|
+
width: 25px;
|
|
161
|
+
|
|
162
|
+
.wu-checkbox__wrapper__styled__checked {
|
|
163
|
+
background: transparent;
|
|
164
|
+
border: 3px solid var(--wu-theme-on-primary, v.$theme-on-primary);
|
|
165
|
+
border-top: none;
|
|
166
|
+
border-right: none;
|
|
167
|
+
height: 8px;
|
|
168
|
+
left: 4px;
|
|
169
|
+
opacity: 0;
|
|
170
|
+
position: absolute;
|
|
171
|
+
top: 5px;
|
|
172
|
+
transform: rotate(-45deg);
|
|
173
|
+
width: 13px;
|
|
176
174
|
}
|
|
175
|
+
}
|
|
177
176
|
|
|
178
|
-
|
|
179
|
-
|
|
177
|
+
input[type="checkbox"] {
|
|
178
|
+
display: none;
|
|
180
179
|
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
180
|
+
&:checked ~ .wu-checkbox-styled > .wu-checkbox-styled-checked {
|
|
181
|
+
opacity: 1;
|
|
182
|
+
}
|
|
184
183
|
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
}
|
|
184
|
+
&:disabled ~ .wu-checkbox-styled {
|
|
185
|
+
background-color: var(--wu-theme-surface, v.$theme-surface);
|
|
188
186
|
}
|
|
189
187
|
}
|
|
190
188
|
}
|
|
191
189
|
}
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
190
|
+
}
|
|
191
|
+
/*** endregion */
|
|
192
|
+
/** endregion */
|
|
193
|
+
/* endregion */
|
|
194
|
+
/* region move to top button animation */
|
|
195
|
+
.wu-scroll-to-top {
|
|
196
|
+
display: block;
|
|
197
|
+
|
|
198
|
+
transition-property: bottom, opacity;
|
|
199
|
+
transition-duration: .5s;
|
|
198
200
|
|
|
199
|
-
|
|
200
|
-
transition-duration: .5s;
|
|
201
|
+
position: fixed;
|
|
201
202
|
|
|
202
|
-
|
|
203
|
+
right: var(--wu-default-space, #{v.$default-space});
|
|
204
|
+
}
|
|
203
205
|
|
|
204
|
-
|
|
205
|
-
}
|
|
206
|
+
.wu-scroll-to-top.wu-scroll-up {
|
|
207
|
+
bottom: calc(3 * var(--wu-default-space, #{v.$default-space}));
|
|
208
|
+
opacity: 0;
|
|
209
|
+
}
|
|
206
210
|
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
+
.wu-scroll-to-top.wu-scroll-down {
|
|
212
|
+
bottom: var(--wu-default-space, #{v.$default-space});
|
|
213
|
+
opacity: 1;
|
|
214
|
+
}
|
|
211
215
|
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
+
.wu-scroll-to-top.wu-top-settled {
|
|
217
|
+
display: none;
|
|
218
|
+
}
|
|
219
|
+
/* endregion */
|
|
220
|
+
/* region priority navigation */
|
|
221
|
+
.wu-priority-navigation {
|
|
222
|
+
position: relative;
|
|
216
223
|
|
|
217
|
-
|
|
218
|
-
|
|
224
|
+
// NOTE: Important to detect item which where pushed below.
|
|
225
|
+
overflow: visible;
|
|
226
|
+
|
|
227
|
+
&.wu-priority-navigation--resizing {
|
|
228
|
+
overflow: hidden;
|
|
219
229
|
}
|
|
220
|
-
/* endregion */
|
|
221
|
-
/* region priority navigation */
|
|
222
|
-
.wu-priority-navigation {
|
|
223
|
-
position: relative;
|
|
224
230
|
|
|
225
|
-
|
|
226
|
-
|
|
231
|
+
.wu-priority-navigation__list,
|
|
232
|
+
.wu-priority-navigation__overflow-list li {
|
|
233
|
+
position: relative;
|
|
234
|
+
}
|
|
227
235
|
|
|
228
|
-
|
|
229
|
-
|
|
236
|
+
.wu-priority-navigation__link {
|
|
237
|
+
display: inline-block;
|
|
238
|
+
/* region menu highlighter */
|
|
239
|
+
&::after {
|
|
240
|
+
content: " ";
|
|
241
|
+
position: absolute;
|
|
242
|
+
left: 0;
|
|
243
|
+
top: 0;
|
|
244
|
+
width: 100%;
|
|
245
|
+
height: 100%;
|
|
246
|
+
box-sizing: border-box;
|
|
230
247
|
}
|
|
248
|
+
/*
|
|
249
|
+
NOTE: Will be set to when startup animations have been finished.
|
|
231
250
|
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
251
|
+
&.wu-priority-navigation__link--active::after {
|
|
252
|
+
view-transition-name: wu-menu-highlight;
|
|
253
|
+
}
|
|
254
|
+
*/
|
|
255
|
+
/* endregion */
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
.wu-priority-navigation__list {
|
|
259
|
+
list-style: none;
|
|
236
260
|
|
|
237
|
-
|
|
261
|
+
li {
|
|
238
262
|
display: inline-block;
|
|
239
|
-
|
|
240
|
-
&::after {
|
|
241
|
-
content: " ";
|
|
242
|
-
position: absolute;
|
|
243
|
-
left: 0;
|
|
244
|
-
top: 0;
|
|
245
|
-
width: 100%;
|
|
246
|
-
height: 100%;
|
|
247
|
-
box-sizing: border-box;
|
|
248
|
-
}
|
|
249
|
-
/*
|
|
250
|
-
NOTE: Will be set to when startup animations have been finished.
|
|
263
|
+
position: relative;
|
|
251
264
|
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
*/
|
|
256
|
-
/* endregion */
|
|
265
|
+
&.wu-priority-navigation__list__overflow-indicator {
|
|
266
|
+
display: none;
|
|
267
|
+
}
|
|
257
268
|
}
|
|
258
269
|
|
|
259
|
-
.wu-priority-
|
|
260
|
-
|
|
270
|
+
.wu-priority-navigation__list__overflow-indicator {
|
|
271
|
+
cursor: pointer;
|
|
261
272
|
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
273
|
+
width: 2rem;
|
|
274
|
+
height: 2rem;
|
|
275
|
+
position: absolute !important;
|
|
276
|
+
padding-top: 1rem;
|
|
265
277
|
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
}
|
|
269
|
-
}
|
|
278
|
+
.wu-priority-navigation__list__overflow-indicator__title {
|
|
279
|
+
transition: all var(--wu-toggle-mobile-menu-animation-duration);
|
|
270
280
|
|
|
271
|
-
|
|
272
|
-
cursor: pointer;
|
|
281
|
+
position: absolute;
|
|
273
282
|
|
|
274
283
|
width: 2rem;
|
|
275
284
|
height: 2rem;
|
|
276
|
-
position: absolute !important;
|
|
277
|
-
padding-top: 1rem;
|
|
278
285
|
|
|
279
|
-
.wu-priority-navigation__list__overflow-
|
|
286
|
+
.wu-priority-navigation__list__overflow-indicator__title__icon {
|
|
280
287
|
transition: all var(--wu-toggle-mobile-menu-animation-duration);
|
|
281
288
|
|
|
282
|
-
position:
|
|
289
|
+
position: relative;
|
|
290
|
+
transform: rotate(0deg);
|
|
283
291
|
|
|
284
|
-
width:
|
|
285
|
-
height:
|
|
292
|
+
width: 30px;
|
|
293
|
+
height: 1px;
|
|
286
294
|
|
|
287
|
-
|
|
295
|
+
&::before,
|
|
296
|
+
&::after {
|
|
297
|
+
position: absolute;
|
|
288
298
|
transition: all var(--wu-toggle-mobile-menu-animation-duration);
|
|
299
|
+
content: '';
|
|
289
300
|
|
|
290
|
-
position: relative;
|
|
291
301
|
transform: rotate(0deg);
|
|
292
302
|
|
|
293
303
|
width: 30px;
|
|
294
304
|
height: 1px;
|
|
305
|
+
}
|
|
295
306
|
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
transition: all var(--wu-toggle-mobile-menu-animation-duration);
|
|
300
|
-
content: '';
|
|
301
|
-
|
|
302
|
-
transform: rotate(0deg);
|
|
303
|
-
|
|
304
|
-
width: 30px;
|
|
305
|
-
height: 1px;
|
|
306
|
-
}
|
|
307
|
-
|
|
308
|
-
&::before {
|
|
309
|
-
top: -10px;
|
|
310
|
-
}
|
|
307
|
+
&::before {
|
|
308
|
+
top: -10px;
|
|
309
|
+
}
|
|
311
310
|
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
}
|
|
311
|
+
&::after {
|
|
312
|
+
top: 10px;
|
|
315
313
|
}
|
|
316
314
|
}
|
|
317
315
|
}
|
|
318
316
|
}
|
|
317
|
+
}
|
|
319
318
|
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
list-style: none;
|
|
328
|
-
overflow: hidden;
|
|
319
|
+
&.wu-priority-navigation--show-overflow-indicator {
|
|
320
|
+
.wu-priority-navigation__overflow-list {
|
|
321
|
+
transition: all var(--wu-toggle-mobile-menu-animation-duration);
|
|
322
|
+
height: 0;
|
|
323
|
+
max-height: 0;
|
|
324
|
+
width: max-content;
|
|
329
325
|
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
padding: 0;
|
|
333
|
-
letter-spacing: 0.4em;
|
|
334
|
-
}
|
|
326
|
+
list-style: none;
|
|
327
|
+
overflow: hidden;
|
|
335
328
|
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
329
|
+
ul {
|
|
330
|
+
list-style: none;
|
|
331
|
+
padding: 0;
|
|
332
|
+
letter-spacing: 0.4em;
|
|
333
|
+
}
|
|
339
334
|
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
}
|
|
335
|
+
li:first-child {
|
|
336
|
+
margin-top: 0;
|
|
337
|
+
}
|
|
344
338
|
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
339
|
+
li {
|
|
340
|
+
transition: all var(--wu-toggle-mobile-menu-animation-duration);
|
|
341
|
+
color: white;
|
|
348
342
|
}
|
|
349
343
|
|
|
350
|
-
|
|
351
|
-
|
|
344
|
+
a {
|
|
345
|
+
cursor: pointer;
|
|
352
346
|
}
|
|
347
|
+
}
|
|
353
348
|
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
width: 100%;
|
|
358
|
-
/*
|
|
359
|
-
NOTE: Workaround to enable transition. This value should
|
|
360
|
-
represent an upper bound for the maximum overflow menu
|
|
361
|
-
height.
|
|
362
|
-
*/
|
|
363
|
-
max-height: var(--wu-overflow-navigation-height-estimation);
|
|
364
|
-
}
|
|
349
|
+
.wu-priority-navigation__list__overflow-indicator {
|
|
350
|
+
display: inline-block !important;
|
|
351
|
+
}
|
|
365
352
|
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
353
|
+
&.wu-priority-navigation--overflow-open {
|
|
354
|
+
.wu-priority-navigation__overflow-list {
|
|
355
|
+
height: 100%;
|
|
356
|
+
width: 100%;
|
|
357
|
+
/*
|
|
358
|
+
NOTE: Workaround to enable transition. This value should
|
|
359
|
+
represent an upper bound for the maximum overflow menu
|
|
360
|
+
height.
|
|
361
|
+
*/
|
|
362
|
+
max-height: var(--wu-overflow-navigation-height-estimation);
|
|
363
|
+
}
|
|
371
364
|
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
365
|
+
.wu-priority-navigation__list__overflow-indicator
|
|
366
|
+
.wu-priority-navigation__list__overflow-indicator__title
|
|
367
|
+
.wu-priority-navigation__list__overflow-indicator__title__icon {
|
|
368
|
+
transform: rotate(180deg);
|
|
369
|
+
background-color: transparent !important;
|
|
376
370
|
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
371
|
+
&::before,
|
|
372
|
+
&::after {
|
|
373
|
+
top: 0;
|
|
374
|
+
}
|
|
380
375
|
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
376
|
+
&::before {
|
|
377
|
+
transform: rotate(45deg);
|
|
378
|
+
}
|
|
379
|
+
|
|
380
|
+
&::after {
|
|
381
|
+
transform: rotate(-45deg);
|
|
384
382
|
}
|
|
385
383
|
}
|
|
386
384
|
}
|
|
385
|
+
}
|
|
387
386
|
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
}
|
|
387
|
+
.wu-priority-navigation__list__item--hide {
|
|
388
|
+
display: none !important;
|
|
391
389
|
}
|
|
392
|
-
/* endregion */
|
|
393
390
|
}
|
|
391
|
+
/* endregion */
|
|
394
392
|
/* Overlay the whole page till everything is loaded completely. */
|
|
395
393
|
.wu-window-loading-cover {
|
|
396
394
|
background-color: var(--wu-surface-color, v.$theme-surface);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "website-utilities",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.440",
|
|
4
4
|
"description": "extend your web app",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"website",
|
|
@@ -70,11 +70,11 @@
|
|
|
70
70
|
"@types/jsdom": "^28.0.3",
|
|
71
71
|
"@types/node": "^25.9.2",
|
|
72
72
|
"@types/webpack-env": "^1.18.8",
|
|
73
|
-
"@typescript-eslint/eslint-plugin": "^8.
|
|
74
|
-
"@typescript-eslint/parser": "^8.
|
|
73
|
+
"@typescript-eslint/eslint-plugin": "^8.61.0",
|
|
74
|
+
"@typescript-eslint/parser": "^8.61.0",
|
|
75
75
|
"@webcomponents/webcomponentsjs": "^2.8.0",
|
|
76
76
|
"bootstrap-icons": "^1.13.1",
|
|
77
|
-
"clientnode": "^4.0.
|
|
77
|
+
"clientnode": "^4.0.1421",
|
|
78
78
|
"css-loader": "^7.1.4",
|
|
79
79
|
"cssnano": "^8.0.1",
|
|
80
80
|
"eslint": "^10.4.1",
|
|
@@ -97,9 +97,9 @@
|
|
|
97
97
|
"style-loader": "^4.0.0",
|
|
98
98
|
"stylelint": "^17.13.0",
|
|
99
99
|
"stylelint-config-standard-scss": "^17.0.0",
|
|
100
|
-
"typescript-eslint": "^8.
|
|
100
|
+
"typescript-eslint": "^8.61.0",
|
|
101
101
|
"web-component-wrapper": "^0.0.593",
|
|
102
|
-
"web-documentation": "^1.0.
|
|
102
|
+
"web-documentation": "^1.0.31",
|
|
103
103
|
"weboptimizer": "^3.0.24",
|
|
104
104
|
"webpack-dev-server": "^5.2.4"
|
|
105
105
|
},
|