Server IP : 172.67.157.199 / Your IP : 18.223.237.82 [ Web Server : Apache System : Linux b70eb322-3aee-0c53-7c82-0db91281f2c6.secureserver.net 6.1.90-1.el9.elrepo.x86_64 #1 SMP PREEMPT_DYNAMIC Thu May 2 12:09:22 EDT 2024 x86_64 User : root ( 0) PHP Version : 8.0.30.2 Disable Function : NONE Domains : 0 Domains MySQL : ON | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/wp-content/themes/sammy/assets/scss/base/ |
Upload File : |
button, input, select, textarea{ color: var(--text); line-height: $line-height-form; &:focus{ outline: none; } } button, input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ *vertical-align: middle; /* Improves appearance and consistency in all browsers */ } input[type='text'], input[type='number'], input[type='email'], input[type='tel'], input[type='url'], input[type='password'], input[type='search'], textarea, .input-text { border-radius: $border-radius-input; padding: $padding-input; border-color: $border-field-color; background-color: $background-field; color: var(--text); border-width: 1px; border-style: solid; -webkit-appearance: none; box-sizing: border-box; font-weight: normal; outline: 0; transition: all ease-in-out 0.3s; font-size: 1em; &::placeholder { color: var(--text); } &:focus{ color: var(--heading); } .form-light & { color: #fff; &::placeholder { color: #fff; } } } button, input[type='button'], input[type='reset'], input[type='submit']{ border: 1px solid; border-radius: $border-radius-btn; padding: $padding-btn; font-size: 1em; border-color: var(--primary); background-color: var(--primary); color: #fff; cursor: pointer; font-weight: 600; @include transaction( all, 0.3s, linear ); &:hover{ background-color: transparent; border-color: var(--primary); color: var(--primary); } } select{ &:not([size]):not([multiple]) { background-color: $background-field; color: var(--text); border: 1px solid $border-field-color; border-radius: $border-radius-input; padding: $padding-input; max-width: 100%; -webkit-appearance: none; -moz-appearance: textfield; appearance: none; width: 100%; background-image: url("./assets/img/base/select-arrow.svg"); background-position: calc(100% - 12px) center; background-repeat: no-repeat; background-size: 12px 12px; } } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ vertical-align: top; /* Improves readability and alignment in all browsers */ width: 100%; } label { font-weight: 400; } label.inline { input { width: auto; } } /*Placeholver*/ [placeholder]:focus::-webkit-input-placeholder { -webkit-transition: opacity 0.5s 0.5s ease; -moz-transition: opacity 0.5s 0.5s ease; transition: opacity 0.5s 0.5s ease; opacity: 0; } input, textarea{ &::-webkit-input-placeholder { /* Edge */ opacity: 0.5; } &:-ms-input-placeholder { /* Internet Explorer 10-11 */ opacity: 0.5; } &::placeholder { opacity: 0.5; } } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: var(--primary); } // RTL .rtl { select{ &:not([size]):not([multiple]) { background-position: left 12px top 50%; } } }