97 lines
2.2 KiB
CSS
97 lines
2.2 KiB
CSS
@import 'ag-grid-community/dist/styles/ag-grid.css';
|
|
@import 'ag-grid-community/dist/styles/ag-theme-balham.css';
|
|
@import 'ag-grid-community/dist/styles/ag-theme-balham-dark.css';
|
|
|
|
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer base {
|
|
h1 {
|
|
@apply text-2xl text-white uppercase mb-4;
|
|
}
|
|
h2 {
|
|
@apply text-xl text-white mb-4;
|
|
}
|
|
p {
|
|
@apply mb-2 text-neutral-400;
|
|
}
|
|
}
|
|
|
|
@layer components {
|
|
.border-default {
|
|
@apply border-vega-dark-200;
|
|
}
|
|
}
|
|
|
|
/* AG GRID - Do not edit without updating other global stylesheets for each app */
|
|
|
|
.vega-ag-grid .ag-root-wrapper {
|
|
border: solid 0px;
|
|
}
|
|
|
|
.vega-ag-grid .ag-react-container {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.vega-ag-grid .ag-cell,
|
|
.vega-ag-grid .ag-full-width-row .ag-cell-wrapper.ag-row-group {
|
|
line-height: calc(min(var(--ag-line-height, 26px), 26px) - 4px);
|
|
}
|
|
|
|
/* Dark variables */
|
|
.ag-theme-balham-dark {
|
|
--ag-background-color: theme(colors.black);
|
|
--ag-border-color: theme(colors.neutral[700]);
|
|
--ag-header-background-color: theme(colors.black);
|
|
--ag-odd-row-background-color: theme(colors.black);
|
|
--ag-header-column-separator-color: theme(colors.neutral[600]);
|
|
--ag-row-border-color: theme(colors.black);
|
|
--ag-row-hover-color: theme(colors.neutral[800]);
|
|
--ag-font-size: 12px;
|
|
}
|
|
|
|
.validators-table .ag-theme-balham-dark .ag-body-horizontal-scroll {
|
|
opacity: 0.75;
|
|
}
|
|
.validators-table .ag-theme-balham-dark *:hover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* Styles required to (effectively) un-override the
|
|
* reset styles so that the Proposal description fields
|
|
* render as you'd expect them to.
|
|
*
|
|
* Notes:
|
|
* - image embeds are disabled, so no styles are required
|
|
* - strong may not be required
|
|
* - skipHTML is enabled, so no nested HTML will be rendered. Only
|
|
* . valid markdown
|
|
*/
|
|
|
|
.dark .react-markdown-container,
|
|
.dark .react-markdown-container li,
|
|
.dark .react-markdown-container p {
|
|
color: #fff;
|
|
}
|
|
.react-markdown-container strong {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.react-markdown-container ol {
|
|
margin-left: 1em;
|
|
}
|
|
.react-markdown-container li {
|
|
margin-left: 1em;
|
|
padding-left: 1em;
|
|
}
|
|
|
|
.react-markdown-container ol li {
|
|
list-style: decimal;
|
|
}
|
|
|
|
.react-markdown-container ul li {
|
|
list-style: circle;
|
|
}
|