Mo Elzubeir
89 lines
1.7 KiB
SCSS
89 lines
1.7 KiB
SCSS
.rw-multiselect {
|
|
cursor: text;
|
|
|
|
.rw-input-reset {
|
|
@include height-calc($input-height, $input-border-width * 2);
|
|
|
|
border-width: 0;
|
|
width: auto;
|
|
max-width: 100%;
|
|
padding: 0 $input-padding-horizontal;
|
|
}
|
|
|
|
& .rw-select {
|
|
&,
|
|
&:hover,
|
|
&:active {
|
|
box-shadow: none;
|
|
background: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
.rw-multiselect-taglist {
|
|
@include unstyled-list();
|
|
display: inline;
|
|
outline: none;
|
|
}
|
|
|
|
.rw-multiselect-tag {
|
|
display: inline-table;
|
|
color: $multiselect-tag-color;
|
|
padding: 0 $multiselect-tag-padding-inline-end 0 $multiselect-tag-padding-inline-start;
|
|
margin-inline-start: $multiselect-tag-gutter;
|
|
margin-top: $multiselect-tag-gutter;
|
|
height: $multiselect-tag-height;
|
|
border-radius: $multiselect-tag-border-radius;
|
|
background-color: $multiselect-tag-bg;
|
|
border: 1px solid $multiselect-tag-border;
|
|
cursor: default;
|
|
vertical-align: top;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
max-width: 100%;
|
|
|
|
& > * {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
height: 100%;
|
|
}
|
|
|
|
.rw-rtl & {
|
|
margin-inline-start: 0;
|
|
margin-inline-end: $multiselect-tag-gutter;
|
|
padding: 0 $multiselect-tag-padding-inline-start 0 $multiselect-tag-padding-inline-end;
|
|
}
|
|
|
|
&.rw-state-focus {
|
|
@include state-focus();
|
|
}
|
|
|
|
&.rw-state-readonly,
|
|
&.rw-state-disabled,
|
|
.rw-state-readonly &,
|
|
.rw-state-disabled &,
|
|
fieldset[disabled] & {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
&.rw-state-disabled,
|
|
.rw-state-disabled &,
|
|
fieldset[disabled] & {
|
|
@include opacity(0.65);
|
|
}
|
|
|
|
fieldset[disabled] & {
|
|
@include state-disabled();
|
|
}
|
|
}
|
|
|
|
.rw-multiselect-tag-btn {
|
|
color: $multiselect-tag-color;
|
|
margin-inline-start: 0.25em;
|
|
|
|
.rw-rtl & {
|
|
margin-inline-start: 0;
|
|
margin-inline-end: 0.25em;
|
|
}
|
|
}
|