109 lines
2.0 KiB
CSS
109 lines
2.0 KiB
CSS
@import "./css/reset.css";
|
||
@import "./css/helpers.css";
|
||
@import "./css/notice.css";
|
||
@import "./css/auth.css";
|
||
@import "./css/typography.css";
|
||
@import "./css/sidebar.css";
|
||
@import "./css/form.css";
|
||
@import "./css/table.css";
|
||
@import "./css/avatar.css";
|
||
@import "./css/codemirror.css";
|
||
@import "./css/rich.css";
|
||
@import "./css/layout.css";
|
||
@import "./css/wrappers.css";
|
||
@import "./css/toolbar.css";
|
||
@import "./css/dropdown.css";
|
||
@import "./css/button.css";
|
||
@import "./css/checkbox.css";
|
||
@import "./css/pagination.css";
|
||
@import "./css/record-edit.css";
|
||
@import "./css/tabs.css";
|
||
@import "./css/switch.css";
|
||
@import "./css/preview.css";
|
||
@import "./css/dialog.css";
|
||
@import "./css/autocomplete.css";
|
||
@import "./css/reference-tags.css";
|
||
@import "./css/members.css";
|
||
@import "./css/revisions.css";
|
||
@import "./css/datepicker.css";
|
||
|
||
|
||
:root {
|
||
|
||
--p10: #f4f9ff;
|
||
--p20: #eaf1f9;
|
||
--p30: #b3ceff;
|
||
--p40: #8db5ff;
|
||
--p50: #70a2ff;
|
||
--p60: #679cff;
|
||
--p70: #4284ff;
|
||
--p80: #1c6bff;
|
||
--p90: #002b7a;
|
||
--p100: #000C23;
|
||
|
||
|
||
--suc10: #d1ffb8;
|
||
--suc20: #d1ffb8;
|
||
--suc30: #b5ff8d;
|
||
--suc40: #a2ff70;
|
||
--suc50: #82cc5a;
|
||
--suc80: #71b34e;
|
||
--suc90: #314c22;
|
||
|
||
|
||
|
||
--err10: #ffb9d0;
|
||
--err20: #ff9bb3;
|
||
--err30: #fe7e97;
|
||
--err40: #de617b;
|
||
--err50: #be4461;
|
||
--err80: #61001a;
|
||
--err90: #560012;
|
||
|
||
--grey-dark: #424656;
|
||
--grey-light: #a6abbd;
|
||
|
||
--text: var(--p100);
|
||
--text-light: var(--grey-dark);
|
||
--text-error: var(--err50);
|
||
|
||
--main-font: ‘Open Sans‘, Arial, Helvetica, sans-serif;
|
||
}
|
||
|
||
|
||
|
||
|
||
body {
|
||
background-color: var(--p10);
|
||
font-family: var(--main-font), sans-serif;
|
||
color: var(--text);
|
||
|
||
:focus {
|
||
outline: none;
|
||
box-shadow: 0 0 1px 2px var(--p70);
|
||
}
|
||
}
|
||
|
||
.btn-spinner .spinner-border {
|
||
display: none;
|
||
}
|
||
|
||
.btn-spinner.spinner-on .spinner-border {
|
||
display: inline-block;
|
||
}
|
||
|
||
.cursor-pointer {
|
||
cursor: pointer;
|
||
}
|
||
|
||
|
||
a {
|
||
color: var(--text);
|
||
text-decoration: none;
|
||
}
|
||
|
||
|
||
.lucent-component {
|
||
position: relative;
|
||
}
|