Files
luxmed.pagedev.pl/wp-content/themes/hello-elementor/assets/css/custom.scss
2026-03-31 15:41:29 +02:00

121 lines
2.1 KiB
SCSS

p {
&:last-child {
margin-bottom: 0;
}
}
.box-1 {
> .e-con-inner {
padding: 80px 70px;
border-radius: 28px;
background: #fff;
}
}
#kontakt-form {
.elementor-field-group {
&:not(.elementor-field-type-acceptance) {
position: relative;
label {
position: absolute;
top: 24px;
left: 22px;
transform: translateY(-50%);
transition: 0.3s ease;
pointer-events: none;
// background: white;
// padding: 0 5px;
// color: #777;
font-size: 15px;
color: #505050;
font-weight: 400;
}
input {
height: 48px;
padding: 19px 16px 5px;
font-size: 15px;
font-weight: 600;
&::placeholder {
font-size: 0;
}
&:focus + label,
&:not(:placeholder-shown) + label {
top: 7px;
// transform: translateY(-50%) scale(0.85);
transform: translateY(0);
font-size: 12px;
}
}
textarea {
padding: 19px 16px 5px;
font-size: 15px;
font-weight: 600;
resize: none;
&::placeholder {
font-size: 0;
}
&:focus + label,
&:not(:placeholder-shown) + label {
top: 7px;
// transform: translateY(-50%) scale(0.85);
transform: translateY(0);
font-size: 12px;
}
}
}
}
.elementor-field-type-acceptance {
.elementor-field-option {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
}
input[type='checkbox'] {
appearance: none;
position: relative;
display: inline-block;
width: 24px;
height: 24px;
background: #00ac35;
border-radius: 8px;
cursor: pointer;
&::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;
}
&:checked::before {
opacity: 1;
}
}
label {
color: #1e1756;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 1.7;
cursor: pointer;
}
}
}