71 lines
1.4 KiB
SCSS
71 lines
1.4 KiB
SCSS
@mixin line-clamp($lines) {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
word-break: break-all;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: $lines; /* number of lines to show */
|
|
-webkit-box-orient: vertical;
|
|
width: fit-content;
|
|
white-space: normal;
|
|
}
|
|
|
|
@mixin no-scroll-bar {
|
|
scrollbar-width: 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-inputs-outline) var(--iqser-alt-background);
|
|
scrollbar-width: thin;
|
|
|
|
::-webkit-scrollbar-corner {
|
|
background: var(--iqser-alt-background);
|
|
}
|
|
|
|
&::-webkit-scrollbar {
|
|
width: 11px;
|
|
}
|
|
|
|
/* Track */
|
|
&::-webkit-scrollbar-track {
|
|
background: var(--iqser-alt-background);
|
|
}
|
|
|
|
/* Handle */
|
|
&::-webkit-scrollbar-thumb {
|
|
background: var(--iqser-inputs-outline);
|
|
}
|
|
}
|
|
|
|
@mixin inset-shadow {
|
|
box-shadow: inset 0 4px 3px -2px var(--iqser-shadow);
|
|
}
|
|
|
|
@mixin drop-shadow {
|
|
box-shadow: 0 1px 6px 0 var(--iqser-shadow);
|
|
}
|
|
|
|
@mixin clear-btn {
|
|
background: none;
|
|
color: inherit;
|
|
border: none;
|
|
padding: 0;
|
|
font: inherit;
|
|
cursor: pointer;
|
|
outline: inherit;
|
|
}
|
|
|
|
@mixin clear-a {
|
|
text-decoration: none;
|
|
color: var(--iqser-text);
|
|
|
|
&:hover {
|
|
color: var(--iqser-text);
|
|
}
|
|
}
|