website-utilities 1.0.431 → 1.0.432
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 +8 -7
- package/package.json +3 -3
package/index.compiled.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--w-default-space:20px;--w-extra-extra-small-width:360px;--w-extra-small-width:500px;--w-small-width:768px;--w-medium-width:992px;--w-large-width:1200px;--w-theme-background:#fff;--w-theme-primary:#76b82a;--w-theme-on-primary:#f0f6fc;--w-theme-secondary:#238636;--w-theme-on-secondary:#d6e9da;--w-theme-error:#723637;--w-theme-on-error:#fff;--w-theme-surface:#21262d;--w-theme-on-surface:#bbc2ca;--w-typography-font-family:Open Sans,open-sans,sans-serif;--w-typography-font-family-headline:Open Sans Condensed,open-sans-condensed,sans-serif}website-utilities h1,website-utilities h2,website-utilities h3,website-utilities h4,website-utilities h5,website-utilities h6{font-family:var(--w-typography-font-family,"Open Sans",open-sans,sans-serif);line-height:1.1}website-utilities h1,website-utilities h2{font-family:var(--w-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(--w-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(--w-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(--w-theme-surface,#21262d)}website-utilities .wu-scroll-to-top{display:block;transition-property:bottom,opacity;transition-duration:.5s;position:fixed;right:var(--w-default-space,20px)}website-utilities .wu-scroll-to-top.wu-scroll-up{bottom:calc(var(--w-default-space, 20px)*3);opacity:0}website-utilities .wu-scroll-to-top.wu-scroll-down{bottom:var(--w-default-space,20px);opacity:1}website-utilities .wu-scroll-to-top.wu-top-settled{display:none}website-utilities .wu-priority-navigation{--animation-duration:0.25s;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(--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{background-color:#fff;transition:all var(--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(--animation-duration);content:"";background-color:#fff;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--overflow-open .wu-priority-navigation__overflow-list{height:100%;max-height:400px}website-utilities .wu-priority-navigation.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}website-utilities .wu-priority-navigation.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--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--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--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__overflow-list{transition:all var(--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__overflow-list ul{list-style:none;padding:0;letter-spacing:.4em}website-utilities .wu-priority-navigation .wu-priority-navigation__overflow-list li:first-child{margin-top:0}website-utilities .wu-priority-navigation .wu-priority-navigation__overflow-list li{transition:all var(--animation-duration);margin-top:20px;padding:5px 0;color:#fff}website-utilities .wu-priority-navigation .wu-priority-navigation__overflow-list a{padding:8px;cursor:pointer}website-utilities .wu-priority-navigation.wu-priority-navigation--overflow-open .wu-priority-navigation__overflow-list{width:100%}website-utilities .wu-priority-navigation .wu-priority-navigation__list__item--hide{display:none!important}website-utilities .wu-priority-navigation .wu-priority-navigation__list__overflow-indicator--show{display:inline-block!important}.wu-window-loading-cover{background-color:var(--w-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(--w-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{--w-default-space:20px;--w-extra-extra-small-width:360px;--w-extra-small-width:500px;--w-small-width:768px;--w-medium-width:992px;--w-large-width:1200px;--w-theme-background:#fff;--w-theme-primary:#76b82a;--w-theme-on-primary:#f0f6fc;--w-theme-secondary:#238636;--w-theme-on-secondary:#d6e9da;--w-theme-error:#723637;--w-theme-on-error:#fff;--w-theme-surface:#21262d;--w-theme-on-surface:#bbc2ca;--w-typography-font-family:Open Sans,open-sans,sans-serif;--w-typography-font-family-headline:Open Sans Condensed,open-sans-condensed,sans-serif;--w-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(--w-typography-font-family,"Open Sans",open-sans,sans-serif);line-height:1.1}website-utilities h1,website-utilities h2{font-family:var(--w-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(--w-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(--w-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(--w-theme-surface,#21262d)}website-utilities .wu-scroll-to-top{display:block;transition-property:bottom,opacity;transition-duration:.5s;position:fixed;right:var(--w-default-space,20px)}website-utilities .wu-scroll-to-top.wu-scroll-up{bottom:calc(var(--w-default-space, 20px)*3);opacity:0}website-utilities .wu-scroll-to-top.wu-scroll-down{bottom:var(--w-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(--w-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{background-color:#fff;transition:all var(--w-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(--w-toggle-mobile-menu-animation-duration);content:"";background-color:#fff;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--overflow-open .wu-priority-navigation__overflow-list{height:100%;max-height:400px}website-utilities .wu-priority-navigation.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}website-utilities .wu-priority-navigation.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--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--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--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__overflow-list{transition:all var(--w-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__overflow-list ul{list-style:none;padding:0;letter-spacing:.4em}website-utilities .wu-priority-navigation .wu-priority-navigation__overflow-list li:first-child{margin-top:0}website-utilities .wu-priority-navigation .wu-priority-navigation__overflow-list li{transition:all var(--w-toggle-mobile-menu-animation-duration);margin-top:20px;padding:5px 0;color:#fff}website-utilities .wu-priority-navigation .wu-priority-navigation__overflow-list a{padding:8px;cursor:pointer}website-utilities .wu-priority-navigation.wu-priority-navigation--overflow-open .wu-priority-navigation__overflow-list{width:100%}website-utilities .wu-priority-navigation .wu-priority-navigation__list__item--hide{display:none!important}website-utilities .wu-priority-navigation .wu-priority-navigation__list__overflow-indicator--show{display:inline-block!important}.wu-window-loading-cover{background-color:var(--w-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(--w-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
|
@@ -48,6 +48,9 @@ endregion
|
|
|
48
48
|
--w-typography-font-family: #{v.$typography-font-family};
|
|
49
49
|
--w-typography-font-family-headline: #{v.$typography-font-family-headline};
|
|
50
50
|
/** endregion */
|
|
51
|
+
/** region animation */
|
|
52
|
+
--w-toggle-mobile-menu-animation-duration: 0.25s;
|
|
53
|
+
/** endregion */
|
|
51
54
|
/* endregion */
|
|
52
55
|
}
|
|
53
56
|
|
|
@@ -216,8 +219,6 @@ website-utilities {
|
|
|
216
219
|
/* endregion */
|
|
217
220
|
/* region priority navigation */
|
|
218
221
|
.wu-priority-navigation {
|
|
219
|
-
--animation-duration: 0.25s;
|
|
220
|
-
|
|
221
222
|
position: relative;
|
|
222
223
|
|
|
223
224
|
// NOTE: Important to detect item which where pushed below.
|
|
@@ -275,7 +276,7 @@ website-utilities {
|
|
|
275
276
|
padding-top: 1rem;
|
|
276
277
|
|
|
277
278
|
.wu-priority-navigation__list__overflow-indicator__title {
|
|
278
|
-
transition: all var(--animation-duration);
|
|
279
|
+
transition: all var(--w-toggle-mobile-menu-animation-duration);
|
|
279
280
|
|
|
280
281
|
position: absolute;
|
|
281
282
|
|
|
@@ -285,7 +286,7 @@ website-utilities {
|
|
|
285
286
|
.wu-priority-navigation__list__overflow-indicator__title__icon {
|
|
286
287
|
background-color: white;
|
|
287
288
|
|
|
288
|
-
transition: all var(--animation-duration);
|
|
289
|
+
transition: all var(--w-toggle-mobile-menu-animation-duration);
|
|
289
290
|
|
|
290
291
|
position: relative;
|
|
291
292
|
transform: rotate(0deg);
|
|
@@ -296,7 +297,7 @@ website-utilities {
|
|
|
296
297
|
&::before,
|
|
297
298
|
&::after {
|
|
298
299
|
position: absolute;
|
|
299
|
-
transition: all var(--animation-duration);
|
|
300
|
+
transition: all var(--w-toggle-mobile-menu-animation-duration);
|
|
300
301
|
content: '';
|
|
301
302
|
|
|
302
303
|
background-color: white;
|
|
@@ -352,7 +353,7 @@ website-utilities {
|
|
|
352
353
|
}
|
|
353
354
|
|
|
354
355
|
.wu-priority-navigation__overflow-list {
|
|
355
|
-
transition: all var(--animation-duration);
|
|
356
|
+
transition: all var(--w-toggle-mobile-menu-animation-duration);
|
|
356
357
|
height: 0;
|
|
357
358
|
max-height: 0;
|
|
358
359
|
width: max-content;
|
|
@@ -371,7 +372,7 @@ website-utilities {
|
|
|
371
372
|
}
|
|
372
373
|
|
|
373
374
|
& li {
|
|
374
|
-
transition: all var(--animation-duration);
|
|
375
|
+
transition: all var(--w-toggle-mobile-menu-animation-duration);
|
|
375
376
|
margin-top: 20px;
|
|
376
377
|
padding: 5px 0;
|
|
377
378
|
color: white;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "website-utilities",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.432",
|
|
4
4
|
"description": "extend your web app",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"website",
|
|
@@ -92,14 +92,14 @@
|
|
|
92
92
|
"postcss-sprites": "^4.2.1",
|
|
93
93
|
"postcss-url": "^10.1.4",
|
|
94
94
|
"prop-types": "^15.8.1",
|
|
95
|
-
"sass": "^1.
|
|
95
|
+
"sass": "^1.100.0",
|
|
96
96
|
"sass-loader": "^17.0.0",
|
|
97
97
|
"style-loader": "^4.0.0",
|
|
98
98
|
"stylelint": "^17.12.0",
|
|
99
99
|
"stylelint-config-standard-scss": "^17.0.0",
|
|
100
100
|
"typescript-eslint": "^8.59.4",
|
|
101
101
|
"web-component-wrapper": "^0.0.592",
|
|
102
|
-
"web-documentation": "^1.0.
|
|
102
|
+
"web-documentation": "^1.0.18",
|
|
103
103
|
"weboptimizer": "^3.0.24",
|
|
104
104
|
"webpack-dev-server": "^5.2.4"
|
|
105
105
|
},
|