130 lines
3.1 KiB
CSS
130 lines
3.1 KiB
CSS
@import "@plane/tailwind-config/index.css";
|
|
@import "@plane/propel/styles/fonts.css";
|
|
|
|
/* scrollbar style */
|
|
@-moz-document url-prefix() {
|
|
* {
|
|
scrollbar-width: none;
|
|
}
|
|
.vertical-scrollbar,
|
|
.horizontal-scrollbar {
|
|
scrollbar-width: initial;
|
|
scrollbar-color: rgba(96, 100, 108, 0.1) transparent;
|
|
}
|
|
.vertical-scrollbar:hover,
|
|
.horizontal-scrollbar:hover {
|
|
scrollbar-color: rgba(96, 100, 108, 0.25) transparent;
|
|
}
|
|
.vertical-scrollbar:active,
|
|
.horizontal-scrollbar:active {
|
|
scrollbar-color: rgba(96, 100, 108, 0.7) transparent;
|
|
}
|
|
}
|
|
|
|
.vertical-scrollbar {
|
|
overflow-y: auto;
|
|
}
|
|
.horizontal-scrollbar {
|
|
overflow-x: auto;
|
|
}
|
|
.vertical-scrollbar::-webkit-scrollbar,
|
|
.horizontal-scrollbar::-webkit-scrollbar {
|
|
display: block;
|
|
}
|
|
.vertical-scrollbar::-webkit-scrollbar-track,
|
|
.horizontal-scrollbar::-webkit-scrollbar-track {
|
|
background-color: transparent;
|
|
border-radius: 9999px;
|
|
}
|
|
.vertical-scrollbar::-webkit-scrollbar-thumb,
|
|
.horizontal-scrollbar::-webkit-scrollbar-thumb {
|
|
background-clip: padding-box;
|
|
background-color: rgba(96, 100, 108, 0.1);
|
|
border-radius: 9999px;
|
|
}
|
|
.vertical-scrollbar:hover::-webkit-scrollbar-thumb,
|
|
.horizontal-scrollbar:hover::-webkit-scrollbar-thumb {
|
|
background-color: rgba(96, 100, 108, 0.25);
|
|
}
|
|
.vertical-scrollbar::-webkit-scrollbar-thumb:hover,
|
|
.horizontal-scrollbar::-webkit-scrollbar-thumb:hover {
|
|
background-color: rgba(96, 100, 108, 0.5);
|
|
}
|
|
.vertical-scrollbar::-webkit-scrollbar-thumb:active,
|
|
.horizontal-scrollbar::-webkit-scrollbar-thumb:active {
|
|
background-color: rgba(96, 100, 108, 0.7);
|
|
}
|
|
.vertical-scrollbar::-webkit-scrollbar-corner,
|
|
.horizontal-scrollbar::-webkit-scrollbar-corner {
|
|
background-color: transparent;
|
|
}
|
|
.vertical-scrollbar-margin-top-md::-webkit-scrollbar-track {
|
|
margin-top: 44px;
|
|
}
|
|
|
|
/* scrollbar sm size */
|
|
.scrollbar-sm::-webkit-scrollbar {
|
|
height: 12px;
|
|
width: 12px;
|
|
}
|
|
.scrollbar-sm::-webkit-scrollbar-thumb {
|
|
border: 3px solid rgba(0, 0, 0, 0);
|
|
}
|
|
/* scrollbar md size */
|
|
.scrollbar-md::-webkit-scrollbar {
|
|
height: 14px;
|
|
width: 14px;
|
|
}
|
|
.scrollbar-md::-webkit-scrollbar-thumb {
|
|
border: 3px solid rgba(0, 0, 0, 0);
|
|
}
|
|
/* scrollbar lg size */
|
|
|
|
.scrollbar-lg::-webkit-scrollbar {
|
|
height: 16px;
|
|
width: 16px;
|
|
}
|
|
.scrollbar-lg::-webkit-scrollbar-thumb {
|
|
border: 4px solid rgba(0, 0, 0, 0);
|
|
}
|
|
/* end scrollbar style */
|
|
|
|
/* progress bar */
|
|
.progress-bar {
|
|
fill: currentColor;
|
|
color: rgba(var(--color-sidebar-background-100));
|
|
}
|
|
|
|
::-webkit-input-placeholder,
|
|
::placeholder,
|
|
:-ms-input-placeholder {
|
|
color: rgb(var(--color-text-400));
|
|
}
|
|
|
|
/* Progress Bar Styles */
|
|
:root {
|
|
--bprogress-color: rgb(var(--color-primary-100)) !important;
|
|
--bprogress-height: 2.5px !important;
|
|
}
|
|
|
|
.bprogress {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.bprogress .bar {
|
|
background: linear-gradient(
|
|
90deg,
|
|
rgba(var(--color-primary-100), 0.8) 0%,
|
|
rgba(var(--color-primary-100), 1) 100%
|
|
) !important;
|
|
will-change: width, opacity;
|
|
}
|
|
|
|
.bprogress .peg {
|
|
display: block;
|
|
box-shadow:
|
|
0 0 8px rgba(var(--color-primary-100), 0.6),
|
|
0 0 4px rgba(var(--color-primary-100), 0.4) !important;
|
|
will-change: transform, opacity;
|
|
}
|