File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
/* select style */
.form-select {
$size: lg;
width: 100%;
height: var(--#{$prefix}select-h-#{$size});
padding: var(--#{$prefix}select-pd-#{$size});
background-color: var(--#{$prefix}white);
background-image: url(#{$url}/component/common/ico_select_#{$size}.svg);
background-repeat: no-repeat;
background-position: center right var(--#{$prefix}select-rn-#{$size});
border: 1px solid var(--#{$prefix}gray-60);
border-radius: var(--#{$prefix}select-rd-#{$size});
font-family: inherit;
font-size: var(--#{$prefix}select-fz-#{$size});;
color: var(--#{$prefix}gray-90);
opacity: 1;
&:focus {
border-color: var(--#{$prefix}primary);
border-width: 2px;
outline-offset: -.5rem;
}
&[disabled] {
background-color: var(--#{$prefix}gray-30);
border-color: var(--#{$prefix}gray-40);
color: var(--#{$prefix}gray-60);
}
&.error {
border-color: var(--#{$prefix}point);
border-width: 2px;
}
}
.is-error {
.form-select {
border-color: var(--#{$prefix}point);
border-width: 2px;
}
}