Файловый менеджер - Редактировать - /home/digitalm/tendeverona/wp-content/themes/trydo/assets/scss/default/_forms.scss
Назад
/* ========= Forms Styles ========= */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } input, select, textarea { width: 100%; transition: 0.3s; } input { height: 40px; padding: 0 15px; } select { transition: 0.3s; height: 60px; line-height: 28px; padding: 10px 20px; outline: none; color: var(--color-body); -moz-appearance: none; -webkit-appearance: none; appearance: none; border: var(--border-width) solid var(--color-border); border-radius: var(--radius); background: url(../images/icons/arrow-icon.png) 98% center no-repeat transparent; font-size: 16px; line-height: 28px; font-weight: 400; padding-right: 30px; } input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"], textarea { font-size: 16px; font-weight: 400; height: auto; line-height: 28px; background: transparent; -webkit-box-shadow: none; box-shadow: none; padding: 0 15px; outline: none; border: var(--border-width) solid var(--color-border); border-radius: var(--radius); /* -- Placeholder -- */ &::placeholder { color: var(--body-color); /* Firefox */ opacity: 1; } &:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--body-color); opacity: 1; } &::-ms-input-placeholder { /* Microsoft Edge */ color: var(--body-color); opacity: 1; } &.p-holder__active { border-color: var(--color-primary); /* -- Placeholder -- */ &::placeholder { color: var(--color-primary); /* Firefox */ opacity: 1; } &:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--color-primary); } &::-ms-input-placeholder { /* Microsoft Edge */ color: var(--color-primary); } } &.p-holder__error { border-color: #f4282d; /* -- Placeholder -- */ &::placeholder { color: #f4282d; /* Firefox */ opacity: 1; } &:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #f4282d; } &::-ms-input-placeholder { /* Microsoft Edge */ color: #f4282d; } &:focus { border-color: #f4282d; } } &:focus { border-color: var(--color-primary); } } .input-active { @extend .p-holder__active; input { @extend .p-holder__active; } } .input-error { @extend .p-holder__error; input { @extend .p-holder__error; } } // Custom Checkbox and radio button input[type="checkbox"], input[type="radio"] { opacity: 0; position: absolute; ~label { position: relative; font-size: 15px; line-height: 25px; color: var(--body-color); font-weight: 400; padding-left: 20px; cursor: pointer; margin-bottom: 0; &::before { content: " "; position: absolute; top: 6px; left: 0; width: 14px; height: 14px; background-color: #fff; border: var(--border-width) solid rgba(24, 152, 165, 0.2); border-radius: 2px; transition: all .3s; } &::after { content: " "; position: absolute; top: 9px; left: 2px; width: 10px; height: 5px; background-color: transparent; border-bottom: var(--border-width) solid #fff; border-left: var(--border-width) solid #fff; border-radius: 2px; transform: rotate(-45deg); opacity: 0; transition: all .3s; } } &:checked { ~label { &::before { background-color: var(--color-primary); border-color: var(--color-primary); } &::after { opacity: 1; } } } } input[type="radio"] { ~label { &::before { border-radius: 50%; } &::after { width: 8px; height: 8px; left: 3px; background: #fff; border-radius: 50%; } } } .form-group { margin-bottom: 20px; input { border: var(--border-width) solid var(--color-border); border-radius: var(--radius); height: 50px; font-size: 16px; @extend %transition; padding: 0 15px; &:focus { border-color: var(--color-primary); } } textarea { min-height: 193px; border: var(--border-width) solid var(--color-border); border-radius: var(--radius); resize: none; padding: 15px; font-size: 16px; @extend %transition; &:focus { border-color: var(--color-primary); } } } // Form Submit Styles input[type="submit"] { width: auto; font-size: 16px; letter-spacing: 2px; padding: 15px 20px; border-radius: 6px; display: block; font-weight: 500; transition: 0.3s; border: var(--border-width) solid var(--color-primary); background: var(--color-primary); color: #ffffff; height: 60px; margin-top: 30px; &:hover { color: #ffffff; -webkit-box-shadow: 0 10px 15px 0 rgba(249, 0, 77, 0.1); box-shadow: 0 10px 15px 0 rgba(249, 0, 77, 0.1); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } } .contact-form--1 form input::-webkit-input-placeholder, .contact-form--1 form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--color-body) !important; } .contact-form--1 form input::-moz-placeholder, .contact-form--1 form textarea::-moz-placeholder { /* Firefox 19+ */ color: var(--color-body) !important; } .contact-form--1 form input:-ms-input-placeholder, .contact-form--1 form textarea:-ms-input-placeholder { /* IE 10+ */ color: var(--color-body) !important; } .contact-form--1 form input:-moz-placeholder, .contact-form--1 form textarea:-moz-placeholder { /* Firefox 18- */ color: var(--color-body) !important; }
| ver. 1.4 |
Github
|
.
| PHP 8.3.23 | Генерация страницы: 0.03 |
proxy
|
phpinfo
|
Настройка