Save
This commit is contained in:
52
wp-content/themes/hello-elementor/assets/css/custom.css
Normal file
52
wp-content/themes/hello-elementor/assets/css/custom.css
Normal file
@@ -0,0 +1,52 @@
|
||||
#box-floating-icons {
|
||||
position: fixed;
|
||||
bottom: 150px;
|
||||
right: 10px;
|
||||
z-index: 100;
|
||||
}
|
||||
#box-floating-icons .elementor-icon-list-item a {
|
||||
position: relative;
|
||||
width: 36px;
|
||||
min-width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 100px;
|
||||
background: #255b38;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
#box-floating-icons .elementor-icon-list-item a::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
background: #255b38;
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: -1;
|
||||
border-radius: 100%;
|
||||
}
|
||||
#box-floating-icons .elementor-icon-list-item a:hover::before {
|
||||
animation: float-item-puls 1s infinite;
|
||||
}
|
||||
@keyframes float-item-puls {
|
||||
0% {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
width: 55px;
|
||||
height: 55px;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
#box-floating-icons .elementor-icon-list-item svg {
|
||||
margin: 0;
|
||||
}
|
||||
#box-floating-icons .elementor-icon-list-item svg path {
|
||||
margin: 0;
|
||||
}
|
||||
#box-floating-icons .elementor-icon-list-item .elementor-icon-list-text {
|
||||
display: none;
|
||||
}/*# sourceMappingURL=custom.css.map */
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["custom.scss","custom.css"],"names":[],"mappings":"AAAA;EACC,eAAA;EACA,aAAA;EACA,WAAA;EACA,YAAA;ACCD;ADEE;EACC,kBAAA;EACA,WAAA;EACA,eAAA;EACA,YAAA;EACA,oBAAA;EACA,mBAAA;EAEA,mBAAA;EACA,uBAAA;ACDH;ADGG;EACC,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,QAAA;EACA,SAAA;EACA,mBAAA;EACA,gCAAA;EACA,WAAA;EACA,mBAAA;ACDJ;ADKI;EACC,sCAAA;ACHL;ADOG;EACC;IACC,WAAA;IACA,YAAA;IACA,UAAA;ECLH;EDOE;IACC,WAAA;IACA,YAAA;IACA,UAAA;ECLH;AACF;ADSE;EACC,SAAA;ACPH;ADQG;EACC,SAAA;ACNJ;ADSE;EACC,aAAA;ACPH","file":"custom.css"}
|
||||
62
wp-content/themes/hello-elementor/assets/css/custom.scss
Normal file
62
wp-content/themes/hello-elementor/assets/css/custom.scss
Normal file
@@ -0,0 +1,62 @@
|
||||
#box-floating-icons {
|
||||
position: fixed;
|
||||
bottom: 150px;
|
||||
right: 10px;
|
||||
z-index: 100;
|
||||
|
||||
.elementor-icon-list-item {
|
||||
a {
|
||||
position: relative;
|
||||
width: 36px;
|
||||
min-width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 100px;
|
||||
background: #255b38;
|
||||
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
background: #255b38;
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: -1;
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
&::before {
|
||||
animation: float-item-puls 1s infinite;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes float-item-puls {
|
||||
0% {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
width: 55px;
|
||||
height: 55px;
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
svg {
|
||||
margin: 0;
|
||||
path {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
.elementor-icon-list-text {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user