62 lines
1.2 KiB
SCSS
62 lines
1.2 KiB
SCSS
@use "../abstracts" as *;
|
|
|
|
// select
|
|
.select-form{
|
|
display: block;
|
|
width: 100%;
|
|
height: 40px;
|
|
line-height: 39px;
|
|
padding: 0px 36px 0px 10px;
|
|
border: 1px solid #D5DEE8;
|
|
border-radius: 4px;
|
|
font-size: $font-s-13;
|
|
font-weight: $font-w-400;
|
|
color: $font-c;
|
|
background:$white-fff url(/assets/images/common/select_arr.svg) calc(100% - 16px) center no-repeat;
|
|
background-size:14px 8px;
|
|
box-shadow: inset 0 0 0 transparent;
|
|
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
|
|
cursor: pointer;
|
|
&:focus{
|
|
outline: none;
|
|
border-color: #4e93dd;
|
|
}
|
|
&:disabled{
|
|
opacity: 1;
|
|
background-color: #F5F6FA;
|
|
cursor: default;
|
|
}
|
|
}
|
|
.select-flex-form{
|
|
display: flex;
|
|
align-items: center;
|
|
width: 100%;
|
|
gap: 5px;
|
|
.select-form{
|
|
flex: 1 1 auto;
|
|
}
|
|
}
|
|
|
|
// textarea
|
|
.textarea-form{
|
|
display: block;
|
|
width: 100%;
|
|
border: 1px solid #D5DEE8;
|
|
border-radius: 4px;
|
|
min-height: 100px;
|
|
padding: 14px;
|
|
font-size: $font-s-13;
|
|
font-weight: $font-w-400;
|
|
color: $font-c;
|
|
transition: border-color .15s ease-in-out;
|
|
&:focus{
|
|
border-color: #4e93dd;
|
|
}
|
|
&:disabled{
|
|
border-color: #D5DEE8;
|
|
background-color: #F5F6FA;
|
|
}
|
|
&::placeholder{
|
|
color: $font-pl-c;
|
|
}
|
|
} |