website-utilities 1.0.260 → 1.0.261

package/index.compiled.css

@@ -1,2 +1,2 @@
 /* !/usr/bin/env css
--*- coding: utf-8 -*- */@font-face{font-family:open-sans;src:url(font.compiled/open-sans-light.woff2?md5=[chunkhash]) format("woff2"),url(font.compiled/open-sans-light.woff?md5=[chunkhash]) format("woff");font-weight:300;font-style:normal}@font-face{font-family:open-sans;src:url(font.compiled/open-sans-light-italic.woff2?md5=[chunkhash]) format("woff2"),url(font.compiled/open-sans-light-italic.woff?md5=[chunkhash]) format("woff");font-weight:300;font-style:italic}@font-face{font-family:open-sans;src:url(font.compiled/open-sans-regular.woff2?md5=[chunkhash]) format("woff2"),url(font.compiled/open-sans-regular.woff?md5=[chunkhash]) format("woff");font-weight:400;font-style:normal}@font-face{font-family:open-sans;src:url(font.compiled/open-sans-italic.woff2?md5=[chunkhash]) format("woff2"),url(font.compiled/open-sans-italic.woff?md5=[chunkhash]) format("woff");font-weight:400;font-style:italic}@font-face{font-family:open-sans;src:url(font.compiled/open-sans-semi-bold.woff2?md5=[chunkhash]) format("woff2"),url(font.compiled/open-sans-semi-bold.woff?md5=[chunkhash]) format("woff");font-weight:600;font-style:normal}@font-face{font-family:open-sans;src:url(font.compiled/open-sans-semi-bold-italic.woff2?md5=[chunkhash]) format("woff2"),url(font.compiled/open-sans-semi-bold-italic.woff?md5=[chunkhash]) format("woff");font-weight:600;font-style:italic}@font-face{font-family:open-sans;src:url(font.compiled/open-sans-bold.woff2?md5=[chunkhash]) format("woff2"),url(font.compiled/open-sans-bold.woff?md5=[chunkhash]) format("woff");font-weight:700;font-style:normal}@font-face{font-family:open-sans;src:url(font.compiled/open-sans-bold-italic.woff2?md5=[chunkhash]) format("woff2"),url(font.compiled/open-sans-bold-italic.woff?md5=[chunkhash]) format("woff");font-weight:700;font-style:italic}@font-face{font-family:open-sans;src:url(font.compiled/open-sans-extra-bold.woff2?md5=[chunkhash]) format("woff2"),url(font.compiled/open-sans-extra-bold.woff?md5=[chunkhash]) format("woff");font-weight:800;font-style:normal}@font-face{font-family:open-sans;src:url(font.compiled/open-sans-extra-bold-italic.woff2?md5=[chunkhash]) format("woff2"),url(font.compiled/open-sans-extra-bold-italic.woff?md5=[chunkhash]) format("woff");font-weight:800;font-style:italic}@font-face{font-family:open-sans-condensed;src:url(font.compiled/open-sans-condensed-bold.woff2?md5=[chunkhash]) format("woff2"),url(font.compiled/open-sans-condensed-bold.woff?md5=[chunkhash]) format("woff");font-weight:700;font-style:normal}@font-face{font-family:open-sans-condensed;src:url(font.compiled/open-sans-condensed-light.woff2?md5=[chunkhash]) format("woff2"),url(font.compiled/open-sans-condensed-light.woff?md5=[chunkhash]) format("woff");font-weight:300;font-style:normal}@font-face{font-family:open-sans-condensed;src:url(font.compiled/open-sans-condensed-light-italic.woff2?md5=[chunkhash]) format("woff2"),url(font.compiled/open-sans-condensed-light-italic.woff?md5=[chunkhash]) format("woff");font-weight:300;font-style:italic}@font-face{font-family:Glyphicons Halflings;src:url(font.compiled/glyphicons-halflings-regular.woff2?md5=[chunkhash]) format("woff2"),url(font.compiled/glyphicons-halflings-regular.woff?md5=[chunkhash]) format("woff")}@font-face{font-family:Glyphicons Social Regular;src:url(font.compiled/glyphicons-halflings-social-regular.woff2?md5=[chunkhash]) format("woff2"),url(font.compiled/glyphicons-halflings-social-regular.woff?md5=[chunkhash]) format("woff")}:root{--default-space:20px;--extra-extra-small-width:360px;--extra-small-width:500px;--small-width:768px;--medium-width:992px;--large-width:1200px;@custom-media --extra-extra-small (min-width: 360px);@custom-media --extra-small (min-width: 500px);@custom-media --small (min-width: 768px);@custom-media --medium (min-width: 992px);@custom-media --large (min-width: 1200px);--background-color:#fff;--disabled-color:#eee;--font-color:#555;--border-color:#ccc;--font-family:"Open Sans",open-sans,sans-serif;--font-family-condensed:"Open Sans Condensed",open-sans-condensed,sans-serif;& .javascript .tools{&-hidden-on-javascript-enabled{display:none!important}&-visible-on-javascript-enabled{display:initial!important}}& .no-javascript .tools{&-hidden-on-javascript-disabled{display:none!important}&-visible-on-javascript-disabled{display:initial!important}}}@keyframes spinner-line-fade-more{0%,to{opacity:0}1%{opacity:1}}@keyframes spinner-line-fade-quick{0%,39%,to{opacity:.25}40%{opacity:1}}@keyframes spinner-line-fade-default{0%,to{opacity:.22}1%{opacity:1}}
+-*- coding: utf-8 -*- */@font-face{font-family:open-sans;src:url(font.compiled/open-sans-light.woff2?md5=[chunkhash]) format("woff2"),url(font.compiled/open-sans-light.woff?md5=[chunkhash]) format("woff");font-weight:300;font-style:normal}@font-face{font-family:open-sans;src:url(font.compiled/open-sans-light-italic.woff2?md5=[chunkhash]) format("woff2"),url(font.compiled/open-sans-light-italic.woff?md5=[chunkhash]) format("woff");font-weight:300;font-style:italic}@font-face{font-family:open-sans;src:url(font.compiled/open-sans-regular.woff2?md5=[chunkhash]) format("woff2"),url(font.compiled/open-sans-regular.woff?md5=[chunkhash]) format("woff");font-weight:400;font-style:normal}@font-face{font-family:open-sans;src:url(font.compiled/open-sans-italic.woff2?md5=[chunkhash]) format("woff2"),url(font.compiled/open-sans-italic.woff?md5=[chunkhash]) format("woff");font-weight:400;font-style:italic}@font-face{font-family:open-sans;src:url(font.compiled/open-sans-semi-bold.woff2?md5=[chunkhash]) format("woff2"),url(font.compiled/open-sans-semi-bold.woff?md5=[chunkhash]) format("woff");font-weight:600;font-style:normal}@font-face{font-family:open-sans;src:url(font.compiled/open-sans-semi-bold-italic.woff2?md5=[chunkhash]) format("woff2"),url(font.compiled/open-sans-semi-bold-italic.woff?md5=[chunkhash]) format("woff");font-weight:600;font-style:italic}@font-face{font-family:open-sans;src:url(font.compiled/open-sans-bold.woff2?md5=[chunkhash]) format("woff2"),url(font.compiled/open-sans-bold.woff?md5=[chunkhash]) format("woff");font-weight:700;font-style:normal}@font-face{font-family:open-sans;src:url(font.compiled/open-sans-bold-italic.woff2?md5=[chunkhash]) format("woff2"),url(font.compiled/open-sans-bold-italic.woff?md5=[chunkhash]) format("woff");font-weight:700;font-style:italic}@font-face{font-family:open-sans;src:url(font.compiled/open-sans-extra-bold.woff2?md5=[chunkhash]) format("woff2"),url(font.compiled/open-sans-extra-bold.woff?md5=[chunkhash]) format("woff");font-weight:800;font-style:normal}@font-face{font-family:open-sans;src:url(font.compiled/open-sans-extra-bold-italic.woff2?md5=[chunkhash]) format("woff2"),url(font.compiled/open-sans-extra-bold-italic.woff?md5=[chunkhash]) format("woff");font-weight:800;font-style:italic}@font-face{font-family:open-sans-condensed;src:url(font.compiled/open-sans-condensed-bold.woff2?md5=[chunkhash]) format("woff2"),url(font.compiled/open-sans-condensed-bold.woff?md5=[chunkhash]) format("woff");font-weight:700;font-style:normal}@font-face{font-family:open-sans-condensed;src:url(font.compiled/open-sans-condensed-light.woff2?md5=[chunkhash]) format("woff2"),url(font.compiled/open-sans-condensed-light.woff?md5=[chunkhash]) format("woff");font-weight:300;font-style:normal}@font-face{font-family:open-sans-condensed;src:url(font.compiled/open-sans-condensed-light-italic.woff2?md5=[chunkhash]) format("woff2"),url(font.compiled/open-sans-condensed-light-italic.woff?md5=[chunkhash]) format("woff");font-weight:300;font-style:italic}@font-face{font-family:Glyphicons Halflings;src:url(font.compiled/glyphicons-halflings-regular.woff2?md5=[chunkhash]) format("woff2"),url(font.compiled/glyphicons-halflings-regular.woff?md5=[chunkhash]) format("woff")}@font-face{font-family:Glyphicons Social Regular;src:url(font.compiled/glyphicons-halflings-social-regular.woff2?md5=[chunkhash]) format("woff2"),url(font.compiled/glyphicons-halflings-social-regular.woff?md5=[chunkhash]) format("woff")}.wu{--default-space:20px;--extra-extra-small-width:360px;--extra-small-width:500px;--small-width:768px;--medium-width:992px;--large-width:1200px;@custom-media --extra-extra-small (min-width: 360px);@custom-media --extra-small (min-width: 500px);@custom-media --small (min-width: 768px);@custom-media --medium (min-width: 992px);@custom-media --large (min-width: 1200px);--background-color:#fff;--disabled-color:#eee;--font-color:#555;--border-color:#ccc;--font-family:"Open Sans",open-sans,sans-serif;--font-family-condensed:"Open Sans Condensed",open-sans-condensed,sans-serif;margin:0;font-family:var(--font-family);font-size:14px}.wu-lang-replacement,.wu lang-replacement{display:none}.wu-h1,.wu-h2,.wu-h3,.wu-h4,.wu-h5,.wu-h6,.wu h1,.wu h2,.wu h3,.wu h4,.wu h5,.wu h6{font-family:var(--font-family)}.wu-h1,.wu-h2,.wu h1,.wu h2{font-family:var(--font-family-condensed);font-weight:400;font-size:3em}.wu-h2,.wu h2{font-size:2em}.wu a,.wu a:focus,.wu a:hover,.wu a:visited,a.wu-a,a.wu-a:focus,a.wu-a:hover,a.wu-a:visited{outline:none;text-decoration:none}.tools-disable-scrolling{height:100%!important;overflow:hidden!important}.wu-action,.wu .action{cursor:pointer}.wu-window-loading-cover,.wu .window-loading-cover{background-color:var(--background-color);position:fixed;height:100%;width:100%;z-index:1002!important}.wu-window-loading-cover>div,.wu .window-loading-cover>div{position:absolute;top:50%;left:50%}.wu-icon-social,.wu .glyphicon-social{color:#1d1d1b;display:inline-block;padding-left:30px;position:relative;text-decoration:none;vertical-align:middle;zoom:1}.wu-icon-social:before,.wu .glyphicon-social:before{display:inline-block;font:24px/1em Glyphicons Social Regular,sans-serif;font-style:normal;font-weight:400;left:0;margin:0 5px 0 0;position:absolute;text-transform:none;top:0;zoom:1}-white.wu-icon-social:before,.wu -white.glyphicon-social:before{color:#fff}-pinterest.wu-icon-social:before,.wu -pinterest.glyphicon-social:before{content:"\E001"}-dropbox.wu-icon-social:before,.wu -dropbox.glyphicon-social:before{content:"\E002"}-google_plus.wu-icon-social:before,.wu -google_plus.glyphicon-social:before{content:"\E003"}-jolicloud.wu-icon-social:before,.wu -jolicloud.glyphicon-social:before{content:"\E004"}-yahoo.wu-icon-social:before,.wu -yahoo.glyphicon-social:before{content:"\E005"}-blogger.wu-icon-social:before,.wu -blogger.glyphicon-social:before{content:"\E006"}-picasa.wu-icon-social:before,.wu -picasa.glyphicon-social:before{content:"\E007"}-amazon.wu-icon-social:before,.wu -amazon.glyphicon-social:before{content:"\E008"}-tumblr.wu-icon-social:before,.wu -tumblr.glyphicon-social:before{content:"\E009"}-wordpress.wu-icon-social:before,.wu -wordpress.glyphicon-social:before{content:"\E010"}-instapaper.wu-icon-social:before,.wu -instapaper.glyphicon-social:before{content:"\E011"}-evernote.wu-icon-social:before,.wu -evernote.glyphicon-social:before{content:"\E012"}-xing.wu-icon-social:before,.wu -xing.glyphicon-social:before{content:"\E013"}-zootool.wu-icon-social:before,.wu -zootool.glyphicon-social:before{content:"\E014"}-dribbble.wu-icon-social:before,.wu -dribbble.glyphicon-social:before{content:"\E015"}-deviantart.wu-icon-social:before,.wu -deviantart.glyphicon-social:before{content:"\E016"}-read_it_later.wu-icon-social:before,.wu -read_it_later.glyphicon-social:before{content:"\E017"}-linked_in.wu-icon-social:before,.wu -linked_in.glyphicon-social:before{content:"\E018"}-forrst.wu-icon-social:before,.wu -forrst.glyphicon-social:before{content:"\E019"}-pinboard.wu-icon-social:before,.wu -pinboard.glyphicon-social:before{content:"\E020"}-behance.wu-icon-social:before,.wu -behance.glyphicon-social:before{content:"\E021"}-github.wu-icon-social:before,.wu -github.glyphicon-social:before{content:"\E022"}-youtube.wu-icon-social:before,.wu -youtube.glyphicon-social:before{content:"\E023"}-skitch.wu-icon-social:before,.wu -skitch.glyphicon-social:before{content:"\E024"}-foursquare.wu-icon-social:before,.wu -foursquare.glyphicon-social:before{content:"\E025"}-quora.wu-icon-social:before,.wu -quora.glyphicon-social:before{content:"\E026"}-badoo.wu-icon-social:before,.wu -badoo.glyphicon-social:before{content:"\E027"}-spotify.wu-icon-social:before,.wu -spotify.glyphicon-social:before{content:"\E028"}-stumbleupon.wu-icon-social:before,.wu -stumbleupon.glyphicon-social:before{content:"\E029"}-readability.wu-icon-social:before,.wu -readability.glyphicon-social:before{content:"\E030"}-facebook.wu-icon-social:before,.wu -facebook.glyphicon-social:before{content:"\E031"}-twitter.wu-icon-social:before,.wu -twitter.glyphicon-social:before{content:"\E032"}-instagram.wu-icon-social:before,.wu -instagram.glyphicon-social:before{content:"\E033"}-posterous_spaces.wu-icon-social:before,.wu -posterous_spaces.glyphicon-social:before{content:"\E034"}-vimeo.wu-icon-social:before,.wu -vimeo.glyphicon-social:before{content:"\E035"}-flickr.wu-icon-social:before,.wu -flickr.glyphicon-social:before{content:"\E036"}-last_fm.wu-icon-social:before,.wu -last_fm.glyphicon-social:before{content:"\E037"}-rss.wu-icon-social:before,.wu -rss.glyphicon-social:before{content:"\E038"}-skype.wu-icon-social:before,.wu -skype.glyphicon-social:before{content:"\E039"}-e-mail.wu-icon-social:before,.wu -e-mail.glyphicon-social:before{content:"\E040"}-vine.wu-icon-social:before,.wu -vine.glyphicon-social:before{content:"\E041"}-myspace.wu-icon-social:before,.wu -myspace.glyphicon-social:before{content:"\E042"}-goodreads.wu-icon-social:before,.wu -goodreads.glyphicon-social:before{content:"\E043"}-apple.wu-icon-social:before,.wu -apple.glyphicon-social:before{content:"\F8FF"}-windows.wu-icon-social:before,.wu -windows.glyphicon-social:before{content:"\E045"}-yelp.wu-icon-social:before,.wu -yelp.glyphicon-social:before{content:"\E046"}-playstation.wu-icon-social:before,.wu -playstation.glyphicon-social:before{content:"\E047"}-xbox.wu-icon-social:before,.wu -xbox.glyphicon-social:before{content:"\E048"}-android.wu-icon-social:before,.wu -android.glyphicon-social:before{content:"\E049"}-ios.wu-icon-social:before,.wu -ios.glyphicon-social:before{content:"\E050"}.wu-select,.wu .select{position:relative}__arrow.wu-select,.wu __arrow.select{position:absolute;top:3px;right:15px;pointer-events:none}__arrow.wu-select span,.wu __arrow.select span{vertical-align:bottom;font-size:10px}.wu-select select,.wu .select select{position:static!important;padding-left:7px!important;padding-right:25px!important}.wu-select select::-ms-expand,.wu .select select::-ms-expand{display:none}.wu-checkbox,.wu .checkbox{margin-top:2px;padding-top:3px}.wu-checkbox label,.wu .checkbox label{padding-left:40px}.wu-checkbox label .checkbox__wrapper,.wu .checkbox label .checkbox__wrapper{margin-top:-2px;margin-left:-40px;position:absolute}.wu-checkbox label .checkbox__wrapper .checkbox__wrapper__styled,.wu .checkbox label .checkbox__wrapper .checkbox__wrapper__styled{border-radius:4px;border:2px solid var(--border-color);cursor:pointer;float:right;height:25px;padding:0;width:25px}.wu-checkbox label .checkbox__wrapper .checkbox__wrapper__styled .checkbox__wrapper__styled__checked,.wu .checkbox label .checkbox__wrapper .checkbox__wrapper__styled .checkbox__wrapper__styled__checked{background:transparent;border:3px solid var(--font-color);border-top:none;border-right:none;height:8px;left:4px;opacity:0;position:absolute;top:5px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:13px}.wu-checkbox label .checkbox__wrapper input[type=checkbox],.wu .checkbox label .checkbox__wrapper input[type=checkbox]{display:none}.wu-checkbox label .checkbox__wrapper input[type=checkbox]:checked~span.checkbox-styled>span.checkbox-styled-checked,.wu .checkbox label .checkbox__wrapper input[type=checkbox]:checked~span.checkbox-styled>span.checkbox-styled-checked{opacity:1}.wu-checkbox label .checkbox__wrapper input[type=checkbox]:disabled~span.checkbox-styled,.wu .checkbox label .checkbox__wrapper input[type=checkbox]:disabled~span.checkbox-styled{background-color:var(--disabled-color)}.tools-hidden-on-javascript-enabled{display:none!important}.tools-visible-on-javascript-enabled{display:inline!important;display:initial!important}@-webkit-keyframes spinner-line-fade-more{0%,to{opacity:0}1%{opacity:1}}@keyframes spinner-line-fade-more{0%,to{opacity:0}1%{opacity:1}}@-webkit-keyframes spinner-line-fade-quick{0%,39%,to{opacity:.25}40%{opacity:1}}@keyframes spinner-line-fade-quick{0%,39%,to{opacity:.25}40%{opacity:1}}@-webkit-keyframes spinner-line-fade-default{0%,to{opacity:.22}1%{opacity:1}}@keyframes spinner-line-fade-default{0%,to{opacity:.22}1%{opacity:1}}

package/index.css

@@ -161,7 +161,7 @@ endregion */
 }
 /** endregion */
 /* endregion */
-:root {
+.wu {
     /* region constants */
     --default-space: 20px;
     /** region dimensions */
@@ -200,250 +200,257 @@ endregion */
     --font-family-condensed: "Open Sans Condensed", open-sans-condensed, sans-serif;
     /** endregion */
     /* endregion */
-    /* stylelint-disable at-rule-no-unknown */
-    @define-mixin website-utilities {
-        margin: 0;
-        font-family: var(--font-family);
-        font-size: 14px;
-        /* stylelint-disable selector-type-no-unknown */
-        & langreplacement { display: none; }
-        /* stylelint-enable selector-type-no-unknown */
-        /* region generic dom nodes */
-        /** region headline */
-        & h1,
-        & h2,
-        & h3,
-        & h4,
-        & h5,
-        & h6,
-        & .h1,
-        & .h2,
-        & .h3,
-        & .h4,
-        & .h5,
-        & .h6 {
-            font-family: var(--font-family);
-        }
+    margin: 0;
 
-        & h1,
-        & h2 {
-            font-family: var(--font-family-condensed);
-            font-weight: normal;
-            font-size: 3em;
-        }
-        & h2 { font-size: 2em; }
-        /** endregion */
-        /** region link */
-        & a,
-        & a:hover,
-        & a:focus,
-        & a:visited {
-            outline: none;
-            text-decoration: none;
-        }
-        /** endregion */
-        /* endregion */
-        /* region generic classes */
-        /* Disables and hides a scrolling and scrollbar. */
-        & .tools-disable-scrolling {
-            height: 100% !important;
-            overflow: hidden !important;
-        }
-        & .website-utilities-action { cursor: pointer; }
-        /* Overlay the whole page till everything is loaded completely. */
-        & .website-utilities-window-loading-cover {
-            background-color: var(--background-color);
-            /* always cover full viewport */
-            position: fixed;
-            height: 100%;
-            width: 100%;
-            z-index: 1002 !important;
-            /* Positioning the loading spinner in center in the loading overlay. */
-            & > div {
-                position: absolute;
-                top: 50%;
-                left: 50%;
-            }
-        }
-        /** region glyphicon-social */
-        & .glyphicon-social {
-            color: #1d1d1b;
-            display: inline-block;
-            padding-left: 30px;
-            position: relative;
-            text-decoration: none;
-            vertical-align: middle;
-            zoom: 1;
+    font-family: var(--font-family);
+    font-size: 14px;
+}
 
-            &::before {
-                /* Edited to enable hover effects.
-                color: #1d1d1b;
-                */
-                display: inline-block;
-                font: 24px/1em "Glyphicons Social Regular", sans-serif;
-                font-style: normal;
-                font-weight: normal;
-                left: 0;
-                margin: 0 5px 0 0;
-                position: absolute;
-                text-transform: none;
-                top: 0;
-                zoom: 1;
-            }
-            &-white::before { color: #fff; }
-            &-pinterest::before { content: "\E001"; }
-            &-dropbox::before { content: "\E002"; }
-            &-google_plus::before { content: "\E003"; }
-            &-jolicloud::before { content: "\E004"; }
-            &-yahoo::before { content: "\E005"; }
-            &-blogger::before { content: "\E006"; }
-            &-picasa::before { content: "\E007"; }
-            &-amazon::before { content: "\E008"; }
-            &-tumblr::before { content: "\E009"; }
-            &-wordpress::before { content: "\E010"; }
-            &-instapaper::before { content: "\E011"; }
-            &-evernote::before { content: "\E012"; }
-            &-xing::before { content: "\E013"; }
-            &-zootool::before { content: "\E014"; }
-            &-dribbble::before { content: "\E015"; }
-            &-deviantart::before { content: "\E016"; }
-            &-read_it_later::before { content: "\E017"; }
-            &-linked_in::before { content: "\E018"; }
-            &-forrst::before { content: "\E019"; }
-            &-pinboard::before { content: "\E020"; }
-            &-behance::before { content: "\E021"; }
-            &-github::before { content: "\E022"; }
-            &-youtube::before { content: "\E023"; }
-            &-skitch::before { content: "\E024"; }
-            &-foursquare::before { content: "\E025"; }
-            &-quora::before { content: "\E026"; }
-            &-badoo::before { content: "\E027"; }
-            &-spotify::before { content: "\E028"; }
-            &-stumbleupon::before { content: "\E029"; }
-            &-readability::before { content: "\E030"; }
-            &-facebook::before { content: "\E031"; }
-            &-twitter::before { content: "\E032"; }
-            &-instagram::before { content: "\E033"; }
-            &-posterous_spaces::before { content: "\E034"; }
-            &-vimeo::before { content: "\E035"; }
-            &-flickr::before { content: "\E036"; }
-            &-last_fm::before { content: "\E037"; }
-            &-rss::before { content: "\E038"; }
-            &-skype::before { content: "\E039"; }
-            &-e-mail::before { content: "\E040"; }
-            &-vine::before { content: "\E041"; }
-            &-myspace::before { content: "\E042"; }
-            &-goodreads::before { content: "\E043"; }
-            &-apple::before { content: "\F8FF"; }
-            &-windows::before { content: "\E045"; }
-            &-yelp::before { content: "\E046"; }
-            &-playstation::before { content: "\E047"; }
-            &-xbox::before { content: "\E048"; }
-            &-android::before { content: "\E049"; }
-            &-ios::before { content: "\E050"; }
-        }
-        /** endregion */
-        /** region form */
-        /*** region styled select */
-        & .select-styled-wrapper {
-            position: relative;
+.wu-lang-replacement,
+.wu lang-replacement {
+    display: none;
+}
+/* region  generic dom nodes */
+/** region headline */
+.wu-h1,
+.wu h1,
+.wu-h2,
+.wu h2,
+.wu-h3,
+.wu h3,
+.wu-h4,
+.wu h4,
+.wu-h5,
+.wu h5,
+.wu-h6,
+.wu h6 {
+    font-family: var(--font-family);
+}
+
+.wu-h1,
+.wu h1,
+.wu-h2,
+.wu h2 {
+    font-family: var(--font-family-condensed);
+    font-weight: normal;
+    font-size: 3em;
+}
 
-            & > .select-styled-arrow {
-                position: absolute;
-                top: 3px;
-                right: 15px;
-                pointer-events: none;
+.wu-h2,
+.wu h2 {
+    font-size: 2em;
+}
+/** endregion */
+/** region  link */
+a.wu-a,
+.wu a,
+a.wu-a:hover,
+.wu a:hover,
+a.wu-a:focus,
+.wu a:focus,
+a.wu-a:visited,
+.wu a:visited {
+    outline: none;
+    text-decoration: none;
+}
+/** endregion */
+/* endregion */
+/* region generic classes */
+/* Disables and hides a scrolling and scrollbar. */
+.tools-disable-scrolling {
+    height: 100% !important;
+    overflow: hidden !important;
+}
 
-                & span {
-                    vertical-align: bottom;
-                    font-size: 10px;
-                }
-            }
+.wu-action,
+.wu .action {
+    cursor: pointer;
+}
+/* Overlay the whole page till everything is loaded completely. */
+.wu-window-loading-cover,
+.wu .window-loading-cover {
+    background-color: var(--background-color);
+    /* always cover full viewport */
+    position: fixed;
+    height: 100%;
+    width: 100%;
+    z-index: 1002 !important;
 
-            & > select {
-                position: initial !important;
-                padding-left: 7px !important;
-                padding-right: 25px !important;
-                /* hide default down arrow in IE10 */
-                &::-ms-expand { display: none; }
-            }
+    & > div {
+        /* Positioning the loading spinner in center in the loading overlay. */
+        position: absolute;
+        top: 50%;
+        left: 50%;
+    }
+}
+/** region glyphicon-social */
+.wu-icon-social,
+.wu .glyphicon-social {
+    color: #1d1d1b;
+    display: inline-block;
+    padding-left: 30px;
+    position: relative;
+    text-decoration: none;
+    vertical-align: middle;
+    zoom: 1;
+
+    &::before {
+        /* Edited to enable hover effects.
+        color: #1d1d1b;
+        */
+        display: inline-block;
+        font: 24px/1em "Glyphicons Social Regular", sans-serif;
+        font-style: normal;
+        font-weight: normal;
+        left: 0;
+        margin: 0 5px 0 0;
+        position: absolute;
+        text-transform: none;
+        top: 0;
+        zoom: 1;
+    }
+
+    &-white::before { color: #fff; }
+    &-pinterest::before { content: "\E001"; }
+    &-dropbox::before { content: "\E002"; }
+    &-google_plus::before { content: "\E003"; }
+    &-jolicloud::before { content: "\E004"; }
+    &-yahoo::before { content: "\E005"; }
+    &-blogger::before { content: "\E006"; }
+    &-picasa::before { content: "\E007"; }
+    &-amazon::before { content: "\E008"; }
+    &-tumblr::before { content: "\E009"; }
+    &-wordpress::before { content: "\E010"; }
+    &-instapaper::before { content: "\E011"; }
+    &-evernote::before { content: "\E012"; }
+    &-xing::before { content: "\E013"; }
+    &-zootool::before { content: "\E014"; }
+    &-dribbble::before { content: "\E015"; }
+    &-deviantart::before { content: "\E016"; }
+    &-read_it_later::before { content: "\E017"; }
+    &-linked_in::before { content: "\E018"; }
+    &-forrst::before { content: "\E019"; }
+    &-pinboard::before { content: "\E020"; }
+    &-behance::before { content: "\E021"; }
+    &-github::before { content: "\E022"; }
+    &-youtube::before { content: "\E023"; }
+    &-skitch::before { content: "\E024"; }
+    &-foursquare::before { content: "\E025"; }
+    &-quora::before { content: "\E026"; }
+    &-badoo::before { content: "\E027"; }
+    &-spotify::before { content: "\E028"; }
+    &-stumbleupon::before { content: "\E029"; }
+    &-readability::before { content: "\E030"; }
+    &-facebook::before { content: "\E031"; }
+    &-twitter::before { content: "\E032"; }
+    &-instagram::before { content: "\E033"; }
+    &-posterous_spaces::before { content: "\E034"; }
+    &-vimeo::before { content: "\E035"; }
+    &-flickr::before { content: "\E036"; }
+    &-last_fm::before { content: "\E037"; }
+    &-rss::before { content: "\E038"; }
+    &-skype::before { content: "\E039"; }
+    &-e-mail::before { content: "\E040"; }
+    &-vine::before { content: "\E041"; }
+    &-myspace::before { content: "\E042"; }
+    &-goodreads::before { content: "\E043"; }
+    &-apple::before { content: "\F8FF"; }
+    &-windows::before { content: "\E045"; }
+    &-yelp::before { content: "\E046"; }
+    &-playstation::before { content: "\E047"; }
+    &-xbox::before { content: "\E048"; }
+    &-android::before { content: "\E049"; }
+    &-ios::before { content: "\E050"; }
+}
+/** endregion */
+/** region form */
+/*** region styled select */
+.wu-select,
+.wu .select {
+    position: relative;
+
+    &__arrow {
+        position: absolute;
+        top: 3px;
+        right: 15px;
+        pointer-events: none;
+
+        & span {
+            vertical-align: bottom;
+            font-size: 10px;
         }
-        /*** endregion */
-        /*** region styled checkbox */
-        & .checkbox,
-        & .form-horizontal .checkbox {
-            margin-top: 2px;
-            padding-top: 3px;
+    }
 
-            & label {
-                padding-left: 40px;
+    & select {
+        position: initial !important;
+        padding-left: 7px !important;
+        padding-right: 25px !important;
+        /* hide default down arrow in IE10 */
+        &::-ms-expand { display: none; }
+    }
+}
+/*** endregion */
+/*** region styled checkbox */
+.wu-checkbox,
+.wu .checkbox {
+    margin-top: 2px;
+    padding-top: 3px;
 
-                & .checkbox-styled-wrapper {
-                    margin-top: -2px;
-                    margin-left: -40px;
-                    position: absolute;
+    & label {
+        padding-left: 40px;
 
-                    & > .checkbox-styled {
-                        border-radius: 4px;
-                        border: 2px solid var(--border-color);
-                        cursor: pointer;
-                        float: right;
-                        height: 25px;
-                        padding: 0;
-                        width: 25px;
+        & .checkbox__wrapper {
+            margin-top: -2px;
+            margin-left: -40px;
+            position: absolute;
 
-                        & > .checkbox-styled-checked {
-                            background: transparent;
-                            border: 3px solid var(--font-color);
-                            border-top: none;
-                            border-right: none;
-                            height: 8px;
-                            left: 4px;
-                            opacity: 0;
-                            position: absolute;
-                            top: 5px;
-                            transform: rotate(-45deg);
-                            width: 13px;
-                        }
-                    }
+            & .checkbox__wrapper__styled {
+                border-radius: 4px;
+                border: 2px solid var(--border-color);
+                cursor: pointer;
+                float: right;
+                height: 25px;
+                padding: 0;
+                width: 25px;
 
-                    & > input[type="checkbox"] {
-                        display: none;
+                & .checkbox__wrapper__styled__checked {
+                    background: transparent;
+                    border: 3px solid var(--font-color);
+                    border-top: none;
+                    border-right: none;
+                    height: 8px;
+                    left: 4px;
+                    opacity: 0;
+                    position: absolute;
+                    top: 5px;
+                    transform: rotate(-45deg);
+                    width: 13px;
+                }
+            }
 
-                        &:checked ~ span.checkbox-styled > span {
-                            &.checkbox-styled-checked {
-                                opacity: 1;
-                            }
-                        }
+            & input[type="checkbox"] {
+                display: none;
 
-                        &:disabled ~ span.checkbox-styled {
-                            background-color: var(--disabled-color);
-                        }
+                &:checked ~ span.checkbox-styled > span {
+                    &.checkbox-styled-checked {
+                        opacity: 1;
                     }
                 }
+
+                &:disabled ~ span.checkbox-styled {
+                    background-color: var(--disabled-color);
+                }
             }
         }
-        & form:not(.form-horizontal) .checkbox { margin-bottom: 20px; }
-        /*** endregion */
-        /** endregion */
-        /* endregion */
-    }
-    /* stylelint-enable at-rule-no-unknown */
-
-    & .javascript .tools {
-        /* Initially show javaScript dependent dom nodes. */
-        &-hidden-on-javascript-enabled { display: none !important; }
-        /* Initially show javaScript dependent dom nodes. */
-        &-visible-on-javascript-enabled { display: initial !important; }
-    }
-
-    & .no-javascript .tools {
-        /* Initially show none javaScript dependent dom nodes. */
-        &-hidden-on-javascript-disabled { display: none !important; }
-        /* Initially show none javaScript dependent dom nodes. */
-        &-visible-on-javascript-disabled { display: initial !important; }
     }
 }
+/*** endregion */
+/** endregion */
+/* endregion */
+/* Initially show javaScript dependent dom nodes. */
+.tools-hidden-on-javascript-enabled { display: none !important; }
+/* Initially show javaScript dependent dom nodes. */
+.tools-visible-on-javascript-enabled { display: initial !important; }
 /* region spinner animation */
 @keyframes spinner-line-fade-more {
     0%,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "website-utilities",
-  "version": "1.0.260",
+  "version": "1.0.261",
   "description": "extend your web app",
   "keywords": [
     "jquery",
@@ -81,11 +81,12 @@
     "jest": "*",
     "jquery": "*",
     "jsdoc": "*",
+    "material-icons": "*",
     "mini-css-extract-plugin": "*",
+    "postcss": "*",
     "postcss-fontpath": "*",
     "postcss-import": "<=12",
     "postcss-loader": "*",
-    "postcss-mixins": "<=6",
     "postcss-preset-env": "*",
     "postcss-sprites": "*",
     "postcss-url": "<=9",
@@ -101,7 +102,6 @@
     "clientnode": "*",
     "internationalisation": "*",
     "jquery": "*",
-    "postcss-mixins": "*",
     "spin.js": "*"
   },
   "peerDependenciesMeta": {
@@ -171,15 +171,6 @@
     "module": {
       "enforceDeduplication": true,
       "preprocessor": {
-        "cascadingStyleSheet": {
-          "additional": {
-            "plugins": {
-              "pre": [
-                "require('postcss-mixins')"
-              ]
-            }
-          }
-        },
         "javaScript": {
           "#": "We have to pre-process \"spin.js\" since it isn't a compatible ECMAScript.",
           "exclude": "!filePath.endsWith('/spin.js') && isFilePathInDependencies(filePath)"