Some checks failed
CodeQL / Analyze (javascript) (push) Failing after 16s
CodeQL / Analyze (python) (push) Failing after 3s
i18n sync check / check:sync (push) Failing after 3s
React Doctor / react-doctor (push) Failing after 16s
Branch Build CE / Build-Push Admin Docker Image (${{ matrix.arch }}) (push) Has been cancelled
Branch Build CE / Merge Admin Manifest (push) Has been cancelled
Branch Build CE / Build-Push Web Docker Image (${{ matrix.arch }}) (push) Has been cancelled
Branch Build CE / Merge Web Manifest (push) Has been cancelled
Branch Build CE / Build-Push Space Docker Image (${{ matrix.arch }}) (push) Has been cancelled
Branch Build CE / Merge Proxy Manifest (push) Has been cancelled
Branch Build CE / Merge Space Manifest (push) Has been cancelled
Branch Build CE / Prepare AIO Assets (push) Has been cancelled
Branch Build CE / Build Setup (push) Has been cancelled
Branch Build CE / Build-Push Live Collaboration Docker Image (${{ matrix.arch }}) (push) Has been cancelled
Branch Build CE / Merge Live Collaboration Manifest (push) Has been cancelled
Branch Build CE / Build-Push API Server Docker Image (${{ matrix.arch }}) (push) Has been cancelled
Branch Build CE / Merge API Server Manifest (push) Has been cancelled
Branch Build CE / Build-Push Proxy Docker Image (${{ matrix.arch }}) (push) Has been cancelled
Branch Build CE / Build-Push AIO Docker Image (${{ matrix.arch }}) (push) Has been cancelled
Branch Build CE / Merge AIO Manifest (push) Has been cancelled
Branch Build CE / Upload Build Assets (push) Has been cancelled
Branch Build CE / Build Release (push) Has been cancelled
48 lines
1.4 KiB
CSS
48 lines
1.4 KiB
CSS
@import "@plane/tailwind-config/index.css";
|
|
/* Design tokens already arrive via @plane/tailwind-config. The @makeplane/propel styles barrel
|
|
re-imports the same token files (identical content) and, crucially, registers propel's dist as a
|
|
Tailwind @source so the utility classes used by its components are emitted, plus the animation
|
|
tokens (animate-spinner-reveal, animate-progress-indeterminate) its components rely on. */
|
|
@import "@makeplane/propel/styles";
|
|
|
|
.shadow-custom {
|
|
box-shadow: 2px 2px 8px 2px rgba(234, 231, 250, 0.3); /* Convert #EAE7FA4D to rgba */
|
|
}
|
|
/* backdrop filter */
|
|
.backdrop-blur-custom {
|
|
@apply backdrop-filter blur-[9px];
|
|
}
|
|
|
|
/* progress bar */
|
|
.progress-bar {
|
|
fill: currentColor;
|
|
color: var(--background-color-surface-1);
|
|
}
|
|
|
|
/* Progress Bar Styles */
|
|
:root {
|
|
--bprogress-color: var(--background-color-accent-primary);
|
|
--bprogress-height: 2.5px !important;
|
|
}
|
|
|
|
.bprogress {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.bprogress .bar {
|
|
background: linear-gradient(
|
|
90deg,
|
|
--alpha(var(--background-color-accent-primary) / 80%) 0%,
|
|
--alpha(var(--background-color-accent-primary) / 100%) 100%
|
|
) !important;
|
|
will-change: width, opacity;
|
|
}
|
|
|
|
.bprogress .peg {
|
|
display: block;
|
|
box-shadow:
|
|
0 0 8px --alpha(var(--background-color-accent-primary) / 60%),
|
|
0 0 4px --alpha(var(--background-color-accent-primary) / 40%) !important;
|
|
will-change: transform, opacity;
|
|
}
|