FM / utilities

/var/www/vhosts/ihelp.ro/httpdocs/webroot.dev/scss/import/utilities/

/var/www/vhosts/ihelp.ro/httpdocs/webroot.dev/scss/import/utilities

Name	Size	Mode	Actions
_effects.scss	2567	0644	edit dl rm
_hamburger.scss	2676	0644	edit dl rm
_overlay.scss	2115	0644	edit dl rm

Edit: /var/www/vhosts/ihelp.ro/httpdocs/webroot.dev/scss/import/utilities/_overlay.scss (2115B)

&.dark-inverted {
        background: #fff;
        background: -moz-linear-gradient(
            180deg,
            rgba(255, 255, 255, 0) 40%,
            rgba(0, 0, 0, 0.5) 90%
        );
        background: -webkit-linear-gradient(
            180deg,
            rgba(255, 255, 255, 0) 40%,
            rgba(0, 0, 0, 0.5) 90%
        );
        background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0) 40%,
            rgba(0, 0, 0, 0.5) 90%
        );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);
    }
}

.has-overlay {
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(
        180deg,
        rgba(255, 255, 255, 0) 7%,
        rgba(0, 0, 0, 0.9262254901960786) 100%
    );
    background: -webkit-linear-gradient(
        180deg,
        rgba(255, 255, 255, 0) 7%,
        rgba(0, 0, 0, 0.9262254901960786) 100%
    );
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0) 7%,
        rgba(0, 0, 0, 0.9262254901960786) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);
}

.overlay { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; &.dark-opaque { background: rgba(0,0,0,.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1); } &.dark { background: #fff; background: -moz-linear-gradient( 180deg, rgba(255, 255, 255, 0) 80%, rgba(0, 0, 0, 0.5) 110% ); background: -webkit-linear-gradient( 180deg, rgba(255, 255, 255, 0) 80%, rgba(0, 0, 0, 0.5) 110% ); background: linear-gradient( 180deg, rgba(255, 255, 255, 0) 80%, rgba(0, 0, 0, 0.5) 110% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1); } &.dark-inverted { background: #fff; background: -moz-linear-gradient( 180deg, rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0.5) 90% ); background: -webkit-linear-gradient( 180deg, rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0.5) 90% ); background: linear-gradient( 180deg, rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0.5) 90% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1); } } .has-overlay { background: rgb(255, 255, 255); background: -moz-linear-gradient( 180deg, rgba(255, 255, 255, 0) 7%, rgba(0, 0, 0, 0.9262254901960786) 100% ); background: -webkit-linear-gradient( 180deg, rgba(255, 255, 255, 0) 7%, rgba(0, 0, 0, 0.9262254901960786) 100% ); background: linear-gradient( 180deg, rgba(255, 255, 255, 0) 7%, rgba(0, 0, 0, 0.9262254901960786) 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1); }