47 lines
1.0 KiB
SCSS
47 lines
1.0 KiB
SCSS
@mixin line-clamp($lines) {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: $lines; /* number of lines to show */
|
|
-webkit-box-orient: vertical;
|
|
width: fit-content;
|
|
}
|
|
|
|
@mixin no-scroll-bar {
|
|
scrollbar-width: none; /* Firefox */
|
|
scrollbar-height: none; /* Firefox */
|
|
-ms-overflow-style: none; /* IE 10+ */
|
|
&::-webkit-scrollbar {
|
|
width: 0;
|
|
height: 0;
|
|
background: transparent; /* Chrome/Safari/Webkit */
|
|
}
|
|
}
|
|
|
|
@mixin scroll-bar {
|
|
scrollbar-color: var(--iqser-quick-filter-border) var(--iqser-grey-2);
|
|
scrollbar-width: thin;
|
|
|
|
&::-webkit-scrollbar {
|
|
width: 11px;
|
|
}
|
|
|
|
/* Track */
|
|
&::-webkit-scrollbar-track {
|
|
background: var(--iqser-grey-2);
|
|
}
|
|
|
|
/* Handle */
|
|
&::-webkit-scrollbar-thumb {
|
|
background: var(--iqser-quick-filter-border);
|
|
}
|
|
}
|
|
|
|
@mixin inset-shadow {
|
|
box-shadow: inset 0 4px 3px -2px var(--iqser-btn-bg-hover);
|
|
}
|
|
|
|
@mixin drop-shadow {
|
|
box-shadow: 0 4px 3px 2px var(--iqser-btn-bg-hover);
|
|
}
|