first commit
This commit is contained in:
@@ -0,0 +1,293 @@
|
||||
.envo-extra-elementor-button {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
background-color: var(--e-global-color-accent);
|
||||
font-size: 15px;
|
||||
padding: 15px 30px;
|
||||
border-radius: 3px;
|
||||
color: #fff;
|
||||
fill: #fff;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
-webkit-transition: 0.3s ease-in-out;
|
||||
-o-transition: 0.3s ease-in-out;
|
||||
transition: 0.3s ease-in-out;
|
||||
}
|
||||
.envo-extra-elementor-button-inner {
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.envo-extra-elementor-button-media {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
margin: 0;
|
||||
}
|
||||
.envo-extra-elementor-button-media > svg {
|
||||
width: 20px;
|
||||
height: auto;
|
||||
}
|
||||
.envo-extra-align-icon-left .envo-extra-elementor-button-media,
|
||||
.envo-extra-promo-box-align-left > i,
|
||||
.envo-extra-promo-box-align-left > svg {
|
||||
margin-right: 5px;
|
||||
}
|
||||
.envo-extra-align-icon-right .envo-extra-elementor-button-media {
|
||||
margin-left: 5px;
|
||||
-webkit-box-ordinal-group: 3;
|
||||
-ms-flex-order: 2;
|
||||
order: 2;
|
||||
}
|
||||
[class*="envo-extra-elementor-button-hover-style-underline"]:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
background-color: #2b2b2b;
|
||||
height: 5px;
|
||||
-webkit-transition-property: all;
|
||||
-o-transition-property: all;
|
||||
transition-property: all;
|
||||
-webkit-transition-duration: 0.3s;
|
||||
-o-transition-duration: 0.3s;
|
||||
transition-duration: 0.3s;
|
||||
-webkit-transition-timing-function: ease-out;
|
||||
-o-transition-timing-function: ease-out;
|
||||
transition-timing-function: ease-out;
|
||||
}
|
||||
.envo-extra-elementor-button-hover-style-underlineFromLeft:before,
|
||||
.envo-extra-elementor-horizontal-menu-style-underlineFromLeft .envo-extra-elementor-horizontal-navbar-nav > li > a:before {
|
||||
left: 0;
|
||||
right: 100%;
|
||||
bottom: 0;
|
||||
}
|
||||
.envo-extra-elementor-button-hover-style-underlineFromRight:before,
|
||||
.envo-extra-elementor-horizontal-menu-style-underlineFromRight .envo-extra-elementor-horizontal-navbar-nav > li > a:before {
|
||||
left: 100%;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.envo-extra-elementor-button-hover-style-underlineFromCenter:before,
|
||||
.envo-extra-elementor-horizontal-menu-style-underlineFromCenter .envo-extra-elementor-horizontal-navbar-nav > li > a:before {
|
||||
left: 51%;
|
||||
right: 51%;
|
||||
bottom: 0;
|
||||
}
|
||||
.envo-extra-elementor-button-hover-style-underlineFromLeft:focus:before,
|
||||
.envo-extra-elementor-button-hover-style-underlineFromLeft:hover:before,
|
||||
.envo-extra-elementor-horizontal-menu-style-underlineCrossOver .envo-extra-elementor-horizontal-navbar-nav > li.current_page_item > a:before,
|
||||
.envo-extra-elementor-horizontal-menu-style-underlineCrossOver .envo-extra-elementor-horizontal-navbar-nav > li:hover > a:before,
|
||||
.envo-extra-elementor-horizontal-menu-style-underlineFromLeft .envo-extra-elementor-horizontal-navbar-nav > li.current_page_item > a:before,
|
||||
.envo-extra-elementor-horizontal-menu-style-underlineFromLeft .envo-extra-elementor-horizontal-navbar-nav > li:hover > a:before,
|
||||
.envo-extra-horizontal-timeline-next {
|
||||
right: 0;
|
||||
}
|
||||
.envo-extra-elementor-button-hover-style-underlineFromRight:focus:before,
|
||||
.envo-extra-elementor-button-hover-style-underlineFromRight:hover:before,
|
||||
.envo-extra-elementor-horizontal-menu-style-underlineFromRight .envo-extra-elementor-horizontal-navbar-nav > li.current_page_item > a:before,
|
||||
.envo-extra-elementor-horizontal-menu-style-underlineFromRight .envo-extra-elementor-horizontal-navbar-nav > li:hover > a:before,
|
||||
.envo-extra-horizontal-timeline-prev {
|
||||
left: 0;
|
||||
}
|
||||
.envo-extra-elementor-button-hover-style-underlineFromCenter:focus:before,
|
||||
.envo-extra-elementor-button-hover-style-underlineFromCenter:hover:before,
|
||||
.envo-extra-elementor-horizontal-menu-style-underlineFromCenter .envo-extra-elementor-horizontal-navbar-nav > li.current_page_item > a:before,
|
||||
.envo-extra-elementor-horizontal-menu-style-underlineFromCenter .envo-extra-elementor-horizontal-navbar-nav > li:hover > a:before {
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
.envo-extra-elementor-button-hover-style-skewFill:before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
content: "";
|
||||
background-color: #e1e1e1;
|
||||
width: 120%;
|
||||
left: -10%;
|
||||
-webkit-transform: skew(30deg);
|
||||
-ms-transform: skew(30deg);
|
||||
transform: skew(30deg);
|
||||
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
|
||||
transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
|
||||
-o-transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
|
||||
transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1), -webkit-transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
|
||||
}
|
||||
.envo-extra-elementor-button-hover-style-skewFill:focus::before,
|
||||
.envo-extra-elementor-button-hover-style-skewFill:hover::before {
|
||||
-webkit-transform: translate3d(100%, 0, 0);
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
.envo-extra-elementor-button-hover-style-bubbleFromDown::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
background-color: #e1e1e1;
|
||||
width: 120%;
|
||||
height: 0;
|
||||
padding-bottom: 120%;
|
||||
top: -110%;
|
||||
left: -10%;
|
||||
border-radius: 50%;
|
||||
-webkit-transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
|
||||
transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
|
||||
}
|
||||
.envo-extra-elementor-button-hover-style-bubbleFromDown:focus::before,
|
||||
.envo-extra-elementor-button-hover-style-bubbleFromDown:hover::before {
|
||||
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
|
||||
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
|
||||
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
|
||||
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
|
||||
-o-transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
|
||||
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
|
||||
}
|
||||
.envo-extra-elementor-button-hover-style-bubbleFromDown::after {
|
||||
content: "";
|
||||
background-color: #e1e1e1;
|
||||
-webkit-transform: translate3d(0, -100%, 0);
|
||||
transform: translate3d(0, -100%, 0);
|
||||
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
|
||||
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
|
||||
-o-transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
|
||||
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
|
||||
}
|
||||
.envo-extra-elementor-button-hover-style-bubbleFromDown:focus::after,
|
||||
.envo-extra-elementor-button-hover-style-bubbleFromDown:hover::after {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
-webkit-transition-duration: 50ms;
|
||||
-o-transition-duration: 50ms;
|
||||
transition-duration: 50ms;
|
||||
-webkit-transition-delay: 0.4s;
|
||||
-o-transition-delay: 0.4s;
|
||||
transition-delay: 0.4s;
|
||||
-webkit-transition-timing-function: linear;
|
||||
-o-transition-timing-function: linear;
|
||||
transition-timing-function: linear;
|
||||
}
|
||||
.envo-extra-elementor-button-hover-style-bubbleFromCenter::after,
|
||||
.envo-extra-elementor-button-hover-style-bubbleFromCenter::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
background-color: #e1e1e1;
|
||||
}
|
||||
.envo-extra-elementor-button-hover-style-bubbleFromCenter::before {
|
||||
width: 110%;
|
||||
height: 0;
|
||||
padding-bottom: 110%;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
border-radius: 50%;
|
||||
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
|
||||
transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1);
|
||||
}
|
||||
.envo-extra-elementor-button-hover-style-bubbleFromCenter:focus::before,
|
||||
.envo-extra-elementor-button-hover-style-bubbleFromCenter:hover::before {
|
||||
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
|
||||
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
|
||||
-o-transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
|
||||
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1), -webkit-transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
|
||||
-webkit-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
|
||||
transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
|
||||
}
|
||||
.envo-extra-elementor-button-hover-style-bubbleFromCenter::after {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.3s;
|
||||
-o-transition: opacity 0.3s;
|
||||
transition: opacity 0.3s;
|
||||
}
|
||||
.envo-extra-elementor-button-hover-style-bubbleFromCenter:focus::after,
|
||||
.envo-extra-elementor-button-hover-style-bubbleFromCenter:hover::after {
|
||||
opacity: 1;
|
||||
-webkit-transition-duration: 10ms;
|
||||
-o-transition-duration: 10ms;
|
||||
transition-duration: 10ms;
|
||||
-webkit-transition-delay: 0.3s;
|
||||
-o-transition-delay: 0.3s;
|
||||
transition-delay: 0.3s;
|
||||
}
|
||||
.envo-extra-elementor-button-hover-style-flipSlide:focus > .envo-extra-elementor-button-inner,
|
||||
.envo-extra-elementor-button-hover-style-flipSlide:hover > .envo-extra-elementor-button-inner {
|
||||
-webkit-animation: 0.2s forwards MoveUpInitial, 0.2s 0.2s forwards MoveUpEnd;
|
||||
animation: 0.2s forwards MoveUpInitial, 0.2s 0.2s forwards MoveUpEnd;
|
||||
}
|
||||
@-webkit-keyframes MoveUpInitial {
|
||||
to {
|
||||
-webkit-transform: translate3d(0, -105%, 0);
|
||||
transform: translate3d(0, -105%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes MoveUpInitial {
|
||||
to {
|
||||
-webkit-transform: translate3d(0, -105%, 0);
|
||||
transform: translate3d(0, -105%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes MoveUpEnd {
|
||||
from {
|
||||
-webkit-transform: translate3d(0, 100%, 0);
|
||||
transform: translate3d(0, 100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@keyframes MoveUpEnd {
|
||||
from {
|
||||
-webkit-transform: translate3d(0, 100%, 0);
|
||||
transform: translate3d(0, 100%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.envo-extra-elementor-button-hover-style-flipSlide::before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
content: "";
|
||||
background: #e1e1e1;
|
||||
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
|
||||
transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
|
||||
-o-transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
|
||||
transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
|
||||
-webkit-transform-origin: 100% 50%;
|
||||
-ms-transform-origin: 100% 50%;
|
||||
transform-origin: 100% 50%;
|
||||
}
|
||||
.envo-extra-business-hour-day,
|
||||
.envo-extra-elementor-horizontal-navbar-nav > li > a {
|
||||
-webkit-transition: color 0.2s ease-in-out;
|
||||
-o-transition: color 0.2s ease-in-out;
|
||||
}
|
||||
.envo-extra-elementor-button-hover-style-flipSlide:hover::before,
|
||||
.envo-extra-elementor-button-hover-style-flipSlide:hover:focus {
|
||||
-webkit-transform: scale3d(0, 1, 1);
|
||||
transform: scale3d(0, 1, 1);
|
||||
-webkit-transform-origin: 0% 50%;
|
||||
-ms-transform-origin: 0% 50%;
|
||||
transform-origin: 0% 50%;
|
||||
}
|
||||
Reference in New Issue
Block a user