diff --git a/wp-content/themes/hello-elementor/assets/css/custom.css b/wp-content/themes/hello-elementor/assets/css/custom.css index 33845c7..c2ef0ab 100644 --- a/wp-content/themes/hello-elementor/assets/css/custom.css +++ b/wp-content/themes/hello-elementor/assets/css/custom.css @@ -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; diff --git a/wp-content/themes/hello-elementor/assets/css/custom.css.map b/wp-content/themes/hello-elementor/assets/css/custom.css.map index f828773..72e8e57 100644 --- a/wp-content/themes/hello-elementor/assets/css/custom.css.map +++ b/wp-content/themes/hello-elementor/assets/css/custom.css.map @@ -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"} \ No newline at end of file +{"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}"]} \ No newline at end of file diff --git a/wp-content/themes/hello-elementor/assets/css/custom.scss b/wp-content/themes/hello-elementor/assets/css/custom.scss index 01f478c..db06e76 100644 --- a/wp-content/themes/hello-elementor/assets/css/custom.scss +++ b/wp-content/themes/hello-elementor/assets/css/custom.scss @@ -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; + } + } +} \ No newline at end of file