Project-Pro/hubertus.rzeszow.pl
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Zwiększono rozmiar ikon w sekcji #box-floating-icons do 45px

Browse Source
This commit is contained in:
Jacek Pyziak
2025-12-16 11:42:37 +01:00
parent 446e85a877
commit cf600ae727
3 changed files with 62 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -6,9 +6,9 @@
}
#box-floating-icons .elementor-icon-list-item a {
position: relative;
width: 36px;
min-width: 36px;
height: 36px;
width: 45px;
min-width: 45px;
height: 45px;
border-radius: 100px;
background: #255b38;
align-items: center;

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

@@ -1 +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"}
{"version":3,"sources":["custom.scss","custom.css"],"names":[],"mappings":"AAAA;EACE,eAAA;EACA,aAAA;EACA,WAAA;EACA,YAAA;ACCF;ADEI;EACE,kBAAA;EACA,WAAA;EACA,eAAA;EACA,YAAA;EACA,oBAAA;EACA,mBAAA;EAEA,mBAAA;EACA,uBAAA;ACDN;ADGM;EACE,WAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;EACA,QAAA;EACA,SAAA;EACA,mBAAA;EACA,gCAAA;EACA,WAAA;EACA,mBAAA;ACDR;ADKQ;EACE,sCAAA;ACHV;ADOM;EACE;IACE,WAAA;IACA,YAAA;IACA,UAAA;ECLR;EDQM;IACE,WAAA;IACA,YAAA;IACA,UAAA;ECNR;AACF;ADUI;EACE,SAAA;ACRN;ADUM;EACE,SAAA;ACRR;ADYI;EACE,aAAA;ACVN","file":"custom.css","sourcesContent":["#box-floating-icons {\r\n position: fixed;\r\n bottom: 150px;\r\n right: 10px;\r\n z-index: 100;\r\n\r\n .elementor-icon-list-item {\r\n a {\r\n position: relative;\r\n width: 45px;\r\n min-width: 45px;\r\n height: 45px;\r\n border-radius: 100px;\r\n background: #255b38;\r\n\r\n align-items: center;\r\n justify-content: center;\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n width: 15px;\r\n height: 15px;\r\n top: 50%;\r\n left: 50%;\r\n background: #255b38;\r\n transform: translate(-50%, -50%);\r\n z-index: -1;\r\n border-radius: 100%;\r\n }\r\n\r\n &:hover {\r\n &::before {\r\n animation: float-item-puls 1s infinite;\r\n }\r\n }\r\n\r\n @keyframes float-item-puls {\r\n 0% {\r\n width: 25px;\r\n height: 25px;\r\n opacity: 1;\r\n }\r\n\r\n 100% {\r\n width: 55px;\r\n height: 55px;\r\n opacity: 0;\r\n }\r\n }\r\n }\r\n\r\n svg {\r\n margin: 0;\r\n\r\n path {\r\n margin: 0;\r\n }\r\n }\r\n\r\n .elementor-icon-list-text {\r\n display: none;\r\n }\r\n }\r\n}","#box-floating-icons {\n position: fixed;\n bottom: 150px;\n right: 10px;\n z-index: 100;\n}\n#box-floating-icons .elementor-icon-list-item a {\n position: relative;\n width: 45px;\n min-width: 45px;\n height: 45px;\n border-radius: 100px;\n background: #255b38;\n align-items: center;\n justify-content: center;\n}\n#box-floating-icons .elementor-icon-list-item a::before {\n content: \"\";\n position: absolute;\n width: 15px;\n height: 15px;\n top: 50%;\n left: 50%;\n background: #255b38;\n transform: translate(-50%, -50%);\n z-index: -1;\n border-radius: 100%;\n}\n#box-floating-icons .elementor-icon-list-item a:hover::before {\n animation: float-item-puls 1s infinite;\n}\n@keyframes float-item-puls {\n 0% {\n width: 25px;\n height: 25px;\n opacity: 1;\n }\n 100% {\n width: 55px;\n height: 55px;\n opacity: 0;\n }\n}\n#box-floating-icons .elementor-icon-list-item svg {\n margin: 0;\n}\n#box-floating-icons .elementor-icon-list-item svg path {\n margin: 0;\n}\n#box-floating-icons .elementor-icon-list-item .elementor-icon-list-text {\n display: none;\n}"]}

111
wp-content/themes/hello-elementor/assets/css/custom.scss
View File

@@ -1,62 +1,65 @@
#box-floating-icons {
position: fixed;
bottom: 150px;
right: 10px;
z-index: 100;
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;
.elementor-icon-list-item {
a {
position: relative;
width: 45px;
min-width: 45px;
height: 45px;
border-radius: 100px;
background: #255b38;
align-items: center;
justify-content: center;
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%;
}
&::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;
}
}
&: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;
}
}
}
@keyframes float-item-puls {
0% {
width: 25px;
height: 25px;
opacity: 1;
}
svg {
margin: 0;
path {
margin: 0;
}
}
.elementor-icon-list-text {
display: none;
}
}
100% {
width: 55px;
height: 55px;
opacity: 0;
}
}
}
svg {
margin: 0;
path {
margin: 0;
}
}
.elementor-icon-list-text {
display: none;
}
}
}