Change checkbox style

This commit is contained in:
2026-04-02 10:47:00 +02:00
parent 5079b39de4
commit ed81d69ae8
3 changed files with 11 additions and 8 deletions

View File

@@ -1 +1 @@
html{scroll-padding-top:150px}p:last-child{margin-bottom:0}.box-1>.e-con-inner{position:relative;padding:80px 70px;border-radius:28px;background:#fff}@media(max-width: 1024px){.box-1>.e-con-inner{padding:234px 24px 24px 24px;border-radius:0}}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance){position:relative}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) label{position:absolute;top:24px;left:22px;transform:translateY(-50%);transition:.3s ease;pointer-events:none;font-size:15px;color:#505050;font-weight:400}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input{height:48px;padding:19px 16px 5px;font-size:15px;font-weight:600}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input::-moz-placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input::placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input:not(:-moz-placeholder)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input:focus+label,#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input:not(:placeholder-shown)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea{padding:19px 16px 5px;font-size:15px;font-weight:600;resize:none}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea::-moz-placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea::placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea:not(:-moz-placeholder)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea:focus+label,#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea:not(:placeholder-shown)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-type-acceptance .elementor-field-option{display:flex;flex-direction:row;align-items:center;gap:12px}#kontakt-form .elementor-field-type-acceptance input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-block;width:24px;min-width:24px;height:24px;background:#00ac35;border-radius:8px;cursor:pointer}#kontakt-form .elementor-field-type-acceptance input[type=checkbox]::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:12px;height:12px;background-image:url("/wp-content/uploads/2026/03/Check.svg");background-size:contain;background-repeat:no-repeat;opacity:0}#kontakt-form .elementor-field-type-acceptance input[type=checkbox]:checked::before{opacity:1}#kontakt-form .elementor-field-type-acceptance label{color:#1e1756;font-family:"Open Sans",sans-serif;font-weight:600;font-size:14px;line-height:1.7;cursor:pointer}@media(min-width: 768px){#header-box{position:fixed}}@media(max-width: 768px){.card .elementor-image-box-wrapper{display:flex;align-items:center;gap:20px}}@media(max-width: 768px){.komfort-box{display:flex;align-items:center;gap:20px}}/*# sourceMappingURL=custom.css.map */
html{scroll-padding-top:150px}p:last-child{margin-bottom:0}.box-1>.e-con-inner{position:relative;padding:80px 70px;border-radius:28px;background:#fff}@media(max-width: 1024px){.box-1>.e-con-inner{padding:234px 24px 24px 24px;border-radius:0}}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance){position:relative}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) label{position:absolute;top:24px;left:22px;transform:translateY(-50%);transition:.3s ease;pointer-events:none;font-size:15px;color:#505050;font-weight:400}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input{height:48px;padding:19px 16px 5px;font-size:15px;font-weight:600}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input::-moz-placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input::placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input:not(:-moz-placeholder)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input:focus+label,#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) input:not(:placeholder-shown)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea{padding:19px 16px 5px;font-size:15px;font-weight:600;resize:none}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea::-moz-placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea::placeholder{font-size:0}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea:not(:-moz-placeholder)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea:focus+label,#kontakt-form .elementor-field-group:not(.elementor-field-type-acceptance) textarea:not(:placeholder-shown)+label{top:7px;transform:translateY(0);font-size:12px}#kontakt-form .elementor-field-type-acceptance .elementor-field-option{display:flex;flex-direction:row;align-items:center;gap:12px}#kontakt-form .elementor-field-type-acceptance input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-block;width:24px;min-width:24px;height:24px;border:2px solid #00ac35;border-radius:8px;cursor:pointer}#kontakt-form .elementor-field-type-acceptance input[type=checkbox]::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:14px;height:14px;background-color:#00ac35;border-radius:4px;opacity:0;transition:all .3s ease}#kontakt-form .elementor-field-type-acceptance input[type=checkbox]:checked::before{opacity:1}#kontakt-form .elementor-field-type-acceptance label{color:#1e1756;font-family:"Open Sans",sans-serif;font-weight:600;font-size:14px;line-height:1.7;cursor:pointer}@media(min-width: 768px){#header-box{position:fixed}}@media(max-width: 768px){.card .elementor-image-box-wrapper{display:flex;align-items:center;gap:20px}}@media(max-width: 768px){.komfort-box{display:flex;align-items:center;gap:20px}}/*# sourceMappingURL=custom.css.map */

View File

@@ -1 +1 @@
{"version":3,"sources":["custom.scss"],"names":[],"mappings":"AAAA,KACC,wBAAA,CAIA,aACC,eAAA,CAKD,oBACC,iBAAA,CACA,iBAAA,CACA,kBAAA,CACA,eAAA,CAEA,0BAND,oBAOE,4BAAA,CACA,eAAA,CAAA,CAOD,2EACC,iBAAA,CAEA,iFACC,iBAAA,CACA,QAAA,CACA,SAAA,CACA,0BAAA,CACA,mBAAA,CACA,mBAAA,CAKA,cAAA,CACA,aAAA,CACA,eAAA,CAGD,iFACC,WAAA,CACA,qBAAA,CACA,cAAA,CACA,eAAA,CAEA,mGACC,WAAA,CADD,8FACC,WAAA,CAGD,8GAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CALD,4MAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CAIF,oFACC,qBAAA,CACA,cAAA,CACA,eAAA,CACA,WAAA,CAEA,sGACC,WAAA,CADD,iGACC,WAAA,CAGD,iHAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CALD,kNAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CAOH,uEACC,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,QAAA,CAED,oEACC,uBAAA,CAAA,oBAAA,CAAA,eAAA,CACA,iBAAA,CAEA,oBAAA,CACA,UAAA,CACA,cAAA,CACA,WAAA,CACA,kBAAA,CACA,iBAAA,CACA,cAAA,CAEA,4EACC,UAAA,CACA,iBAAA,CACA,OAAA,CACA,QAAA,CACA,+BAAA,CACA,UAAA,CACA,WAAA,CACA,6DAAA,CACA,uBAAA,CACA,2BAAA,CACA,SAAA,CAED,oFACC,SAAA,CAGF,qDACC,aAAA,CACA,kCAAA,CACA,eAAA,CACA,cAAA,CACA,eAAA,CACA,cAAA,CAMF,yBADD,YAEE,cAAA,CAAA,CAMA,yBADD,mCAEE,YAAA,CACA,kBAAA,CACA,QAAA,CAAA,CAMF,yBADD,aAEE,YAAA,CACA,kBAAA,CACA,QAAA,CAAA","file":"custom.css"}
{"version":3,"sources":["custom.scss"],"names":[],"mappings":"AAAA,KACC,wBAAA,CAIA,aACC,eAAA,CAKD,oBACC,iBAAA,CACA,iBAAA,CACA,kBAAA,CACA,eAAA,CAEA,0BAND,oBAOE,4BAAA,CACA,eAAA,CAAA,CAOD,2EACC,iBAAA,CAEA,iFACC,iBAAA,CACA,QAAA,CACA,SAAA,CACA,0BAAA,CACA,mBAAA,CACA,mBAAA,CAKA,cAAA,CACA,aAAA,CACA,eAAA,CAGD,iFACC,WAAA,CACA,qBAAA,CACA,cAAA,CACA,eAAA,CAEA,mGACC,WAAA,CADD,8FACC,WAAA,CAGD,8GAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CALD,4MAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CAIF,oFACC,qBAAA,CACA,cAAA,CACA,eAAA,CACA,WAAA,CAEA,sGACC,WAAA,CADD,iGACC,WAAA,CAGD,iHAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CALD,kNAEC,OAAA,CAEA,uBAAA,CACA,cAAA,CAOH,uEACC,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,QAAA,CAED,oEACC,uBAAA,CAAA,oBAAA,CAAA,eAAA,CACA,iBAAA,CAEA,oBAAA,CACA,UAAA,CACA,cAAA,CACA,WAAA,CACA,wBAAA,CACA,iBAAA,CACA,cAAA,CAEA,4EACC,UAAA,CACA,iBAAA,CACA,OAAA,CACA,QAAA,CACA,+BAAA,CACA,UAAA,CACA,WAAA,CACA,wBAAA,CACA,iBAAA,CAIA,SAAA,CACA,uBAAA,CAED,oFACC,SAAA,CAGF,qDACC,aAAA,CACA,kCAAA,CACA,eAAA,CACA,cAAA,CACA,eAAA,CACA,cAAA,CAMF,yBADD,YAEE,cAAA,CAAA,CAMA,yBADD,mCAEE,YAAA,CACA,kBAAA,CACA,QAAA,CAAA,CAMF,yBADD,aAEE,YAAA,CACA,kBAAA,CACA,QAAA,CAAA","file":"custom.css"}

View File

@@ -98,7 +98,7 @@ p {
width: 24px;
min-width: 24px;
height: 24px;
background: #00ac35;
border: 2px solid #00ac35;
border-radius: 8px;
cursor: pointer;
@@ -108,12 +108,15 @@ p {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 12px;
height: 12px;
background-image: url('/wp-content/uploads/2026/03/Check.svg');
background-size: contain;
background-repeat: no-repeat;
width: 14px;
height: 14px;
background-color: #00ac35;
border-radius: 4px;
// background-image: url('/wp-content/uploads/2026/03/Check.svg');
// background-size: contain;
// background-repeat: no-repeat;
opacity: 0;
transition: all 0.3s ease;
}
&:checked::before {
opacity: 1;