mirror of
https://github.com/LukeHagar/firecamp.git
synced 2025-12-09 12:27:44 +00:00
2873 lines
58 KiB
SCSS
2873 lines
58 KiB
SCSS
|
|
:root {
|
|
/*-- font-family: 'Open Sans', sans-serif !important;--*/
|
|
font-family: 'Lato', sans-serif !important;
|
|
|
|
--req-get: var(--mantine-color-green-7);
|
|
--req-post: var(--mantine-color-orange-7);
|
|
--req-put: var(--mantine-color-cyan-7);
|
|
--req-delete: var(--mantine-color-red-7);
|
|
--req-patch: var(--mantine-color-indigo-7);
|
|
--req-head: var(--mantine-color-grape-7);
|
|
--req-options: var(--mantine-color-pink-7);
|
|
--req-purge: var(--mantine-color-orange-7);
|
|
--req-link: var(--mantine-color-blue-7);
|
|
--req-unlink: var(--mantine-color-cyan-7);
|
|
--req-graphql: var(--mantine-color-pink-6);
|
|
--req-websocket: var(--mantine-color-red-6);
|
|
--req-socketio: var(--mantine-color-lime-4);
|
|
--link: var(--mantine-color-blue-8);
|
|
|
|
--app-background: var(--mantine-color-dark-7);
|
|
--app-foreground: var(--mantine-color-gray-4);
|
|
--app-foreground-active: var(--mantine-color-white);
|
|
--app-foreground-inactive: var(--mantine-color-dark-3);
|
|
--app-primary: var(--mantine-color-primary-color-8);
|
|
--app-secondary: var(--mantine-color-dark-4);
|
|
--app-border: var(--mantine-color-dark-5); /* .1 */
|
|
--app-focus: var(--mantine-color-indigo-5);
|
|
--app-error: var(--mantine-color-red-8);
|
|
--app-overlay: var(--mantine-color-gray-5);
|
|
--app-background-secondary: var(--mantine-color-gray-9);
|
|
|
|
--tab-background: var(--app-background);
|
|
--tab-foreground: var(--mantine-color-dark-0);
|
|
--tab-foreground-inactive: var(--mantine-color-gray-4); /* .1 */
|
|
--tab-border: var(--app-border);
|
|
--tab-background-hover: var(--mantine-color-dark-7);
|
|
--tab-background-active: var(--statusBar-background-active);
|
|
--tab-background-activeColor: var(--mantine-color-dark-5);
|
|
|
|
--activityBar-background: var(--mantine-color-dark-5); /* .1 */
|
|
--activityBar-foreground: var(--mantine-color-white);
|
|
--activityBar-foreground-inactive: var(--mantine-color-gray-4); /* .2 */
|
|
--activityBar-background-active: var(--focus-level-2);
|
|
--activityBar-border-active: var(--app-primary);
|
|
--activityBar-border: var(--mantine-color-dark-5); /* .1 */
|
|
--activityBarBadge-foreground: var(--mantine-color-white);
|
|
--activityBarBadge-background: var(--mantine-color-blue-6);
|
|
|
|
--statusBar-background: var(--app-background);
|
|
--statusBar-foreground: var(--app-foreground);
|
|
--statusBar-foreground-active: var(--app-foreground-active);
|
|
--statusBar-border: var(--mantine-color-dark-5); /* .1 */
|
|
--statusBar-background-active: var(--mantine-color-gray-9);
|
|
|
|
--input-border: var(--app-border);
|
|
--input-placeholder: var(--mantine-color-dark-3);
|
|
--input-text: var(--mantine-color-white);
|
|
--input-background-focus: var(--mantine-color-dark-7); /* .1 */
|
|
--input-background: var(--app-background);
|
|
|
|
--popover-background: var(--mantine-color-dark-5); /* .2 */
|
|
--popover-foreground: var(--app-foreground);
|
|
--popover-border: transparent;
|
|
--popover-shadow: var(--mantine-color-dark-9) 0px 0px 8px 2px;
|
|
|
|
--focus-border: var(--mantine-color-blue-8);
|
|
|
|
--modal-background: var(--mantine-color-dark-6);
|
|
--modal-foreground: var(--mantine-color-dark-2);
|
|
--modal-foreground-active: var(--mantine-color-white);
|
|
--modal-shadow: var(--mantine-color-dark-9);
|
|
--modal-border: var(--mantine-color-dark-6);
|
|
|
|
--error: var(--mantine-color-red-7);
|
|
--warning: var(--mantine-color-orange-4);
|
|
--info: var(--mantine-color-blue-6);
|
|
--success: var(--mantine-color-lime-8);
|
|
|
|
--color: 128, 128, 128; /* var(--mantine-color-gray-6) */;
|
|
--focus-level-1: rgba(var(--color), 0.06);
|
|
--focus-level-2: rgba(var(--color), 0.1);
|
|
--focus-level-3: rgba(var(--color), 0.14);
|
|
--focus-level-4: rgba(var(--color), 0.18);
|
|
|
|
--collection-text: var(--mantine-color-gray-4);
|
|
|
|
--cm-property: var(--mantine-color-red-4);
|
|
--cm-keyword: var(--mantine-color-blue-2);
|
|
--cm-def: var(--mantine-color-dark-0);
|
|
--cm-attribute: var(--mantine-color-blue-2);
|
|
--cm-number: var(--mantine-color-orange-5);
|
|
--cm-punctuation: var(--mantine-color-dark-1);
|
|
--cm-ws: var(--mantine-color-dark-1);
|
|
--selected: var(--mantine-color-dark-9); /* .2*/
|
|
--cm-string: var(--mantine-color-dark-0);
|
|
}
|
|
.theme-light.primary-green,
|
|
.theme-dark.primary-green {
|
|
--app-primary: var(--mantine-color-green-7) !important;
|
|
}
|
|
.theme-light {
|
|
--app-background: var(--mantine-color-gray-0);
|
|
--app-foreground: var(--mantine-color-dark-5); /* .1 */
|
|
--app-foreground-active: var(--mantine-color-gray-9); /* .1*/
|
|
--app-foreground-inactive: var(--mantine-color-dark-4);
|
|
--app-primary: var(--mantine-color-primary-color-6);
|
|
--app-secondary: var(--mantine-color-dark-4);
|
|
--app-border: var(--mantine-color-gray-4); /* .3*/
|
|
--app-focus: var(--mantine-color-indigo-5);
|
|
--app-error: var(--mantine-color-red-8);
|
|
--app-overlay: var(--mantine-color-dark-6); /* .2*/
|
|
--app-background-secondary: var(--mantine-color-gray-1);
|
|
|
|
--tab-background: var(--mantine-color-gray-0);
|
|
--tab-foreground: var(--mantine-color-dark-6); /* .3 */
|
|
--tab-foreground-inactive: var(--mantine-color-dark-5); /* .1 */
|
|
--tab-border: var(--app-border);
|
|
--tab-background-hover: var(--mantine-color-gray-0);
|
|
--tab-background-active: var(--mantine-color-gray-0);
|
|
--tab-background-activeColor: var(--mantine-color-gray-1); /* .1*/
|
|
|
|
--activityBar-background: var(--mantine-color-gray-1); /* .1*/
|
|
--activityBar-foreground: var(--mantine-color-dark-6); /* .3 */
|
|
--activityBar-foreground-inactive: var(--mantine-color-dark-3); /* .2 */
|
|
--activityBar-background-active: var(--focus-level-2);
|
|
--activityBar-border-active: var(--app-primary);
|
|
|
|
--activityBar-border: var(--mantine-color-gray-3);
|
|
--activityBarBadge-foreground: var(--mantine-color-white);
|
|
--activityBarBadge-background: var(--mantine-color-blue-6);
|
|
|
|
--statusBar-background: var(--app-background);
|
|
--statusBar-foreground: var(--app-foreground);
|
|
--statusBar-foreground-active: var(--app-foreground-active);
|
|
--statusBar-border: var(--app-border);
|
|
--statusBar-background-active: var(--mantine-color-gray-2);
|
|
|
|
--input-border: var(--app-border);
|
|
--input-placeholder: var(--mantine-color-gray-6);
|
|
--input-text: var(--mantine-color-gray-9);
|
|
--input-background-focus: var(--mantine-color-white);
|
|
--input-background: rgba(var(--color), 0.06);
|
|
|
|
--popover-background: var(--mantine-color-white);
|
|
--popover-foreground: var(--app-foreground);
|
|
--popover-border: transparent;
|
|
--popover-shadow: var(--mantine-color-dark-9) 0px 0px 8px 2px;
|
|
|
|
--focus-border: var(--mantine-color-blue-8);
|
|
|
|
--modal-background: var(--mantine-color-gray-1); /* .1*/
|
|
--modal-foreground: var(--mantine-color-dark-6); /* .2 */
|
|
--modal-foreground-active: var(--mantine-color-gray-9);
|
|
--modal-shadow: var(--mantine-color-dark-1);
|
|
--modal-border: var(--mantine-color-gray-3);
|
|
|
|
--error: var(--mantine-color-red-7);
|
|
--warning: var(--mantine-color-orange-4);
|
|
--info: var(--mantine-color-blue-6);
|
|
--success: var(--mantine-color-lime-8);
|
|
|
|
--color: 86, 88, 105; /* var(--mantine-color-dark-3); */
|
|
--focus-level-1: rgba(var(--color), 0.06);
|
|
--focus-level-2: rgba(var(--color), 0.1);
|
|
--focus-level-3: rgba(var(--color), 0.14);
|
|
--focus-level-4: rgba(var(--color), 0.18);
|
|
|
|
--collection-text: var(--mantine-color-dark-5); /* .1 */
|
|
|
|
--cm-property: var(--mantine-color-blue-9);
|
|
--cm-keyword: var(--mantine-color-red-9);
|
|
--cm-def: var(--mantine-color-teal-9);
|
|
--cm-attribute: var(--mantine-color-red-9);
|
|
--cm-number: var(--mantine-color-orange-5);
|
|
--cm-punctuation: var(--mantine-color-dark-1);
|
|
--cm-ws: var(--mantine-color-dark-1);
|
|
--selected: var(--mantine-color-dark-9); /* .3*/
|
|
--cm-string: var(--mantine-color-teal-9);
|
|
}
|
|
.theme-light .invert img {
|
|
filter: invert(0);
|
|
}
|
|
*, ::before, ::after {
|
|
--tw-border-spacing-x: 0;
|
|
--tw-border-spacing-y: 0;
|
|
--tw-translate-x: 0;
|
|
--tw-translate-y: 0;
|
|
--tw-rotate: 0;
|
|
--tw-skew-x: 0;
|
|
--tw-skew-y: 0;
|
|
--tw-scale-x: 1;
|
|
--tw-scale-y: 1;
|
|
--tw-pan-x: ;
|
|
--tw-pan-y: ;
|
|
--tw-pinch-zoom: ;
|
|
--tw-scroll-snap-strictness: proximity;
|
|
--tw-ordinal: ;
|
|
--tw-slashed-zero: ;
|
|
--tw-numeric-figure: ;
|
|
--tw-numeric-spacing: ;
|
|
--tw-numeric-fraction: ;
|
|
--tw-ring-inset: ;
|
|
--tw-ring-offset-width: 0px;
|
|
--tw-ring-offset-color: #fff;
|
|
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
--tw-ring-offset-shadow: 0 0 #0000;
|
|
--tw-ring-shadow: 0 0 #0000;
|
|
--tw-shadow: 0 0 #0000;
|
|
--tw-shadow-colored: 0 0 #0000;
|
|
--tw-blur: ;
|
|
--tw-brightness: ;
|
|
--tw-contrast: ;
|
|
--tw-grayscale: ;
|
|
--tw-hue-rotate: ;
|
|
--tw-invert: ;
|
|
--tw-saturate: ;
|
|
--tw-sepia: ;
|
|
--tw-drop-shadow: ;
|
|
--tw-backdrop-blur: ;
|
|
--tw-backdrop-brightness: ;
|
|
--tw-backdrop-contrast: ;
|
|
--tw-backdrop-grayscale: ;
|
|
--tw-backdrop-hue-rotate: ;
|
|
--tw-backdrop-invert: ;
|
|
--tw-backdrop-opacity: ;
|
|
--tw-backdrop-saturate: ;
|
|
--tw-backdrop-sepia: ;
|
|
}
|
|
::backdrop {
|
|
--tw-border-spacing-x: 0;
|
|
--tw-border-spacing-y: 0;
|
|
--tw-translate-x: 0;
|
|
--tw-translate-y: 0;
|
|
--tw-rotate: 0;
|
|
--tw-skew-x: 0;
|
|
--tw-skew-y: 0;
|
|
--tw-scale-x: 1;
|
|
--tw-scale-y: 1;
|
|
--tw-pan-x: ;
|
|
--tw-pan-y: ;
|
|
--tw-pinch-zoom: ;
|
|
--tw-scroll-snap-strictness: proximity;
|
|
--tw-ordinal: ;
|
|
--tw-slashed-zero: ;
|
|
--tw-numeric-figure: ;
|
|
--tw-numeric-spacing: ;
|
|
--tw-numeric-fraction: ;
|
|
--tw-ring-inset: ;
|
|
--tw-ring-offset-width: 0px;
|
|
--tw-ring-offset-color: #fff;
|
|
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
--tw-ring-offset-shadow: 0 0 #0000;
|
|
--tw-ring-shadow: 0 0 #0000;
|
|
--tw-shadow: 0 0 #0000;
|
|
--tw-shadow-colored: 0 0 #0000;
|
|
--tw-blur: ;
|
|
--tw-brightness: ;
|
|
--tw-contrast: ;
|
|
--tw-grayscale: ;
|
|
--tw-hue-rotate: ;
|
|
--tw-invert: ;
|
|
--tw-saturate: ;
|
|
--tw-sepia: ;
|
|
--tw-drop-shadow: ;
|
|
--tw-backdrop-blur: ;
|
|
--tw-backdrop-brightness: ;
|
|
--tw-backdrop-contrast: ;
|
|
--tw-backdrop-grayscale: ;
|
|
--tw-backdrop-hue-rotate: ;
|
|
--tw-backdrop-invert: ;
|
|
--tw-backdrop-opacity: ;
|
|
--tw-backdrop-saturate: ;
|
|
--tw-backdrop-sepia: ;
|
|
}
|
|
.container {
|
|
width: 100%;
|
|
}
|
|
@media (min-width: 640px) {
|
|
.container {
|
|
max-width: 640px;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
.container {
|
|
max-width: 768px;
|
|
}
|
|
}
|
|
@media (min-width: 1024px) {
|
|
.container {
|
|
max-width: 1024px;
|
|
}
|
|
}
|
|
@media (min-width: 1280px) {
|
|
.container {
|
|
max-width: 1280px;
|
|
}
|
|
}
|
|
@media (min-width: 1536px) {
|
|
.container {
|
|
max-width: 1536px;
|
|
}
|
|
}
|
|
.visible {
|
|
visibility: visible;
|
|
}
|
|
.collapse {
|
|
visibility: collapse;
|
|
}
|
|
.static {
|
|
position: static;
|
|
}
|
|
.fixed {
|
|
position: fixed;
|
|
}
|
|
.\!absolute {
|
|
position: absolute !important;
|
|
}
|
|
.absolute {
|
|
position: absolute;
|
|
}
|
|
.relative {
|
|
position: relative;
|
|
}
|
|
.sticky {
|
|
position: sticky;
|
|
}
|
|
.\!top-4 {
|
|
top: 1rem !important;
|
|
}
|
|
.\!top-auto {
|
|
top: auto !important;
|
|
}
|
|
.-bottom-px {
|
|
bottom: -1px;
|
|
}
|
|
.-left-8 {
|
|
left: -2rem;
|
|
}
|
|
.-top-2 {
|
|
top: -0.5rem;
|
|
}
|
|
.bottom-0 {
|
|
bottom: 0px;
|
|
}
|
|
.bottom-6 {
|
|
bottom: 1.5rem;
|
|
}
|
|
.left-0 {
|
|
left: 0px;
|
|
}
|
|
.left-1 {
|
|
left: 0.25rem;
|
|
}
|
|
.right-0 {
|
|
right: 0px;
|
|
}
|
|
.right-2 {
|
|
right: 0.5rem;
|
|
}
|
|
.right-3 {
|
|
right: 0.75rem;
|
|
}
|
|
.top-0 {
|
|
top: 0px;
|
|
}
|
|
.top-2 {
|
|
top: 0.5rem;
|
|
}
|
|
.top-3 {
|
|
top: 0.75rem;
|
|
}
|
|
.top-4 {
|
|
top: 1rem;
|
|
}
|
|
.top-5 {
|
|
top: 1.25rem;
|
|
}
|
|
.top-auto {
|
|
top: auto;
|
|
}
|
|
.z-0 {
|
|
z-index: 0;
|
|
}
|
|
.z-10 {
|
|
z-index: 10;
|
|
}
|
|
.z-20 {
|
|
z-index: 20;
|
|
}
|
|
.z-30 {
|
|
z-index: 30;
|
|
}
|
|
.float-right {
|
|
float: right;
|
|
}
|
|
.\!m-0 {
|
|
margin: 0px !important;
|
|
}
|
|
.\!m-2 {
|
|
margin: 0.5rem !important;
|
|
}
|
|
.m-0 {
|
|
margin: 0px;
|
|
}
|
|
.m-4 {
|
|
margin: 1rem;
|
|
}
|
|
.m-5 {
|
|
margin: 1.25rem;
|
|
}
|
|
.m-6 {
|
|
margin: 1.5rem;
|
|
}
|
|
.m-auto {
|
|
margin: auto;
|
|
}
|
|
.\!mx-1 {
|
|
margin-left: 0.25rem !important;
|
|
margin-right: 0.25rem !important;
|
|
}
|
|
.mx-0 {
|
|
margin-left: 0px;
|
|
margin-right: 0px;
|
|
}
|
|
.mx-2 {
|
|
margin-left: 0.5rem;
|
|
margin-right: 0.5rem;
|
|
}
|
|
.mx-3 {
|
|
margin-left: 0.75rem;
|
|
margin-right: 0.75rem;
|
|
}
|
|
.mx-4 {
|
|
margin-left: 1rem;
|
|
margin-right: 1rem;
|
|
}
|
|
.mx-auto {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.my-0 {
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
.my-0\.5 {
|
|
margin-top: 0.125rem;
|
|
margin-bottom: 0.125rem;
|
|
}
|
|
.my-1 {
|
|
margin-top: 0.25rem;
|
|
margin-bottom: 0.25rem;
|
|
}
|
|
.my-3 {
|
|
margin-top: 0.75rem;
|
|
margin-bottom: 0.75rem;
|
|
}
|
|
.my-4 {
|
|
margin-top: 1rem;
|
|
margin-bottom: 1rem;
|
|
}
|
|
.\!mb-0 {
|
|
margin-bottom: 0px !important;
|
|
}
|
|
.\!mb-2 {
|
|
margin-bottom: 0.5rem !important;
|
|
}
|
|
.\!mb-3 {
|
|
margin-bottom: 0.75rem !important;
|
|
}
|
|
.\!mb-4 {
|
|
margin-bottom: 1rem !important;
|
|
}
|
|
.\!ml-auto {
|
|
margin-left: auto !important;
|
|
}
|
|
.\!mr-1 {
|
|
margin-right: 0.25rem !important;
|
|
}
|
|
.\!mt-0 {
|
|
margin-top: 0px !important;
|
|
}
|
|
.-mb-1 {
|
|
margin-bottom: -0.25rem;
|
|
}
|
|
.-mb-2 {
|
|
margin-bottom: -0.5rem;
|
|
}
|
|
.-mb-80 {
|
|
margin-bottom: -20rem;
|
|
}
|
|
.-mb-96 {
|
|
margin-bottom: -24rem;
|
|
}
|
|
.-ml-1 {
|
|
margin-left: -0.25rem;
|
|
}
|
|
.-ml-2 {
|
|
margin-left: -0.5rem;
|
|
}
|
|
.-ml-8 {
|
|
margin-left: -2rem;
|
|
}
|
|
.-ml-\[2px\] {
|
|
margin-left: -2px;
|
|
}
|
|
.-mr-1 {
|
|
margin-right: -0.25rem;
|
|
}
|
|
.-mr-8 {
|
|
margin-right: -2rem;
|
|
}
|
|
.-mt-1 {
|
|
margin-top: -0.25rem;
|
|
}
|
|
.-mt-2 {
|
|
margin-top: -0.5rem;
|
|
}
|
|
.-mt-4 {
|
|
margin-top: -1rem;
|
|
}
|
|
.-mt-\[10px\] {
|
|
margin-top: -10px;
|
|
}
|
|
.-mt-px {
|
|
margin-top: -1px;
|
|
}
|
|
.mb-0 {
|
|
margin-bottom: 0px;
|
|
}
|
|
.mb-1 {
|
|
margin-bottom: 0.25rem;
|
|
}
|
|
.mb-14 {
|
|
margin-bottom: 3.5rem;
|
|
}
|
|
.mb-2 {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.mb-3 {
|
|
margin-bottom: 0.75rem;
|
|
}
|
|
.mb-4 {
|
|
margin-bottom: 1rem;
|
|
}
|
|
.mb-5 {
|
|
margin-bottom: 1.25rem;
|
|
}
|
|
.mb-6 {
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
.mb-8 {
|
|
margin-bottom: 2rem;
|
|
}
|
|
.mb-\[10px\] {
|
|
margin-bottom: 10px;
|
|
}
|
|
.ml-1 {
|
|
margin-left: 0.25rem;
|
|
}
|
|
.ml-2 {
|
|
margin-left: 0.5rem;
|
|
}
|
|
.ml-4 {
|
|
margin-left: 1rem;
|
|
}
|
|
.ml-8 {
|
|
margin-left: 2rem;
|
|
}
|
|
.ml-\[30\%\] {
|
|
margin-left: 30%;
|
|
}
|
|
.ml-auto {
|
|
margin-left: auto;
|
|
}
|
|
.mr-0 {
|
|
margin-right: 0px;
|
|
}
|
|
.mr-1 {
|
|
margin-right: 0.25rem;
|
|
}
|
|
.mr-14 {
|
|
margin-right: 3.5rem;
|
|
}
|
|
.mr-2 {
|
|
margin-right: 0.5rem;
|
|
}
|
|
.mr-2\.5 {
|
|
margin-right: 0.625rem;
|
|
}
|
|
.mr-3 {
|
|
margin-right: 0.75rem;
|
|
}
|
|
.mr-4 {
|
|
margin-right: 1rem;
|
|
}
|
|
.mr-5 {
|
|
margin-right: 1.25rem;
|
|
}
|
|
.mt-0 {
|
|
margin-top: 0px;
|
|
}
|
|
.mt-0\.5 {
|
|
margin-top: 0.125rem;
|
|
}
|
|
.mt-1 {
|
|
margin-top: 0.25rem;
|
|
}
|
|
.mt-2 {
|
|
margin-top: 0.5rem;
|
|
}
|
|
.mt-3 {
|
|
margin-top: 0.75rem;
|
|
}
|
|
.mt-4 {
|
|
margin-top: 1rem;
|
|
}
|
|
.mt-5 {
|
|
margin-top: 1.25rem;
|
|
}
|
|
.mt-6 {
|
|
margin-top: 1.5rem;
|
|
}
|
|
.mt-8 {
|
|
margin-top: 2rem;
|
|
}
|
|
.mt-\[10vh\] {
|
|
margin-top: 10vh;
|
|
}
|
|
.mt-\[50\%\] {
|
|
margin-top: 50%;
|
|
}
|
|
.mt-auto {
|
|
margin-top: auto;
|
|
}
|
|
.\!block {
|
|
display: block !important;
|
|
}
|
|
.block {
|
|
display: block;
|
|
}
|
|
.inline-block {
|
|
display: inline-block;
|
|
}
|
|
.inline {
|
|
display: inline;
|
|
}
|
|
.\!flex {
|
|
display: flex !important;
|
|
}
|
|
.flex {
|
|
display: flex;
|
|
}
|
|
.table {
|
|
display: table;
|
|
}
|
|
.table-caption {
|
|
display: table-caption;
|
|
}
|
|
.table-cell {
|
|
display: table-cell;
|
|
}
|
|
.table-row {
|
|
display: table-row;
|
|
}
|
|
.grid {
|
|
display: grid;
|
|
}
|
|
.contents {
|
|
display: contents;
|
|
}
|
|
.list-item {
|
|
display: list-item;
|
|
}
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
.\!h-48 {
|
|
height: 12rem !important;
|
|
}
|
|
.\!h-6 {
|
|
height: 1.5rem !important;
|
|
}
|
|
.\!h-80 {
|
|
height: 20rem !important;
|
|
}
|
|
.\!h-\[80vh\] {
|
|
height: 80vh !important;
|
|
}
|
|
.\!h-fit {
|
|
height: -moz-fit-content !important;
|
|
height: fit-content !important;
|
|
}
|
|
.h-0 {
|
|
height: 0px;
|
|
}
|
|
.h-1 {
|
|
height: 0.25rem;
|
|
}
|
|
.h-10 {
|
|
height: 2.5rem;
|
|
}
|
|
.h-12 {
|
|
height: 3rem;
|
|
}
|
|
.h-2 {
|
|
height: 0.5rem;
|
|
}
|
|
.h-32 {
|
|
height: 8rem;
|
|
}
|
|
.h-4 {
|
|
height: 1rem;
|
|
}
|
|
.h-5 {
|
|
height: 1.25rem;
|
|
}
|
|
.h-6 {
|
|
height: 1.5rem;
|
|
}
|
|
.h-7 {
|
|
height: 1.75rem;
|
|
}
|
|
.h-8 {
|
|
height: 2rem;
|
|
}
|
|
.h-80 {
|
|
height: 20rem;
|
|
}
|
|
.h-9 {
|
|
height: 2.25rem;
|
|
}
|
|
.h-96 {
|
|
height: 24rem;
|
|
}
|
|
.h-\[10px\] {
|
|
height: 10px;
|
|
}
|
|
.h-\[21px\] {
|
|
height: 21px;
|
|
}
|
|
.h-\[30px\] {
|
|
height: 30px;
|
|
}
|
|
.h-\[340px\] {
|
|
height: 340px;
|
|
}
|
|
.h-\[34px\] {
|
|
height: 34px;
|
|
}
|
|
.h-\[70vh\] {
|
|
height: 70vh;
|
|
}
|
|
.h-\[80vh\] {
|
|
height: 80vh;
|
|
}
|
|
.h-\[90vh\] {
|
|
height: 90vh;
|
|
}
|
|
.h-fit {
|
|
height: -moz-fit-content;
|
|
height: fit-content;
|
|
}
|
|
.h-full {
|
|
height: 100%;
|
|
}
|
|
.h-px {
|
|
height: 1px;
|
|
}
|
|
.h-screen {
|
|
height: 100vh;
|
|
}
|
|
.max-h-4 {
|
|
max-height: 1rem;
|
|
}
|
|
.max-h-48 {
|
|
max-height: 12rem;
|
|
}
|
|
.max-h-56 {
|
|
max-height: 14rem;
|
|
}
|
|
.max-h-\[200px\] {
|
|
max-height: 200px;
|
|
}
|
|
.min-h-0 {
|
|
min-height: 0px;
|
|
}
|
|
.\!w-auto {
|
|
width: auto !important;
|
|
}
|
|
.\!w-full {
|
|
width: 100% !important;
|
|
}
|
|
.w-10 {
|
|
width: 2.5rem;
|
|
}
|
|
.w-12 {
|
|
width: 3rem;
|
|
}
|
|
.w-14 {
|
|
width: 3.5rem;
|
|
}
|
|
.w-2 {
|
|
width: 0.5rem;
|
|
}
|
|
.w-20 {
|
|
width: 5rem;
|
|
}
|
|
.w-32 {
|
|
width: 8rem;
|
|
}
|
|
.w-36 {
|
|
width: 9rem;
|
|
}
|
|
.w-4 {
|
|
width: 1rem;
|
|
}
|
|
.w-40 {
|
|
width: 10rem;
|
|
}
|
|
.w-5 {
|
|
width: 1.25rem;
|
|
}
|
|
.w-56 {
|
|
width: 14rem;
|
|
}
|
|
.w-6 {
|
|
width: 1.5rem;
|
|
}
|
|
.w-60 {
|
|
width: 15rem;
|
|
}
|
|
.w-7 {
|
|
width: 1.75rem;
|
|
}
|
|
.w-8 {
|
|
width: 2rem;
|
|
}
|
|
.w-9 {
|
|
width: 2.25rem;
|
|
}
|
|
.w-96 {
|
|
width: 24rem;
|
|
}
|
|
.w-\[220px\] {
|
|
width: 220px;
|
|
}
|
|
.w-\[32rem\] {
|
|
width: 32rem;
|
|
}
|
|
.w-\[60px\] {
|
|
width: 60px;
|
|
}
|
|
.w-auto {
|
|
width: auto;
|
|
}
|
|
.w-fit {
|
|
width: -moz-fit-content;
|
|
width: fit-content;
|
|
}
|
|
.w-full {
|
|
width: 100%;
|
|
}
|
|
.w-max {
|
|
width: -moz-max-content;
|
|
width: max-content;
|
|
}
|
|
.w-screen {
|
|
width: 100vw;
|
|
}
|
|
.\!min-w-full {
|
|
min-width: 100% !important;
|
|
}
|
|
.min-w-\[9rem\] {
|
|
min-width: 9rem;
|
|
}
|
|
.min-w-fit {
|
|
min-width: -moz-fit-content;
|
|
min-width: fit-content;
|
|
}
|
|
.min-w-full {
|
|
min-width: 100%;
|
|
}
|
|
.max-w-full {
|
|
max-width: 100%;
|
|
}
|
|
.max-w-md {
|
|
max-width: 28rem;
|
|
}
|
|
.max-w-sm {
|
|
max-width: 24rem;
|
|
}
|
|
.max-w-xl {
|
|
max-width: 36rem;
|
|
}
|
|
.max-w-xs {
|
|
max-width: 20rem;
|
|
}
|
|
.flex-1 {
|
|
flex: 1 1 0%;
|
|
}
|
|
.flex-none {
|
|
flex: none;
|
|
}
|
|
.grow {
|
|
flex-grow: 1;
|
|
}
|
|
.border-collapse {
|
|
border-collapse: collapse;
|
|
}
|
|
.rotate-180 {
|
|
--tw-rotate: 180deg;
|
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
}
|
|
.rotate-90 {
|
|
--tw-rotate: 90deg;
|
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
}
|
|
.transform {
|
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
}
|
|
.transform-none {
|
|
transform: none;
|
|
}
|
|
@keyframes slideDownAndFade {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(-10px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
.animate-slideDownAndFade {
|
|
animation: slideDownAndFade 200ms ease-in-out;
|
|
}
|
|
@keyframes slideUpAndFade {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(2px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
.animate-slideUpAndFade {
|
|
animation: slideUpAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
}
|
|
.\!cursor-default {
|
|
cursor: default !important;
|
|
}
|
|
.cursor-default {
|
|
cursor: default;
|
|
}
|
|
.cursor-pointer {
|
|
cursor: pointer;
|
|
}
|
|
.select-text {
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
user-select: text;
|
|
}
|
|
.resize {
|
|
resize: both;
|
|
}
|
|
.list-decimal {
|
|
list-style-type: decimal;
|
|
}
|
|
.list-disc {
|
|
list-style-type: disc;
|
|
}
|
|
.flex-row {
|
|
flex-direction: row;
|
|
}
|
|
.flex-col {
|
|
flex-direction: column;
|
|
}
|
|
.flex-wrap {
|
|
flex-wrap: wrap;
|
|
}
|
|
.flex-nowrap {
|
|
flex-wrap: nowrap;
|
|
}
|
|
.items-start {
|
|
align-items: flex-start;
|
|
}
|
|
.items-center {
|
|
align-items: center;
|
|
}
|
|
.items-baseline {
|
|
align-items: baseline;
|
|
}
|
|
.justify-start {
|
|
justify-content: flex-start;
|
|
}
|
|
.justify-end {
|
|
justify-content: flex-end;
|
|
}
|
|
.justify-center {
|
|
justify-content: center;
|
|
}
|
|
.justify-between {
|
|
justify-content: space-between;
|
|
}
|
|
.gap-2 {
|
|
gap: 0.5rem;
|
|
}
|
|
.gap-3 {
|
|
gap: 0.75rem;
|
|
}
|
|
.gap-4 {
|
|
gap: 1rem;
|
|
}
|
|
.overflow-auto {
|
|
overflow: auto;
|
|
}
|
|
.\!overflow-hidden {
|
|
overflow: hidden !important;
|
|
}
|
|
.overflow-hidden {
|
|
overflow: hidden;
|
|
}
|
|
.overflow-visible {
|
|
overflow: visible;
|
|
}
|
|
.overflow-x-auto {
|
|
overflow-x: auto;
|
|
}
|
|
.\!overflow-y-auto {
|
|
overflow-y: auto !important;
|
|
}
|
|
.overflow-y-scroll {
|
|
overflow-y: scroll;
|
|
}
|
|
.truncate {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.text-ellipsis {
|
|
text-overflow: ellipsis;
|
|
}
|
|
.whitespace-nowrap {
|
|
white-space: nowrap;
|
|
}
|
|
.whitespace-pre {
|
|
white-space: pre;
|
|
}
|
|
.\!rounded-none {
|
|
border-radius: 0px !important;
|
|
}
|
|
.rounded {
|
|
border-radius: 0.25rem;
|
|
}
|
|
.rounded-2xl {
|
|
border-radius: 1rem;
|
|
}
|
|
.rounded-3xl {
|
|
border-radius: 1.5rem;
|
|
}
|
|
.rounded-full {
|
|
border-radius: 9999px;
|
|
}
|
|
.rounded-none {
|
|
border-radius: 0px;
|
|
}
|
|
.rounded-sm {
|
|
border-radius: 0.125rem;
|
|
}
|
|
.\!rounded-bl-none {
|
|
border-bottom-left-radius: 0px !important;
|
|
}
|
|
.\!rounded-br-none {
|
|
border-bottom-right-radius: 0px !important;
|
|
}
|
|
.\!rounded-tl-none {
|
|
border-top-left-radius: 0px !important;
|
|
}
|
|
.\!rounded-tr-none {
|
|
border-top-right-radius: 0px !important;
|
|
}
|
|
.\!border-0 {
|
|
border-width: 0px !important;
|
|
}
|
|
.border {
|
|
border-width: 1px;
|
|
}
|
|
.border-0 {
|
|
border-width: 0px;
|
|
}
|
|
.border-y {
|
|
border-top-width: 1px;
|
|
border-bottom-width: 1px;
|
|
}
|
|
.border-b {
|
|
border-bottom-width: 1px;
|
|
}
|
|
.border-b-2 {
|
|
border-bottom-width: 2px;
|
|
}
|
|
.border-l {
|
|
border-left-width: 1px;
|
|
}
|
|
.border-l-2 {
|
|
border-left-width: 2px;
|
|
}
|
|
.border-r {
|
|
border-right-width: 1px;
|
|
}
|
|
.border-t {
|
|
border-top-width: 1px;
|
|
}
|
|
.border-solid {
|
|
border-style: solid;
|
|
}
|
|
.border-dashed {
|
|
border-style: dashed;
|
|
}
|
|
.\!border-none {
|
|
border-style: none !important;
|
|
}
|
|
.\!border-app-border {
|
|
border-color: var(--app-border) !important;
|
|
}
|
|
.\!border-input-border {
|
|
border-color: var(--input-border) !important;
|
|
}
|
|
.\!border-statusBar-border {
|
|
border-color: var(--statusBar-border) !important;
|
|
}
|
|
.\!border-tab-border {
|
|
border-color: var(--tab-border) !important;
|
|
}
|
|
.\!border-transparent {
|
|
border-color: #ffffff00 !important;
|
|
}
|
|
.border-activityBar-border {
|
|
border-color: var(--activityBar-border);
|
|
}
|
|
.border-activityBar-foreground-inactive {
|
|
border-color: var(--activityBar-foreground-inactive);
|
|
}
|
|
.border-app-background {
|
|
border-color: var(--app-background);
|
|
}
|
|
.border-app-border {
|
|
border-color: var(--app-border);
|
|
}
|
|
.border-app-foreground {
|
|
border-color: var(--app-foreground);
|
|
}
|
|
.border-app-foreground-inactive {
|
|
border-color: var(--app-foreground-inactive);
|
|
}
|
|
.border-error {
|
|
border-color: var(--error);
|
|
}
|
|
.border-focusBorder {
|
|
border-color: var(--focus-border);
|
|
}
|
|
.border-info {
|
|
border-color: var(--info);
|
|
}
|
|
.border-input-border {
|
|
border-color: var(--input-border);
|
|
}
|
|
.border-modal-border {
|
|
border-color: var(--modal-border);
|
|
}
|
|
.border-primaryColor {
|
|
border-color: var(--app-primary);
|
|
}
|
|
.border-success {
|
|
border-color: var(--success);
|
|
}
|
|
.border-tab-border {
|
|
border-color: var(--tab-border);
|
|
}
|
|
.border-transparent {
|
|
border-color: #ffffff00;
|
|
}
|
|
.border-warning {
|
|
border-color: var(--warning);
|
|
}
|
|
.\!border-b-popover-background {
|
|
border-bottom-color: var(--popover-background) !important;
|
|
}
|
|
.\!border-b-transparent {
|
|
border-bottom-color: #ffffff00 !important;
|
|
}
|
|
.\!border-l-popover-background {
|
|
border-left-color: var(--popover-background) !important;
|
|
}
|
|
.\!border-l-transparent {
|
|
border-left-color: #ffffff00 !important;
|
|
}
|
|
.\!border-r-popover-background {
|
|
border-right-color: var(--popover-background) !important;
|
|
}
|
|
.\!border-t-popover-background {
|
|
border-top-color: var(--popover-background) !important;
|
|
}
|
|
.\!border-t-transparent {
|
|
border-top-color: #ffffff00 !important;
|
|
}
|
|
.border-b-tab-border {
|
|
border-bottom-color: var(--tab-border);
|
|
}
|
|
.border-l-tab-border {
|
|
border-left-color: var(--tab-border);
|
|
}
|
|
.border-l-transparent {
|
|
border-left-color: #ffffff00;
|
|
}
|
|
.border-r-app-border {
|
|
border-right-color: var(--app-border);
|
|
}
|
|
.border-r-tab-border {
|
|
border-right-color: var(--tab-border);
|
|
}
|
|
.border-r-transparent {
|
|
border-right-color: #ffffff00;
|
|
}
|
|
.\!bg-app-background-secondary {
|
|
background-color: var(--app-background-secondary) !important;
|
|
}
|
|
.\!bg-focus2 {
|
|
background-color: var(--focus-level-2) !important;
|
|
}
|
|
.\!bg-statusBar-background-active {
|
|
background-color: var(--statusBar-background-active) !important;
|
|
}
|
|
.\!bg-tab-background-active {
|
|
background-color: var(--tab-background-active) !important;
|
|
}
|
|
.\!bg-transparent {
|
|
background-color: #ffffff00 !important;
|
|
}
|
|
.bg-activityBar-background {
|
|
background-color: var(--activityBar-background);
|
|
}
|
|
.bg-activityBar-background-active {
|
|
background-color: var(--activityBar-background-active);
|
|
}
|
|
.bg-activityBar-foreground-inactive {
|
|
background-color: var(--activityBar-foreground-inactive);
|
|
}
|
|
.bg-app-background {
|
|
background-color: var(--app-background);
|
|
}
|
|
.bg-app-background-secondary {
|
|
background-color: var(--app-background-secondary);
|
|
}
|
|
.bg-app-border {
|
|
background-color: var(--app-border);
|
|
}
|
|
.bg-app-foreground {
|
|
background-color: var(--app-foreground);
|
|
}
|
|
.bg-app-foreground-inactive {
|
|
background-color: var(--app-foreground-inactive);
|
|
}
|
|
.bg-error {
|
|
background-color: var(--error);
|
|
}
|
|
.bg-focus1 {
|
|
background-color: var(--focus-level-1);
|
|
}
|
|
.bg-focus2 {
|
|
background-color: var(--focus-level-2);
|
|
}
|
|
.bg-focus3 {
|
|
background-color: var(--focus-level-3);
|
|
}
|
|
.bg-focus4 {
|
|
background-color: var(--focus-level-4);
|
|
}
|
|
.bg-focusColor {
|
|
background-color: #ffffff1a;
|
|
}
|
|
.bg-info {
|
|
background-color: var(--info);
|
|
}
|
|
.bg-input-background {
|
|
background-color: var(--input-background);
|
|
}
|
|
.bg-modal-background {
|
|
background-color: var(--modal-background);
|
|
}
|
|
.bg-popover-background {
|
|
background-color: var(--popover-background);
|
|
}
|
|
.bg-primaryColor {
|
|
background-color: var(--app-primary);
|
|
}
|
|
.bg-statusBar-background {
|
|
background-color: var(--statusBar-background);
|
|
}
|
|
.bg-statusBar-background-active {
|
|
background-color: var(--statusBar-background-active);
|
|
}
|
|
.bg-success {
|
|
background-color: var(--success);
|
|
}
|
|
.bg-tab-background {
|
|
background-color: var(--tab-background);
|
|
}
|
|
.bg-tab-background-activeColor {
|
|
background-color: var(--tab-background-activeColor);
|
|
}
|
|
.bg-transparent {
|
|
background-color: #ffffff00;
|
|
}
|
|
.bg-warning {
|
|
background-color: var(--warning);
|
|
}
|
|
.\!p-0 {
|
|
padding: 0px !important;
|
|
}
|
|
.\!p-1 {
|
|
padding: 0.25rem !important;
|
|
}
|
|
.\!p-4 {
|
|
padding: 1rem !important;
|
|
}
|
|
.p-0 {
|
|
padding: 0px;
|
|
}
|
|
.p-1 {
|
|
padding: 0.25rem;
|
|
}
|
|
.p-1\.5 {
|
|
padding: 0.375rem;
|
|
}
|
|
.p-12 {
|
|
padding: 3rem;
|
|
}
|
|
.p-2 {
|
|
padding: 0.5rem;
|
|
}
|
|
.p-3 {
|
|
padding: 0.75rem;
|
|
}
|
|
.p-4 {
|
|
padding: 1rem;
|
|
}
|
|
.p-6 {
|
|
padding: 1.5rem;
|
|
}
|
|
.p-8 {
|
|
padding: 2rem;
|
|
}
|
|
.\!px-0 {
|
|
padding-left: 0px !important;
|
|
padding-right: 0px !important;
|
|
}
|
|
.\!px-2 {
|
|
padding-left: 0.5rem !important;
|
|
padding-right: 0.5rem !important;
|
|
}
|
|
.\!px-3 {
|
|
padding-left: 0.75rem !important;
|
|
padding-right: 0.75rem !important;
|
|
}
|
|
.\!px-4 {
|
|
padding-left: 1rem !important;
|
|
padding-right: 1rem !important;
|
|
}
|
|
.\!px-5 {
|
|
padding-left: 1.25rem !important;
|
|
padding-right: 1.25rem !important;
|
|
}
|
|
.\!px-6 {
|
|
padding-left: 1.5rem !important;
|
|
padding-right: 1.5rem !important;
|
|
}
|
|
.\!py-0 {
|
|
padding-top: 0px !important;
|
|
padding-bottom: 0px !important;
|
|
}
|
|
.\!py-1 {
|
|
padding-top: 0.25rem !important;
|
|
padding-bottom: 0.25rem !important;
|
|
}
|
|
.\!py-2 {
|
|
padding-top: 0.5rem !important;
|
|
padding-bottom: 0.5rem !important;
|
|
}
|
|
.\!py-3 {
|
|
padding-top: 0.75rem !important;
|
|
padding-bottom: 0.75rem !important;
|
|
}
|
|
.px-0 {
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
}
|
|
.px-1 {
|
|
padding-left: 0.25rem;
|
|
padding-right: 0.25rem;
|
|
}
|
|
.px-10 {
|
|
padding-left: 2.5rem;
|
|
padding-right: 2.5rem;
|
|
}
|
|
.px-14 {
|
|
padding-left: 3.5rem;
|
|
padding-right: 3.5rem;
|
|
}
|
|
.px-16 {
|
|
padding-left: 4rem;
|
|
padding-right: 4rem;
|
|
}
|
|
.px-2 {
|
|
padding-left: 0.5rem;
|
|
padding-right: 0.5rem;
|
|
}
|
|
.px-3 {
|
|
padding-left: 0.75rem;
|
|
padding-right: 0.75rem;
|
|
}
|
|
.px-4 {
|
|
padding-left: 1rem;
|
|
padding-right: 1rem;
|
|
}
|
|
.px-5 {
|
|
padding-left: 1.25rem;
|
|
padding-right: 1.25rem;
|
|
}
|
|
.px-6 {
|
|
padding-left: 1.5rem;
|
|
padding-right: 1.5rem;
|
|
}
|
|
.px-8 {
|
|
padding-left: 2rem;
|
|
padding-right: 2rem;
|
|
}
|
|
.py-0 {
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
}
|
|
.py-0\.5 {
|
|
padding-top: 0.125rem;
|
|
padding-bottom: 0.125rem;
|
|
}
|
|
.py-1 {
|
|
padding-top: 0.25rem;
|
|
padding-bottom: 0.25rem;
|
|
}
|
|
.py-2 {
|
|
padding-top: 0.5rem;
|
|
padding-bottom: 0.5rem;
|
|
}
|
|
.py-2\.5 {
|
|
padding-top: 0.625rem;
|
|
padding-bottom: 0.625rem;
|
|
}
|
|
.py-20 {
|
|
padding-top: 5rem;
|
|
padding-bottom: 5rem;
|
|
}
|
|
.py-3 {
|
|
padding-top: 0.75rem;
|
|
padding-bottom: 0.75rem;
|
|
}
|
|
.py-4 {
|
|
padding-top: 1rem;
|
|
padding-bottom: 1rem;
|
|
}
|
|
.py-6 {
|
|
padding-top: 1.5rem;
|
|
padding-bottom: 1.5rem;
|
|
}
|
|
.py-\[15px\] {
|
|
padding-top: 15px;
|
|
padding-bottom: 15px;
|
|
}
|
|
.py-px {
|
|
padding-top: 1px;
|
|
padding-bottom: 1px;
|
|
}
|
|
.\!pb-0 {
|
|
padding-bottom: 0px !important;
|
|
}
|
|
.\!pb-1 {
|
|
padding-bottom: 0.25rem !important;
|
|
}
|
|
.\!pb-2 {
|
|
padding-bottom: 0.5rem !important;
|
|
}
|
|
.\!pb-3 {
|
|
padding-bottom: 0.75rem !important;
|
|
}
|
|
.\!pb-4 {
|
|
padding-bottom: 1rem !important;
|
|
}
|
|
.\!pb-6 {
|
|
padding-bottom: 1.5rem !important;
|
|
}
|
|
.\!pl-3 {
|
|
padding-left: 0.75rem !important;
|
|
}
|
|
.\!pr-3 {
|
|
padding-right: 0.75rem !important;
|
|
}
|
|
.\!pt-0 {
|
|
padding-top: 0px !important;
|
|
}
|
|
.\!pt-2 {
|
|
padding-top: 0.5rem !important;
|
|
}
|
|
.\!pt-3 {
|
|
padding-top: 0.75rem !important;
|
|
}
|
|
.\!pt-4 {
|
|
padding-top: 1rem !important;
|
|
}
|
|
.\!pt-\[0\.2rem\] {
|
|
padding-top: 0.2rem !important;
|
|
}
|
|
.pb-0 {
|
|
padding-bottom: 0px;
|
|
}
|
|
.pb-1 {
|
|
padding-bottom: 0.25rem;
|
|
}
|
|
.pb-2 {
|
|
padding-bottom: 0.5rem;
|
|
}
|
|
.pb-4 {
|
|
padding-bottom: 1rem;
|
|
}
|
|
.pb-6 {
|
|
padding-bottom: 1.5rem;
|
|
}
|
|
.pb-80 {
|
|
padding-bottom: 20rem;
|
|
}
|
|
.pb-96 {
|
|
padding-bottom: 24rem;
|
|
}
|
|
.pl-0 {
|
|
padding-left: 0px;
|
|
}
|
|
.pl-1 {
|
|
padding-left: 0.25rem;
|
|
}
|
|
.pl-12 {
|
|
padding-left: 3rem;
|
|
}
|
|
.pl-2 {
|
|
padding-left: 0.5rem;
|
|
}
|
|
.pl-3 {
|
|
padding-left: 0.75rem;
|
|
}
|
|
.pl-4 {
|
|
padding-left: 1rem;
|
|
}
|
|
.pr-0 {
|
|
padding-right: 0px;
|
|
}
|
|
.pr-1 {
|
|
padding-right: 0.25rem;
|
|
}
|
|
.pr-1\.5 {
|
|
padding-right: 0.375rem;
|
|
}
|
|
.pr-2 {
|
|
padding-right: 0.5rem;
|
|
}
|
|
.pr-3 {
|
|
padding-right: 0.75rem;
|
|
}
|
|
.pr-4 {
|
|
padding-right: 1rem;
|
|
}
|
|
.pt-0 {
|
|
padding-top: 0px;
|
|
}
|
|
.pt-0\.5 {
|
|
padding-top: 0.125rem;
|
|
}
|
|
.pt-14 {
|
|
padding-top: 3.5rem;
|
|
}
|
|
.pt-2 {
|
|
padding-top: 0.5rem;
|
|
}
|
|
.pt-3 {
|
|
padding-top: 0.75rem;
|
|
}
|
|
.pt-4 {
|
|
padding-top: 1rem;
|
|
}
|
|
.pt-5 {
|
|
padding-top: 1.25rem;
|
|
}
|
|
.pt-6 {
|
|
padding-top: 1.5rem;
|
|
}
|
|
.pt-px {
|
|
padding-top: 1px;
|
|
}
|
|
.text-left {
|
|
text-align: left;
|
|
}
|
|
.text-center {
|
|
text-align: center;
|
|
}
|
|
.text-right {
|
|
text-align: right;
|
|
}
|
|
.\!text-start {
|
|
text-align: start !important;
|
|
}
|
|
.align-baseline {
|
|
vertical-align: baseline;
|
|
}
|
|
.align-middle {
|
|
vertical-align: middle;
|
|
}
|
|
.font-default {
|
|
font-family: Lato, sans-serif;
|
|
}
|
|
.font-sans {
|
|
font-family: sans-serif;
|
|
}
|
|
.\!text-base {
|
|
font-size: 14px !important;
|
|
}
|
|
.\!text-sm {
|
|
font-size: 12px !important;
|
|
}
|
|
.\!text-xs {
|
|
font-size: 10px !important;
|
|
}
|
|
.text-2xl {
|
|
font-size: 1.5rem;
|
|
line-height: 2rem;
|
|
}
|
|
.text-5xl {
|
|
font-size: 3rem;
|
|
line-height: 1;
|
|
}
|
|
.text-base {
|
|
font-size: 14px;
|
|
}
|
|
.text-lg {
|
|
font-size: 16px;
|
|
}
|
|
.text-sm {
|
|
font-size: 12px;
|
|
}
|
|
.text-xl {
|
|
font-size: 18px;
|
|
}
|
|
.text-xs {
|
|
font-size: 10px;
|
|
}
|
|
.font-bold {
|
|
font-weight: 700;
|
|
}
|
|
.font-light {
|
|
font-weight: 300;
|
|
}
|
|
.font-medium {
|
|
font-weight: 500;
|
|
}
|
|
.font-normal {
|
|
font-weight: 400;
|
|
}
|
|
.font-semibold {
|
|
font-weight: 600;
|
|
}
|
|
.uppercase {
|
|
text-transform: uppercase;
|
|
}
|
|
.\!capitalize {
|
|
text-transform: capitalize !important;
|
|
}
|
|
.italic {
|
|
font-style: italic;
|
|
}
|
|
.\!leading-\[18px\] {
|
|
line-height: 18px !important;
|
|
}
|
|
.leading-3 {
|
|
line-height: .75rem;
|
|
}
|
|
.leading-5 {
|
|
line-height: 1.25rem;
|
|
}
|
|
.leading-6 {
|
|
line-height: 1.5rem;
|
|
}
|
|
.leading-7 {
|
|
line-height: 1.75rem;
|
|
}
|
|
.\!text-activityBar-foreground-inactive {
|
|
color: var(--activityBar-foreground-inactive) !important;
|
|
}
|
|
.\!text-app-foreground-active {
|
|
color: var(--app-foreground-active) !important;
|
|
}
|
|
.\!text-app-foreground-inactive {
|
|
color: var(--app-foreground-inactive) !important;
|
|
}
|
|
.\!text-info {
|
|
color: var(--info) !important;
|
|
}
|
|
.\!text-link {
|
|
color: var(--link) !important;
|
|
}
|
|
.\!text-primaryColor {
|
|
color: var(--app-primary) !important;
|
|
}
|
|
.text-activityBar-foreground {
|
|
color: var(--activityBar-foreground);
|
|
}
|
|
.text-activityBar-foreground-inactive {
|
|
color: var(--activityBar-foreground-inactive);
|
|
}
|
|
.text-app-foreground {
|
|
color: var(--app-foreground);
|
|
}
|
|
.text-app-foreground-active {
|
|
color: var(--app-foreground-active);
|
|
}
|
|
.text-app-foreground-inactive {
|
|
color: var(--app-foreground-inactive);
|
|
}
|
|
.text-error {
|
|
color: var(--error);
|
|
}
|
|
.text-graphql {
|
|
color: var(--req-graphql);
|
|
}
|
|
.text-info {
|
|
color: var(--info);
|
|
}
|
|
.text-input-placeholder {
|
|
color: var(--input-placeholder);
|
|
}
|
|
.text-input-text {
|
|
color: var(--input-text);
|
|
}
|
|
.text-link {
|
|
color: var(--link);
|
|
}
|
|
.text-modal-foreground-active {
|
|
color: var(--modal-foreground-active);
|
|
}
|
|
.text-popover-foreground {
|
|
color: var(--popover-foreground);
|
|
}
|
|
.text-primaryColor {
|
|
color: var(--app-primary);
|
|
}
|
|
.text-primaryColor-text {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
}
|
|
.text-rest {
|
|
color: var(--req-link);
|
|
}
|
|
.text-secondaryColor-text {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
}
|
|
.text-selected-text {
|
|
color: var(--selected);
|
|
}
|
|
.text-statusBar-foreground {
|
|
color: var(--statusBar-foreground);
|
|
}
|
|
.text-success {
|
|
color: var(--success);
|
|
}
|
|
.text-tab-foreground {
|
|
color: var(--tab-foreground);
|
|
}
|
|
.text-tab-foreground-inactive {
|
|
color: var(--tab-foreground-inactive);
|
|
}
|
|
.text-transparent {
|
|
color: #ffffff00;
|
|
}
|
|
.text-warning {
|
|
color: var(--warning);
|
|
}
|
|
.underline {
|
|
text-decoration-line: underline;
|
|
}
|
|
.placeholder-input-placeholder::-moz-placeholder {
|
|
color: var(--input-placeholder);
|
|
}
|
|
.placeholder-input-placeholder::placeholder {
|
|
color: var(--input-placeholder);
|
|
}
|
|
.\!opacity-100 {
|
|
opacity: 1 !important;
|
|
}
|
|
.opacity-10 {
|
|
opacity: 0.1;
|
|
}
|
|
.opacity-100 {
|
|
opacity: 1;
|
|
}
|
|
.opacity-20 {
|
|
opacity: 0.2;
|
|
}
|
|
.opacity-30 {
|
|
opacity: 0.3;
|
|
}
|
|
.opacity-50 {
|
|
opacity: 0.5;
|
|
}
|
|
.opacity-60 {
|
|
opacity: 0.6;
|
|
}
|
|
.opacity-70 {
|
|
opacity: 0.7;
|
|
}
|
|
.opacity-80 {
|
|
opacity: 0.8;
|
|
}
|
|
.shadow {
|
|
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.shadow-\[0_0_8px_2px_rgba\(0\2c 0\2c 0\2c 0\.3\)\] {
|
|
--tw-shadow: 0 0 8px 2px rgba(0,0,0,0.3);
|
|
--tw-shadow-colored: 0 0 8px 2px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.shadow-md {
|
|
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.shadow-sm {
|
|
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
.shadow-modal-shadow {
|
|
--tw-shadow-color: var(--modal-shadow);
|
|
--tw-shadow: var(--tw-shadow-colored);
|
|
}
|
|
.outline-none {
|
|
outline: 2px solid transparent;
|
|
outline-offset: 2px;
|
|
}
|
|
.outline {
|
|
outline-style: solid;
|
|
}
|
|
.blur {
|
|
--tw-blur: blur(8px);
|
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
}
|
|
.filter {
|
|
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
}
|
|
.\!filter-none {
|
|
filter: none !important;
|
|
}
|
|
.transition {
|
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition-duration: 150ms;
|
|
}
|
|
.duration-100 {
|
|
transition-duration: 100ms;
|
|
}
|
|
.before\:absolute::before {
|
|
content: var(--tw-content);
|
|
position: absolute;
|
|
}
|
|
.before\:-inset-x-px::before {
|
|
content: var(--tw-content);
|
|
left: -1px;
|
|
right: -1px;
|
|
}
|
|
.before\:-top-px::before {
|
|
content: var(--tw-content);
|
|
top: -1px;
|
|
}
|
|
.before\:bottom-0::before {
|
|
content: var(--tw-content);
|
|
bottom: 0px;
|
|
}
|
|
.before\:left-0::before {
|
|
content: var(--tw-content);
|
|
left: 0px;
|
|
}
|
|
.before\:top-0::before {
|
|
content: var(--tw-content);
|
|
top: 0px;
|
|
}
|
|
.before\:z-0::before {
|
|
content: var(--tw-content);
|
|
z-index: 0;
|
|
}
|
|
.before\:block::before {
|
|
content: var(--tw-content);
|
|
display: block;
|
|
}
|
|
.before\:h-0::before {
|
|
content: var(--tw-content);
|
|
height: 0px;
|
|
}
|
|
.before\:h-0\.5::before {
|
|
content: var(--tw-content);
|
|
height: 0.125rem;
|
|
}
|
|
.before\:w-0::before {
|
|
content: var(--tw-content);
|
|
width: 0px;
|
|
}
|
|
.before\:w-0\.5::before {
|
|
content: var(--tw-content);
|
|
width: 0.125rem;
|
|
}
|
|
.before\:bg-activityBar-border-active::before {
|
|
content: var(--tw-content);
|
|
background-color: var(--activityBar-border-active);
|
|
}
|
|
.before\:bg-primaryColor::before {
|
|
content: var(--tw-content);
|
|
background-color: var(--app-primary);
|
|
}
|
|
.before\:content-\[\"\"\]::before {
|
|
--tw-content: "";
|
|
content: var(--tw-content);
|
|
}
|
|
.before\:content-\[\'\'\]::before {
|
|
--tw-content: '';
|
|
content: var(--tw-content);
|
|
}
|
|
.after\:absolute::after {
|
|
content: var(--tw-content);
|
|
position: absolute;
|
|
}
|
|
.after\:inset-x-0::after {
|
|
content: var(--tw-content);
|
|
left: 0px;
|
|
right: 0px;
|
|
}
|
|
.after\:-bottom-px::after {
|
|
content: var(--tw-content);
|
|
bottom: -1px;
|
|
}
|
|
.after\:-left-0::after {
|
|
content: var(--tw-content);
|
|
left: -0px;
|
|
}
|
|
.after\:-left-0\.5::after {
|
|
content: var(--tw-content);
|
|
left: -0.125rem;
|
|
}
|
|
.after\:bottom-0::after {
|
|
content: var(--tw-content);
|
|
bottom: 0px;
|
|
}
|
|
.after\:left-0::after {
|
|
content: var(--tw-content);
|
|
left: 0px;
|
|
}
|
|
.after\:right-0::after {
|
|
content: var(--tw-content);
|
|
right: 0px;
|
|
}
|
|
.after\:top-0::after {
|
|
content: var(--tw-content);
|
|
top: 0px;
|
|
}
|
|
.after\:block::after {
|
|
content: var(--tw-content);
|
|
display: block;
|
|
}
|
|
.after\:h-px::after {
|
|
content: var(--tw-content);
|
|
height: 1px;
|
|
}
|
|
.after\:w-0::after {
|
|
content: var(--tw-content);
|
|
width: 0px;
|
|
}
|
|
.after\:w-0\.5::after {
|
|
content: var(--tw-content);
|
|
width: 0.125rem;
|
|
}
|
|
.after\:border-t::after {
|
|
content: var(--tw-content);
|
|
border-top-width: 1px;
|
|
}
|
|
.after\:border-tab-border::after {
|
|
content: var(--tw-content);
|
|
border-color: var(--tab-border);
|
|
}
|
|
.after\:\!bg-statusBar-background-active::after {
|
|
content: var(--tw-content);
|
|
background-color: var(--statusBar-background-active) !important;
|
|
}
|
|
.after\:\!bg-tab-background-active::after {
|
|
content: var(--tw-content);
|
|
background-color: var(--tab-background-active) !important;
|
|
}
|
|
.after\:bg-statusBar-background-active::after {
|
|
content: var(--tw-content);
|
|
background-color: var(--statusBar-background-active);
|
|
}
|
|
.after\:opacity-10::after {
|
|
content: var(--tw-content);
|
|
opacity: 0.1;
|
|
}
|
|
.after\:content-\[\'\'\]::after {
|
|
--tw-content: '';
|
|
content: var(--tw-content);
|
|
}
|
|
.first\:ml-0:first-child {
|
|
margin-left: 0px;
|
|
}
|
|
.first\:mt-0:first-child {
|
|
margin-top: 0px;
|
|
}
|
|
.first\:border-l-0:first-child {
|
|
border-left-width: 0px;
|
|
}
|
|
.first\:border-t-0:first-child {
|
|
border-top-width: 0px;
|
|
}
|
|
.last\:mb-0:last-child {
|
|
margin-bottom: 0px;
|
|
}
|
|
.last\:mr-0:last-child {
|
|
margin-right: 0px;
|
|
}
|
|
.last\:border-b-0:last-child {
|
|
border-bottom-width: 0px;
|
|
}
|
|
.last-of-type\:border-r-tab-border:last-of-type {
|
|
border-right-color: var(--tab-border);
|
|
}
|
|
.hover\:border-focusBorder:hover {
|
|
border-color: var(--focus-border);
|
|
}
|
|
.hover\:border-primaryColor:hover {
|
|
border-color: var(--app-primary);
|
|
}
|
|
.hover\:border-transparent:hover {
|
|
border-color: #ffffff00;
|
|
}
|
|
.hover\:\!bg-focus1:hover {
|
|
background-color: var(--focus-level-1) !important;
|
|
}
|
|
.hover\:\!bg-focus2:hover {
|
|
background-color: var(--focus-level-2) !important;
|
|
}
|
|
.hover\:\!bg-focusColor:hover {
|
|
background-color: #ffffff1a !important;
|
|
}
|
|
.hover\:bg-focus1:hover {
|
|
background-color: var(--focus-level-1);
|
|
}
|
|
.hover\:bg-focus2:hover {
|
|
background-color: var(--focus-level-2);
|
|
}
|
|
.hover\:bg-focusColor:hover {
|
|
background-color: #ffffff1a;
|
|
}
|
|
.hover\:bg-input-background-focus:hover {
|
|
background-color: var(--input-background-focus);
|
|
}
|
|
.hover\:bg-primaryColor:hover {
|
|
background-color: var(--app-primary);
|
|
}
|
|
.hover\:bg-tab-background-hover:hover {
|
|
background-color: var(--tab-background-hover);
|
|
}
|
|
.hover\:pr-1:hover {
|
|
padding-right: 0.25rem;
|
|
}
|
|
.hover\:\!text-link:hover {
|
|
color: var(--link) !important;
|
|
}
|
|
.hover\:text-activityBar-foreground:hover {
|
|
color: var(--activityBar-foreground);
|
|
}
|
|
.hover\:text-app-foreground:hover {
|
|
color: var(--app-foreground);
|
|
}
|
|
.hover\:text-app-foreground-active:hover {
|
|
color: var(--app-foreground-active);
|
|
}
|
|
.hover\:text-modal-foreground-active:hover {
|
|
color: var(--modal-foreground-active);
|
|
}
|
|
.hover\:text-primaryColor:hover {
|
|
color: var(--app-primary);
|
|
}
|
|
.hover\:text-secondaryColor-text:hover {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
}
|
|
.hover\:text-statusBar-foreground-active:hover {
|
|
color: var(--statusBar-foreground-active);
|
|
}
|
|
.hover\:underline:hover {
|
|
text-decoration-line: underline;
|
|
}
|
|
.hover\:opacity-100:hover {
|
|
opacity: 1;
|
|
}
|
|
.hover\:after\:bg-focusBorder:hover::after {
|
|
content: var(--tw-content);
|
|
background-color: var(--focus-border);
|
|
}
|
|
.focus\:\!border-none:focus {
|
|
border-style: none !important;
|
|
}
|
|
.focus\:bg-input-background-focus:focus {
|
|
background-color: var(--input-background-focus);
|
|
}
|
|
.focus-visible\:\!border-none:focus-visible {
|
|
border-style: none !important;
|
|
}
|
|
.focus-visible\:\!shadow-none:focus-visible {
|
|
--tw-shadow: 0 0 #0000 !important;
|
|
--tw-shadow-colored: 0 0 #0000 !important;
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
|
|
}
|
|
.group:hover .group-hover\:h-auto {
|
|
height: auto;
|
|
}
|
|
@keyframes slideDownAndFade {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(-10px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
.data-\[side\=\'bottom\'\]\:animate-slideDownAndFade[data-side='bottom'] {
|
|
animation: slideDownAndFade 200ms ease-in-out;
|
|
}
|
|
@keyframes slideUpAndFade {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(2px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
.data-\[side\=\'bottom\'\]\:animate-slideUpAndFade[data-side='bottom'] {
|
|
animation: slideUpAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
}
|
|
|
|
@import url(../components/split-view/SplitView.scss);
|
|
/* @import url(collection.scss); */
|
|
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap');
|
|
/* @import url('https://fonts.googleapis.com/css2?family=Lato:wght@100&display=swap'); */
|
|
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
|
|
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap');
|
|
|
|
body {
|
|
background-color: var(--app-background);
|
|
height: 100vh;
|
|
width: 100vw;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
-o-user-select: none;
|
|
background: var(--app-background);
|
|
color: var(--app-foreground);
|
|
font-weight: 400;
|
|
font-family: var(--font-family);
|
|
}
|
|
|
|
.theme-dark .drag-icon {
|
|
filter: invert(1);
|
|
}
|
|
.icon {
|
|
font-family: 'icomoon' !important;
|
|
}
|
|
|
|
a,
|
|
a:hover {
|
|
color: inherit !important;
|
|
}
|
|
button:disabled,
|
|
button[disabled] {
|
|
opacity: 0.5;
|
|
}
|
|
hr {
|
|
border-color: var(--app-border);
|
|
}
|
|
.fullscreen {
|
|
height: 100%;
|
|
}
|
|
*:focus-visible {
|
|
box-shadow: inset 0px 0px 0px 1px var(--focus-border) !important;
|
|
outline: none;
|
|
}
|
|
*:focus {
|
|
outline: none;
|
|
}
|
|
::-moz-placeholder {
|
|
color: var(--input-placeholder) !important;
|
|
opacity: 1;
|
|
}
|
|
::placeholder {
|
|
color: var(--input-placeholder) !important;
|
|
opacity: 1;
|
|
}
|
|
input:not([type="checkbox"]):focus,
|
|
input:not([type="checkbox"]):focus-visible textarea:focus,
|
|
textarea:focus-visible {
|
|
box-shadow: none !important;
|
|
border: 1px solid var(--focus-border) !important;
|
|
}
|
|
tr:focus-visible {
|
|
box-shadow: none !important;
|
|
}
|
|
.focus-outer:focus {
|
|
box-shadow: inset 0px 0px 0px 1px var(--focus-border) !important;
|
|
outline: none;
|
|
}
|
|
.focus-outer-tab:focus {
|
|
box-shadow: inset 0px 0px 0px 1px var(--focus-border),
|
|
inset 0px -2px 0px 0px var(--focus-border) !important;
|
|
outline: none;
|
|
}
|
|
|
|
.focus-outer2:focus {
|
|
box-shadow: inset 0px 0px 0px 1px var(--focus-border) !important;
|
|
outline: none;
|
|
}
|
|
.fc-error {
|
|
margin-bottom: 0.5rem;
|
|
font-size: 12px;
|
|
color: var(--error);
|
|
}
|
|
.pt-half {
|
|
padding-top: 2px;
|
|
}
|
|
.z-9999 {
|
|
z-index: 9999;
|
|
}
|
|
.action {
|
|
visibility: hidden;
|
|
cursor: pointer;
|
|
}
|
|
.explorer-wrapper {
|
|
max-height: calc(100vh - 25px);
|
|
}
|
|
.GET:not(.tab-icon) {
|
|
color: var(--req-get);
|
|
}
|
|
.POST:not(.tab-icon) {
|
|
color: var(--req-post);
|
|
}
|
|
.PUT:not(.tab-icon) {
|
|
color: var(--req-put);
|
|
}
|
|
.DELETE:not(.tab-icon) {
|
|
color: var(--req-delete);
|
|
}
|
|
.PATCH:not(.tab-icon) {
|
|
color: var(--req-patch);
|
|
}
|
|
.HEAD:not(.tab-icon) {
|
|
color: var(--req-head);
|
|
}
|
|
.OPTIONS:not(.tab-icon) {
|
|
color: var(--req-options);
|
|
}
|
|
.PURGE:not(.tab-icon) {
|
|
color: var(--req-purge);
|
|
}
|
|
.LINK:not(.tab-icon) {
|
|
color: var(--req-link);
|
|
}
|
|
.UNLINK:not(.tab-icon) {
|
|
color: var(--req-unlink);
|
|
}
|
|
.GRAPHQL:not(.tab-icon) {
|
|
color: var(--req-graphql);
|
|
}
|
|
.WEBSOCKET:not(.tab-icon) {
|
|
color: var(--req-websocket);
|
|
}
|
|
.SOCKETIO:not(.tab-icon) {
|
|
color: var(--req-socketio);
|
|
}
|
|
.hide-action:hover .action {
|
|
visibility: visible;
|
|
}
|
|
.max-h-screen-third {
|
|
max-height: 75vh;
|
|
}
|
|
.popover-boxshadow {
|
|
box-shadow: var(--popover-shadow);
|
|
}
|
|
*.bg-app-background-secondary,
|
|
*.bg-app-background-secondary .fc-col,
|
|
*.bg-app-background-secondary .fc-col {
|
|
background: var(--app-background-secondary);
|
|
}
|
|
.fc-h-screen {
|
|
height: 100vh !important;
|
|
}
|
|
.fc-h-full {
|
|
height: 100% !important;
|
|
}
|
|
.react-tiny-popover-container {
|
|
z-index: 9999 !important;
|
|
}
|
|
|
|
/*------theme widget css start-------------*/
|
|
.fc-theme {
|
|
height: 32px;
|
|
width: 32px;
|
|
margin-right: 8px;
|
|
border: 2px solid var(--app-border);
|
|
display: flex;
|
|
border-radius: 32px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.fc-theme > .themeBG.light-green {
|
|
background: linear-gradient(
|
|
to right,
|
|
var(--mantine-color-gray-0) 14px,
|
|
var(--mantine-color-green-7) 15px
|
|
);
|
|
}
|
|
|
|
.fc-theme > .themeBG.light-orange {
|
|
background: linear-gradient(
|
|
to right,
|
|
var(--mantine-color-gray-0) 14px,
|
|
var(--mantine-color-yellow-9) 15px
|
|
);
|
|
}
|
|
|
|
.fc-theme > .themeBG.dark-green {
|
|
background: linear-gradient(
|
|
to right,
|
|
var(--mantine-color-dark-7) 14px,
|
|
var(--mantine-color-green-7) 15px
|
|
);
|
|
}
|
|
|
|
.fc-theme > .themeBG.dark-orange {
|
|
background: linear-gradient(
|
|
to right,
|
|
var(--mantine-color-dark-7) 14px,
|
|
var(--mantine-color-yellow-9) 15px
|
|
);
|
|
}
|
|
|
|
.fc-theme:hover > .themeBG,
|
|
.fc-theme.active > .themeBG {
|
|
opacity: 1;
|
|
}
|
|
|
|
.active.fc-theme {
|
|
border-color: var(--app-foreground) !important;
|
|
}
|
|
|
|
.fc-theme > .themeBG {
|
|
z-index: 0;
|
|
border-radius: 100%;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 0.5;
|
|
}
|
|
/*------theme widget css end-------------*/
|
|
|
|
/*----------form css start--------*/
|
|
.fc-form label {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.grid.fc-form > div > label {
|
|
width: 40px !important;
|
|
padding-right: 10px !important;
|
|
white-space: nowrap !important;
|
|
}
|
|
|
|
.fc-form input,
|
|
.fc-form select {
|
|
border-radius: 0px !important;
|
|
resize: none;
|
|
font-size: 14px;
|
|
padding: 4px 10px !important;
|
|
height: 31px !important;
|
|
}
|
|
|
|
.fc-form textarea,
|
|
.fc-form textarea:hover,
|
|
.fc-form textarea:focus {
|
|
border-radius: 0px;
|
|
resize: none;
|
|
font-size: 13px;
|
|
min-height: 120px;
|
|
}
|
|
|
|
.fc-form .row > label {
|
|
padding-right: 0px;
|
|
}
|
|
|
|
.fc-form-field-group {
|
|
font-size: 14px !important;
|
|
text-transform: uppercase;
|
|
max-width: 0px;
|
|
overflow: visible;
|
|
}
|
|
|
|
.fc-form-field-group span {
|
|
font-size: 12px;
|
|
color: var(--app-foreground-inactive);
|
|
text-transform: none;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.fc-form.grid {
|
|
display: table;
|
|
width: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
.fc-form.with-padding {
|
|
padding: 12px;
|
|
}
|
|
|
|
.fc-form.grid > div {
|
|
display: table-row;
|
|
}
|
|
|
|
.fc-form.grid > div > label,
|
|
.fc-form.grid > div > div {
|
|
display: table-cell;
|
|
flex: none;
|
|
max-width: none;
|
|
padding-bottom: 10px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/*---------form css end--------*/
|
|
|
|
/*---------Collapse button css starts----------*/
|
|
.btn-collapse {
|
|
cursor: pointer;
|
|
}
|
|
.collapsed .btn-collapse {
|
|
cursor: pointer;
|
|
transform: rotate(180deg);
|
|
}
|
|
.fc-collapsed .fc-btn-collapse {
|
|
cursor: pointer;
|
|
display: block !important;
|
|
transform: rotate(0deg);
|
|
}
|
|
.fc-collapsed .fc-btn-collapse > span {
|
|
margin-left: -3px;
|
|
}
|
|
.fc-btn-collapse {
|
|
max-height: 32px !important;
|
|
border: 1px solid var(--app-border);
|
|
max-width: 20px !important;
|
|
position: absolute;
|
|
left: 100%;
|
|
min-width: 20px !important;
|
|
font-size: 24px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-top: -1px;
|
|
z-index: 1;
|
|
transform: rotate(180deg);
|
|
}
|
|
.fc-btn-collapse.v2 {
|
|
left: -1px;
|
|
min-height: 33px !important;
|
|
}
|
|
.fc-collapsed {
|
|
width: 0px !important;
|
|
min-width: 0px !important;
|
|
border: 0px !important;
|
|
}
|
|
.fc-collapsed > *:not(.fc-collapse-btn),
|
|
.fc-collapsed.fc-collapsed-v3 > *:not(.fc-collapse-btn-v3) {
|
|
display: none;
|
|
}
|
|
.fc-collapsed > .fc-collapse-btn-v3 {
|
|
display: block !important;
|
|
}
|
|
.fc-collapsed > *:not(.fc-collapse-btn),
|
|
.fc-collapsed.fc-collapsed-v3 > *:not(.fc-collapse-btn-v3) {
|
|
display: none;
|
|
}
|
|
.fc-collapsed > .fc-collapse-btn-v3 {
|
|
display: block !important;
|
|
}
|
|
.fc-tab-panel-header.fc-collapse-btn-v3 {
|
|
display: flex;
|
|
flex-direction: column-reverse;
|
|
position: absolute;
|
|
left: 0px;
|
|
width: 32px !important;
|
|
border-left: 1px solid var(--app-border);
|
|
}
|
|
.fc-tab-panel-header.fc-collapse-btn-v3 > .fc-tab-panel-header-left {
|
|
position: absolute;
|
|
transform: rotate(90deg);
|
|
left: -23px;
|
|
top: 54px;
|
|
}
|
|
.fc-collapsable > .fc-collapse-btn-v3 {
|
|
display: none;
|
|
}
|
|
.fc-tab-panel-header.fc-collapse-btn-v3 > .fc-tab-panel-header-right {
|
|
top: 6px;
|
|
position: absolute;
|
|
font-size: 20px;
|
|
left: 6px;
|
|
transform: rotate(180deg);
|
|
}
|
|
.fc-collapsed-v3 {
|
|
width: 32px !important;
|
|
}
|
|
.fc-col-resizer.fc-collapsed.fc-collapsed-v3.fc-collapsable.left {
|
|
border-left: 1px solid var(--app-border) !important;
|
|
}
|
|
.fc-collapsed > .fc-collapse-btn,
|
|
.fc-collapsed ~ div .fc-collapse-btn {
|
|
transform: rotate(180deg);
|
|
}
|
|
.fc-collapsed > .fc-collapse-btn.fc-collapse-btn-v2,
|
|
.fc-collapsed ~ div .fc-collapse-btn.fc-collapse-btn-v2 {
|
|
transform: rotate(0deg) !important;
|
|
}
|
|
.fc-collapsed > .fc-collapse-btn.fc-collapse-btn-v2 > span,
|
|
.fc-collapsed ~ div .fc-collapse-btn.fc-collapse-btn-v2 > span {
|
|
transform: rotate(180deg) !important;
|
|
}
|
|
.fc-collapse-btn-v2.fc-collapse-btn > span.ic-caret:before {
|
|
transform: rotate(180deg);
|
|
display: block;
|
|
}
|
|
.fc-collapse-btn {
|
|
position: absolute;
|
|
max-width: 20px !important;
|
|
min-width: 20px !important;
|
|
max-height: 20px !important;
|
|
width: 40px !important;
|
|
min-height: 40px !important;
|
|
height: 40px !important;
|
|
padding: 2px;
|
|
background-color: var(--app-background-secondary);
|
|
z-index: 9;
|
|
top: -1px;
|
|
cursor: pointer;
|
|
left: 100%;
|
|
border: 1px solid var(--app-border);
|
|
background-image: url('../../public/assets/icon/png/toggle-icon.png');
|
|
background-size: 12px;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.collapsed {
|
|
height: -moz-fit-content !important;
|
|
height: fit-content !important;
|
|
min-height: 0px !important;
|
|
}
|
|
|
|
.collapsed > .fc-row > .fc-collapsable,
|
|
.collapsed > .fc-collapsable {
|
|
display: none;
|
|
}
|
|
/*---------Collapse button css ends----------*/
|
|
|
|
/*---------scrollbar css start----------*/
|
|
.doc-explorer-contents::-webkit-scrollbar {
|
|
width: 0px;
|
|
height: 0px;
|
|
-webkit-transition: width 1s;
|
|
transition: width 1s;
|
|
}
|
|
.doc-explorer-contents:hover::-webkit-scrollbar {
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
.doc-explorer-contents:hover::-webkit-scrollbar:hover {
|
|
width: 12px;
|
|
height: 8px;
|
|
}
|
|
.visible-scrollbar::-webkit-scrollbar-thumb {
|
|
background-color: var(--focus-level-4) !important;
|
|
}
|
|
::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background: var(--focus-level-4) !important;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.scrollbar-thin ::-webkit-scrollbar {
|
|
width: 3px;
|
|
height: 3px;
|
|
display: block;
|
|
}
|
|
.scrollbar-thin ::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
.scrollbar-thin ::-webkit-scrollbar-thumb {
|
|
background: var(--focus-leve-2) !important;
|
|
border-radius: 10px;
|
|
}
|
|
.invisible-scrollbar::-webkit-scrollbar,
|
|
.invisible-scrollbar > div::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
.visible-scrollbar::-webkit-scrollbar,
|
|
.visible-scrollbar > div::-webkit-scrollbar {
|
|
display: block;
|
|
width: 0px;
|
|
height: 0px;
|
|
}
|
|
.visible-scrollbar:hover::-webkit-scrollbar,
|
|
.visible-scrollbar > div:hover::-webkit-scrollbar {
|
|
display: block;
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
.visible-scrollbar.thick::-webkit-scrollbar {
|
|
width: 8px !important;
|
|
display: block !important;
|
|
}
|
|
.visible-scrollbar.thin::-webkit-scrollbar {
|
|
width: 4px !important;
|
|
display: none !important;
|
|
}
|
|
.visible-scrollbar.thin:hover::-webkit-scrollbar {
|
|
width: 4px !important;
|
|
display: block !important;
|
|
}
|
|
|
|
.visible-scrollbar ::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
.visible-scrollbar ::-webkit-scrollbar-thumb {
|
|
background: var(--focus-leve-2) !important;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
/*---------scrollbar css end----------*/
|
|
|
|
/*-------editor css starts---------*/
|
|
|
|
.CodeMirror {
|
|
background-color: var(--app-background) !important;
|
|
height: 100% !important;
|
|
}
|
|
|
|
.CodeMirror-gutters {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.CodeMirror pre {
|
|
font: 12px / normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas',
|
|
'source-code-pro', monospace;
|
|
}
|
|
|
|
.react-codemirror2 {
|
|
height: 100%;
|
|
}
|
|
|
|
/*-------editor css end---------*/
|
|
|
|
/*----------other css start--------*/
|
|
|
|
.fc-empty {
|
|
width: 100%;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 24px 16px;
|
|
}
|
|
|
|
.fc-empty-center {
|
|
width: 100%;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 24px 16px;
|
|
display: flex;
|
|
font-size: 12px;
|
|
color: var(--app-foreground-inactive);
|
|
}
|
|
|
|
.fc-empty.center-block {
|
|
display: flex;
|
|
}
|
|
|
|
.CodeMirror-sizer {
|
|
margin-left: 39px !important;
|
|
}
|
|
|
|
.request-tab-wrapper {
|
|
width: calc(100% - 40px);
|
|
}
|
|
.fc-urlbar-path,
|
|
.fc-tab-panel-info > span,
|
|
.fc-history-req-list-item-url-text,
|
|
.collection_leaf-node-name {
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
user-select: text;
|
|
}
|
|
/*
|
|
* // .json-as-form input.json_row--key, .json-as-form input.json_row--value{
|
|
* // background: transparent;
|
|
* // }
|
|
*/
|
|
/*----------other css end--------*/
|
|
|
|
/*---code mirror css starts -------*/
|
|
|
|
.cm-property {
|
|
color: var(--cm-property) !important;
|
|
}
|
|
|
|
.cm-keyword {
|
|
color: var(--cm-keyword) !important;
|
|
}
|
|
|
|
.cm-def {
|
|
color: var(--cm-def) !important;
|
|
}
|
|
|
|
.cm-attribute {
|
|
color: var(--cm-attribute) !important;
|
|
}
|
|
|
|
.cm-number {
|
|
color: var(--cm-number) !important;
|
|
}
|
|
|
|
.cm-string {
|
|
color: var(--cm-string) !important;
|
|
}
|
|
|
|
.CodeMirror-selected {
|
|
background: var(--selected) !important;
|
|
}
|
|
|
|
.cm-punctuation {
|
|
color: var(--cm-punctuation);
|
|
}
|
|
|
|
.cm-ws {
|
|
color: var(--cm-ws);
|
|
}
|
|
|
|
/*---code mirror css ends----------*/
|
|
|
|
.expandable-right-pane {
|
|
transform: scaleX(0);
|
|
transform-origin: right;
|
|
transition: transform 2s;
|
|
}
|
|
|
|
.expandable-right-pane.expanded {
|
|
transform: scaleX(1);
|
|
}
|
|
|
|
/*--------table temporary css starts ------------*/
|
|
.response-headers-table,
|
|
.response-cookies-table {
|
|
display: table;
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
}
|
|
|
|
.response-headers-table > div,
|
|
.response-cookies-table > div {
|
|
display: table-row;
|
|
}
|
|
|
|
.response-headers-table > div > div,
|
|
.response-cookies-table > div > div {
|
|
display: table-cell;
|
|
border: 1px solid var(--app-border);
|
|
border-collapse: collapse;
|
|
padding: 4px 8px;
|
|
font-size: 14px;
|
|
word-break: break-all;
|
|
color: var(--app-foreground-inactive);
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
user-select: text;
|
|
}
|
|
|
|
.response-headers-table > div:first-child,
|
|
.response-cookies-table > div:first-child {
|
|
background: var(--focus-level-2);
|
|
font-weight: 600;
|
|
}
|
|
.response-headers-table > div:first-child > div,
|
|
.response-cookies-table > div:first-child > div {
|
|
border-top: 0px solid transparent;
|
|
}
|
|
.response-headers-table > div > div:first-child,
|
|
.response-cookies-table > div > div:first-child {
|
|
border-left: 0px solid transparent;
|
|
}
|
|
/*--------table temporary css starts ------------*/
|
|
|
|
/*--------table 2 css starts------------*/
|
|
.primary-table .mtk1,
|
|
.primary-table th {
|
|
color: var(--tab-foreground-inactive) !important;
|
|
}
|
|
|
|
.table-cell .table-action {
|
|
visibility: hidden;
|
|
}
|
|
.table-cell:hover .table-action {
|
|
visibility: visible;
|
|
}
|
|
|
|
.table.border-0 .table-row:first-child .table-cell {
|
|
border-top: none;
|
|
}
|
|
|
|
.table.border-0 .table-row:last-child .table-cell {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.table.border-0 .table-row .table-cell:first-child {
|
|
border-left: none;
|
|
}
|
|
|
|
.table.border-0 .table-row .table-cell:last-child {
|
|
border-right: none;
|
|
}
|
|
/*-----------table 2 css end --------*/
|
|
|
|
.dropzone-wrapper > .dropzone {
|
|
display: flex;
|
|
width: 100%;
|
|
height: 100%;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|