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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -271,3 +271,15 @@ if ( ! function_exists( 'hello_elementor_body_open' ) ) {
|
|||||||
require HELLO_THEME_PATH . '/theme.php';
|
require HELLO_THEME_PATH . '/theme.php';
|
||||||
|
|
||||||
HelloTheme\Theme::instance();
|
HelloTheme\Theme::instance();
|
||||||
|
|
||||||
|
|
||||||
|
add_action( 'wp_enqueue_scripts', 'hello_custom_styles', 999 );
|
||||||
|
function hello_custom_styles() {
|
||||||
|
wp_enqueue_style(
|
||||||
|
'hello-custom-style',
|
||||||
|
get_stylesheet_directory_uri() . '/assets/css/custom.css',
|
||||||
|
array(),
|
||||||
|
filemtime( get_stylesheet_directory() . '/assets/css/custom.css' ),
|
||||||
|
'all'
|
||||||
|
);
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user