Project-Pro/fr.vidok.com
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

save

Browse Source
This commit is contained in:
Roman Pyrih
2024-08-26 15:58:29 +02:00
parent 11ea3f98bd
commit a4c4b7f3c3
5 changed files with 233 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
wp-content/themes/hello-elementor/assets/styles/custom.css
View File

@@ -96,6 +96,18 @@ input[id^=eael-tabs-filter-type-]:checked::after {
align-items: center;
justify-content: center;
font-size: 24px;
animation: bounce 2s infinite;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(-50%) translateX(0) rotate(90deg);
}
40% {
transform: translateY(calc(-50% - 10px)) translateX(-10px) rotate(90deg);
}
60% {
transform: translateY(calc(-50% - 5px)) translateX(-5px) rotate(90deg);
}
}
.eael-tabs-nav > ul {
display: grid !important;
@@ -812,9 +824,22 @@ body.elementor-page > div[data-elementor-type=single-page] {
align-items: center;
}
.addon-btn-title .elementor-icon {
position: relative;
margin-left: -20px;
z-index: -1;
}
.addon-btn-title .elementor-icon::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 90px;
height: 90px;
background: #e6e3e3;
border-radius: 100%;
z-index: -1;
}
.addon-btn-title .elementor-icon i {
color: #000;
width: 100px;
@@ -825,8 +850,58 @@ body.elementor-page > div[data-elementor-type=single-page] {
align-items: center;
justify-content: center;
font-size: 28px;
transition: all 250ms ease-in-out;
}
.addon-btn-title span {
position: relative;
}
.addon-btn-title span::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 2px;
background: #000;
transition: width 250ms ease-in-out;
}
.addon-btn-title:hover span::before {
width: 100%;
}
.addon-btn-title:hover .elementor-icon::before {
animation: puls 500ms ease-in-out;
}
.addon-btn-title:hover .elementor-icon i {
background: #e6e3e3;
}
@keyframes puls {
0% {
opacity: 1;
}
100% {
width: 140px;
height: 140px;
opacity: 0;
}
}
@media (min-width: 501px) {
#center-header-box > .e-con-inner .center-header-box-menu .elementor-nav-menu li.menu-item-4927 {
display: none;
}
}
@media (min-width: 1025px) {
#center-header-box > .e-con-inner .center-header-box-menu .elementor-nav-menu > .menu-item.current_page_item > a::after {
width: 100%;
}
#center-header-box > .e-con-inner .center-header-box-menu .elementor-nav-menu > .menu-item > a::after {
width: 0;
transition: width 250ms ease-in-out;
}
#center-header-box > .e-con-inner .center-header-box-menu .elementor-nav-menu > .menu-item > a:hover::after {
width: 100%;
}
}
@media (max-width: 1024px) {
#center-header-box > .e-con-inner .center-header-box-logo {
flex: 1;
@@ -841,6 +916,13 @@ body.elementor-page > div[data-elementor-type=single-page] {
width: max-content;
z-index: 1;
}
}
@media (max-width: 1024px) and (max-width: 768px) {
#center-header-box > .e-con-inner .center-header-box-menu > .elementor-widget-container > .elementor-nav-menu--dropdown {
top: 52px;
}
}
@media (max-width: 1024px) {
#center-header-box > .e-con-inner .center-header-box-menu .elementor-nav-menu .menu-item ul.sub-menu {
background: #f4f4f4;
}

2
wp-content/themes/hello-elementor/assets/styles/custom.css.map
View File

File diff suppressed because one or more lines are too long

147
wp-content/themes/hello-elementor/assets/styles/custom.scss
View File

@@ -109,6 +109,24 @@ input[id^='eael-tabs-filter-type-'] {
align-items: center;
justify-content: center;
font-size: 24px;
animation: bounce 2s infinite;
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(calc(-50%)) translateX(0) rotate(90deg);
}
40% {
transform: translateY(calc(-50% - 10px)) translateX(-10px)
rotate(90deg);
}
60% {
transform: translateY(calc(-50% - 5px)) translateX(-5px) rotate(90deg);
}
}
}
}
@@ -977,9 +995,24 @@ body.elementor-page {
align-items: center;
.elementor-icon {
position: relative;
margin-left: -20px;
z-index: -1;
&::before {
content: '';
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 90px;
height: 90px;
background: #e6e3e3;
border-radius: 100%;
z-index: -1;
// transition: all 250ms ease-in-out;
}
i {
color: #000;
width: 100px;
@@ -990,11 +1023,93 @@ body.elementor-page {
align-items: center;
justify-content: center;
font-size: 28px;
transition: all 250ms ease-in-out;
}
}
span {
position: relative;
&::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 2px;
background: #000;
transition: width 250ms ease-in-out;
}
}
&:hover {
span {
&::before {
width: 100%;
}
}
.elementor-icon {
&::before {
animation: puls 500ms ease-in-out;
}
i {
background: #e6e3e3;
}
}
}
@keyframes puls {
0% {
opacity: 1;
}
100% {
width: 140px;
height: 140px;
opacity: 0;
}
}
}
#center-header-box {
@media (min-width: 501px) {
> .e-con-inner {
.center-header-box-menu {
.elementor-nav-menu {
li.menu-item-4927 {
display: none;
}
}
}
}
}
@media (min-width: 1025px) {
> .e-con-inner {
.center-header-box-menu {
.elementor-nav-menu {
> .menu-item {
&.current_page_item {
> a {
&::after {
width: 100%;
}
}
}
> a {
&::after {
width: 0;
transition: width 250ms ease-in-out;
}
&:hover {
&::after {
width: 100%;
}
}
}
}
}
}
}
}
@media (max-width: 1024px) {
> .e-con-inner {
.center-header-box-logo {
@@ -1013,6 +1128,10 @@ body.elementor-page {
top: 64px;
width: max-content;
z-index: 1;
@media (max-width: 768px) {
top: 52px;
}
}
}
.elementor-nav-menu {
@@ -1061,3 +1180,31 @@ body.elementor-page {
}
}
}
// body {
// .elementor-location-single {
// div[data-elementor-type='wp-page'] {
// &.elementor {
// .elementor-element {
// h1,
// h2,
// h3,
// h4,
// h5,
// h6 {
// &.elementor-heading-title {
// color: #444444;
// }
// }
// }
// }
// }
// p,
// a,
// span,
// .elementor-heading-title {
// color: #444444;
// }
// }
// }