44 lines
880 B
SCSS
44 lines
880 B
SCSS
.icon {
|
|
|
|
input,
|
|
.ss-single-selected {
|
|
background-position: right 12px top 50%;
|
|
background-repeat: no-repeat;
|
|
}
|
|
&.icon-magnify input,
|
|
&.icon-magnify .ss-single-selected {
|
|
background-image: url("https://cdn.skypack.dev/@startinblox/component-directory@1.3.0/dist/assets/magnify.svg");
|
|
}
|
|
&.icon-arrow-down {
|
|
background-image: url();
|
|
}
|
|
&.rounded {
|
|
border: 2px solid;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
&-small {
|
|
height: 35px;
|
|
width: 35px;
|
|
}
|
|
&-large {
|
|
height: 70px;
|
|
width: 70px;
|
|
}
|
|
&-primary {
|
|
border-color: var(--color-primary);
|
|
}
|
|
&-secondary {
|
|
border-color: var(--color-secondary);
|
|
}
|
|
&-third {
|
|
border-color: var(--color-third);
|
|
}
|
|
&-heading {
|
|
border-color: var(--color-heading);
|
|
}
|
|
}
|
|
}
|