Add missing CSS variables to colors_standard.css files
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot]
@@ -248,6 +248,304 @@
|
|||||||
--form-valid-border-color: #78d694;
|
--form-valid-border-color: #78d694;
|
||||||
--form-invalid-color: #ff8e86;
|
--form-invalid-color: #ff8e86;
|
||||||
--form-invalid-border-color: #ff8e86;
|
--form-invalid-border-color: #ff8e86;
|
||||||
|
|
||||||
|
/* Missing variables from template.css - Added for compatibility */
|
||||||
|
--_fa-family: var(--fa-family, var(--fa-style-family, "Font Awesome 7 Free"));
|
||||||
|
--accordion-active-bg: #2b323b;
|
||||||
|
--accordion-active-color: #c7ccff;
|
||||||
|
--accordion-bg: var(--body-color);
|
||||||
|
--accordion-body-padding-x: 1.25rem;
|
||||||
|
--accordion-body-padding-y: 1rem;
|
||||||
|
--accordion-border-color: var(--border-color);
|
||||||
|
--accordion-border-radius: 0.25rem;
|
||||||
|
--accordion-border-width: 1px;
|
||||||
|
--accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23c7ccff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
|
||||||
|
--accordion-btn-bg: var(--accordion-bg);
|
||||||
|
--accordion-btn-color: var(--body-color);
|
||||||
|
--accordion-btn-focus-border-color: #5472ff;
|
||||||
|
--accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(84, 114, 255, 0.6);
|
||||||
|
--accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e6ebf1'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
|
||||||
|
--accordion-btn-icon-transform: rotate(-180deg);
|
||||||
|
--accordion-btn-icon-transition: transform 0.2s ease-in-out;
|
||||||
|
--accordion-btn-icon-width: 1.25rem;
|
||||||
|
--accordion-btn-padding-x: 1.25rem;
|
||||||
|
--accordion-btn-padding-y: 1rem;
|
||||||
|
--accordion-color: var(--body-color);
|
||||||
|
--accordion-inner-border-radius: calc(0.25rem - 1px);
|
||||||
|
--accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
|
||||||
|
--alert-bg: #2b323b;
|
||||||
|
--alert-border: 1px solid var(--alert-border-color);
|
||||||
|
--alert-border-color: #36404a;
|
||||||
|
--alert-border-radius: 0.25rem;
|
||||||
|
--alert-color: var(--body-color);
|
||||||
|
--alert-margin-bottom: 1rem;
|
||||||
|
--alert-padding-x: 1rem;
|
||||||
|
--alert-padding-y: 1rem;
|
||||||
|
--aspect-ratio: 42.8571428571%;
|
||||||
|
--backdrop-bg: hsl(0, 0%, 0%);
|
||||||
|
--backdrop-opacity: 0.5;
|
||||||
|
--backdrop-zindex: 1040;
|
||||||
|
--badge-border-radius: 0.25rem;
|
||||||
|
--badge-color: var(--body-color);
|
||||||
|
--badge-font-size: 0.75em;
|
||||||
|
--badge-font-weight: 700;
|
||||||
|
--badge-padding-x: 0.65em;
|
||||||
|
--badge-padding-y: 0.35em;
|
||||||
|
--bg-opacity: 1;
|
||||||
|
--black-rgb: 0, 0, 0;
|
||||||
|
--body-text-align: left;
|
||||||
|
--border-opacity: 1;
|
||||||
|
--border-radius-sxl: .5rem;
|
||||||
|
--breadcrumb-bg: ;
|
||||||
|
--breadcrumb-border-radius: ;
|
||||||
|
--breadcrumb-divider: "/";
|
||||||
|
--breadcrumb-divider-color: var(--secondary);
|
||||||
|
--breadcrumb-font-size: 1rem;
|
||||||
|
--breadcrumb-item-active-color: var(--link-color);
|
||||||
|
--breadcrumb-item-padding-x: 0.5rem;
|
||||||
|
--breadcrumb-margin-bottom: 1rem;
|
||||||
|
--breadcrumb-padding-x: 0;
|
||||||
|
--breadcrumb-padding-y: 0;
|
||||||
|
--bs-body-bg: var(--body-bg);
|
||||||
|
--bs-border-radius: var(--border-radius);
|
||||||
|
--btn-active-shadow-rgb: 84, 114, 255;
|
||||||
|
--btn-disabled-bg: var(--primary);
|
||||||
|
--btn-focus-bg: transparent;
|
||||||
|
--btn-focus-border-color: transparent;
|
||||||
|
--btn-focus-color: var(--btn-color);
|
||||||
|
--card-bg: var(--body-bg);
|
||||||
|
--card-border-color: var(--border-color);
|
||||||
|
--card-border-radius: var(--border-radius);
|
||||||
|
--card-border-width: var(--border-width);
|
||||||
|
--card-cap-bg: rgba(255, 255, 255, 0.03);
|
||||||
|
--card-cap-color: inherit;
|
||||||
|
--card-cap-padding-x: 1rem;
|
||||||
|
--card-cap-padding-y: 0.5rem;
|
||||||
|
--card-color: inherit;
|
||||||
|
--card-group-margin: 0.75rem;
|
||||||
|
--card-height: auto;
|
||||||
|
--card-img-overlay-padding: 1rem;
|
||||||
|
--card-inner-border-radius: calc(var(--border-radius) - var(--border-width));
|
||||||
|
--card-spacer-x: 1rem;
|
||||||
|
--card-spacer-y: 1rem;
|
||||||
|
--card-title-spacer-y: 0.5rem;
|
||||||
|
--color-active: var(--mainmenu-nav-link-color);
|
||||||
|
--color-brand: var(--color-primary);
|
||||||
|
--container-below-topbar-background-repeat: var(--container-below-topbar-bg-repeat);
|
||||||
|
--container-below-topbar-bg-color: ;
|
||||||
|
--container-bottom-a-background-repeat: var(--container-bottom-a-bg-repeat);
|
||||||
|
--container-bottom-b-background-repeat: var(--container-bottom-b-bg-repeat);
|
||||||
|
--container-sidebar-background-repeat: var(--container-sidebar-bg-repeat);
|
||||||
|
--container-top-a-background-repeat: var(--container-top-a-bg-repeat);
|
||||||
|
--container-top-b-background-repeat: var(--container-top-b-bg-repeat);
|
||||||
|
--dropdown-bg: var(--dark);
|
||||||
|
--dropdown-border-color: var(--border-color-translucent);
|
||||||
|
--dropdown-border-radius: 0.25rem;
|
||||||
|
--dropdown-border-width: 1px;
|
||||||
|
--dropdown-color: var(--body-color);
|
||||||
|
--dropdown-divider-bg: var(--border-color-translucent);
|
||||||
|
--dropdown-divider-margin-y: 0.5rem;
|
||||||
|
--dropdown-font-size: 1rem;
|
||||||
|
--dropdown-header-color: var(--secondary);
|
||||||
|
--dropdown-header-padding-x: 1rem;
|
||||||
|
--dropdown-header-padding-y: 0.5rem;
|
||||||
|
--dropdown-item-padding-x: 1rem;
|
||||||
|
--dropdown-item-padding-y: 0.25rem;
|
||||||
|
--dropdown-link-active-bg: var(--primary);
|
||||||
|
--dropdown-link-active-color: var(--body-color);
|
||||||
|
--dropdown-link-color: var(--body-color);
|
||||||
|
--dropdown-link-disabled-color: var(--secondary);
|
||||||
|
--dropdown-min-width: 10rem;
|
||||||
|
--dropdown-padding-x: 0;
|
||||||
|
--dropdown-padding-y: 0.5rem;
|
||||||
|
--dropdown-spacer: 0.125rem;
|
||||||
|
--dropdown-zindex: 1000;
|
||||||
|
--fa-display: inline-block;
|
||||||
|
--fa-family: var(--fa-style-family, "Font Awesome 7 Free");
|
||||||
|
--fa-style: 900;
|
||||||
|
--fa-style-family: "Font Awesome 7 Free";
|
||||||
|
--fa-width: 1.25em;
|
||||||
|
--font-family-body: var(--body-font-family);
|
||||||
|
--font-family-headings: var(--body-font-family);
|
||||||
|
--font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||||
|
--font-weight-headings: 700;
|
||||||
|
--font-weight-normal: 400;
|
||||||
|
--gab-blue: #6fb7ff;
|
||||||
|
--gab-gray1: #222831;
|
||||||
|
--gab-gray2: #2b323b;
|
||||||
|
--gab-gray3: #36404a;
|
||||||
|
--gab-green: #78d694;
|
||||||
|
--gab-orange: #ff9c4d;
|
||||||
|
--gab-red: #ff7a73;
|
||||||
|
--gutter-x: 3rem;
|
||||||
|
--gutter-y: 3rem;
|
||||||
|
--hue: 220;
|
||||||
|
--list-group-action-active-bg: var(--primary-bg-subtle);
|
||||||
|
--list-group-action-active-color: var(--emphasis-color);
|
||||||
|
--list-group-action-color: var(--body-color);
|
||||||
|
--list-group-active-bg: var(--primary);
|
||||||
|
--list-group-active-border-color: var(--primary);
|
||||||
|
--list-group-active-color: var(--emphasis-color);
|
||||||
|
--list-group-bg: var(--body-bg);
|
||||||
|
--list-group-border-color: var(--border-color);
|
||||||
|
--list-group-border-radius: 0.25rem;
|
||||||
|
--list-group-border-width: 1px;
|
||||||
|
--list-group-color: var(--body-color);
|
||||||
|
--list-group-disabled-bg: var(--body-bg);
|
||||||
|
--list-group-disabled-color: var(--secondary);
|
||||||
|
--list-group-item-padding-x: 1rem;
|
||||||
|
--list-group-item-padding-y: 0.5rem;
|
||||||
|
--modal-bg: var(--body-bg);
|
||||||
|
--modal-border-color: var(--border-color-translucent);
|
||||||
|
--modal-border-radius: 0.3rem;
|
||||||
|
--modal-border-width: 1px;
|
||||||
|
--modal-color: ;
|
||||||
|
--modal-footer-bg: ;
|
||||||
|
--modal-footer-border-color: var(--border-color);
|
||||||
|
--modal-footer-border-width: 1px;
|
||||||
|
--modal-footer-gap: 0.5rem;
|
||||||
|
--modal-header-border-color: var(--border-color);
|
||||||
|
--modal-header-border-width: 1px;
|
||||||
|
--modal-header-padding: 1rem 1rem;
|
||||||
|
--modal-header-padding-x: 1rem;
|
||||||
|
--modal-header-padding-y: 1rem;
|
||||||
|
--modal-inner-border-radius: calc(0.3rem - 1px);
|
||||||
|
--modal-margin: 1.75rem;
|
||||||
|
--modal-padding: 1rem;
|
||||||
|
--modal-title-line-height: 1.5;
|
||||||
|
--modal-width: 1140px;
|
||||||
|
--modal-zindex: 1050;
|
||||||
|
--nav-link-active-color: var(--link-active-color);
|
||||||
|
--nav-link-color: var(--link-color);
|
||||||
|
--nav-link-disabled-color: var(--secondary);
|
||||||
|
--nav-link-font-size: 1rem;
|
||||||
|
--nav-link-font-weight: ;
|
||||||
|
--nav-link-padding-x: 1rem;
|
||||||
|
--nav-link-padding-y: 0.5rem;
|
||||||
|
--nav-pills-border-radius: 0.25rem;
|
||||||
|
--nav-pills-link-active-bg: var(--primary);
|
||||||
|
--nav-pills-link-active-color: var(--emphasis-color);
|
||||||
|
--nav-tabs-border-color: var(--border-color);
|
||||||
|
--nav-tabs-border-radius: 0.25rem;
|
||||||
|
--nav-tabs-border-width: 1px;
|
||||||
|
--nav-tabs-link-active-bg: var(--body-bg);
|
||||||
|
--nav-tabs-link-active-border-color: var(--border-color) var(--border-color) var(--body-bg);
|
||||||
|
--nav-tabs-link-active-color: var(--emphasis-color);
|
||||||
|
--navbar-active-color: var(--link-active-color);
|
||||||
|
--navbar-brand-active-color: var(--link-active-color);
|
||||||
|
--navbar-brand-color: var(--body-color);
|
||||||
|
--navbar-brand-font-size: 1.25rem;
|
||||||
|
--navbar-brand-margin-end: 1rem;
|
||||||
|
--navbar-brand-padding-y: 0.3125rem;
|
||||||
|
--navbar-color: var(--body-color);
|
||||||
|
--navbar-nav-link-padding-x: 0.5rem;
|
||||||
|
--navbar-padding-x: 1rem;
|
||||||
|
--navbar-padding-y: 0.5rem;
|
||||||
|
--navbar-toggler-font-size: 1.25rem;
|
||||||
|
--navbar-toggler-padding-x: 0.75rem;
|
||||||
|
--navbar-toggler-padding-y: 0.25rem;
|
||||||
|
--navbar-toggler-transition: box-shadow 0.15s ease-in-out;
|
||||||
|
--offcanvas-bg: var(--body-bg);
|
||||||
|
--offcanvas-border-color: var(--border-color-translucent);
|
||||||
|
--offcanvas-border-width: 0;
|
||||||
|
--offcanvas-color: ;
|
||||||
|
--offcanvas-height: auto;
|
||||||
|
--offcanvas-padding-x: 1rem;
|
||||||
|
--offcanvas-padding-y: 1rem;
|
||||||
|
--offcanvas-width: 400px;
|
||||||
|
--offcanvas-zindex: 1045;
|
||||||
|
--padding-x: 0.25rem;
|
||||||
|
--padding-y: 0.25rem;
|
||||||
|
--pagination-active-bg: var(--primary);
|
||||||
|
--pagination-active-border-color: var(--primary);
|
||||||
|
--pagination-active-color: var(--emphasis-color);
|
||||||
|
--pagination-bg: var(--body-bg);
|
||||||
|
--pagination-border-color: var(--border-color);
|
||||||
|
--pagination-border-radius: 0.2rem;
|
||||||
|
--pagination-border-width: 1px;
|
||||||
|
--pagination-color: var(--link-color);
|
||||||
|
--pagination-disabled-bg: var(--body-bg);
|
||||||
|
--pagination-disabled-border-color: var(--border-color);
|
||||||
|
--pagination-disabled-color: var(--secondary);
|
||||||
|
--pagination-focus-bg: var(--secondary-bg);
|
||||||
|
--pagination-focus-box-shadow: 0 0 0 0.25rem rgba(84, 114, 255, 0.6);
|
||||||
|
--pagination-focus-color: var(--link-active-color);
|
||||||
|
--pagination-font-size: 0.875rem;
|
||||||
|
--pagination-padding-x: 0.5rem;
|
||||||
|
--pagination-padding-y: 0.25rem;
|
||||||
|
--popover-arrow-border: var(--popover-border-color);
|
||||||
|
--popover-arrow-height: 0.5rem;
|
||||||
|
--popover-arrow-width: 1rem;
|
||||||
|
--popover-bg: var(--body-bg);
|
||||||
|
--popover-body-color: var(--body-color);
|
||||||
|
--popover-body-padding-x: 1rem;
|
||||||
|
--popover-body-padding-y: 1rem;
|
||||||
|
--popover-border-color: var(--border-color-translucent);
|
||||||
|
--popover-border-radius: 0.3rem;
|
||||||
|
--popover-border-width: 1px;
|
||||||
|
--popover-font-size: 0.875rem;
|
||||||
|
--popover-header-bg: var(--secondary-bg);
|
||||||
|
--popover-header-color: ;
|
||||||
|
--popover-header-font-size: 1rem;
|
||||||
|
--popover-header-padding-x: 1rem;
|
||||||
|
--popover-header-padding-y: 0.5rem;
|
||||||
|
--popover-inner-border-radius: calc(0.3rem - 1px);
|
||||||
|
--popover-max-width: 276px;
|
||||||
|
--popover-zindex: 1060;
|
||||||
|
--progress-bar-bg: var(--primary);
|
||||||
|
--progress-bar-color: var(--emphasis-color);
|
||||||
|
--progress-bar-transition: width 0.6s ease;
|
||||||
|
--progress-bg: var(--secondary-bg);
|
||||||
|
--progress-border-radius: 0.25rem;
|
||||||
|
--progress-font-size: 0.75rem;
|
||||||
|
--progress-height: 1rem;
|
||||||
|
--scroll-height: 75vh;
|
||||||
|
--spinner-animation-name: spinner-grow;
|
||||||
|
--spinner-animation-speed: 1.5s;
|
||||||
|
--spinner-border-width: 0.2em;
|
||||||
|
--spinner-height: 1rem;
|
||||||
|
--spinner-vertical-align: -0.125em;
|
||||||
|
--spinner-width: 1rem;
|
||||||
|
--subhead-btn-accent: #5472ff;
|
||||||
|
--table-accent-bg: var(--table-active-bg);
|
||||||
|
--table-active-bg: var(--secondary-bg);
|
||||||
|
--table-active-color: var(--emphasis-color);
|
||||||
|
--table-bg: var(--body-bg);
|
||||||
|
--table-border-color: var(--border-color);
|
||||||
|
--table-color: var(--body-color);
|
||||||
|
--table-striped-bg: var(--secondary-bg);
|
||||||
|
--table-striped-color: var(--body-color);
|
||||||
|
--template-bg-dark-80: hsl(var(--hue), 40%, 20%);
|
||||||
|
--template-bg-light: var(--body-bg);
|
||||||
|
--text-opacity: 1;
|
||||||
|
--toast-bg: rgba(21, 27, 34, 0.85);
|
||||||
|
--toast-border-color: var(--border-color-translucent);
|
||||||
|
--toast-border-radius: 0.25rem;
|
||||||
|
--toast-border-width: 1px;
|
||||||
|
--toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
|
||||||
|
--toast-color: ;
|
||||||
|
--toast-font-size: 0.875rem;
|
||||||
|
--toast-header-bg: rgba(21, 27, 34, 0.85);
|
||||||
|
--toast-header-border-color: var(--border-color);
|
||||||
|
--toast-header-color: var(--secondary-text-emphasis);
|
||||||
|
--toast-max-width: 350px;
|
||||||
|
--toast-padding-x: 0.75rem;
|
||||||
|
--toast-padding-y: 0.5rem;
|
||||||
|
--toast-spacing: 1em;
|
||||||
|
--toast-zindex: 1090;
|
||||||
|
--tooltip-arrow-height: 0.4rem;
|
||||||
|
--tooltip-arrow-width: 0.8rem;
|
||||||
|
--tooltip-bg: hsl(0, 0%, 0%);
|
||||||
|
--tooltip-border-radius: 0.25rem;
|
||||||
|
--tooltip-color: var(--emphasis-color);
|
||||||
|
--tooltip-font-size: 0.875rem;
|
||||||
|
--tooltip-margin: ;
|
||||||
|
--tooltip-max-width: 200px;
|
||||||
|
--tooltip-opacity: 0.9;
|
||||||
|
--tooltip-padding-x: 0.5rem;
|
||||||
|
--tooltip-padding-y: 0.25rem;
|
||||||
|
--tooltip-zindex: 1070;
|
||||||
|
--white-rgb: 255, 255, 255;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn {
|
.btn {
|
||||||
|
|||||||
@@ -221,6 +221,300 @@
|
|||||||
--form-valid-border-color: #448344;
|
--form-valid-border-color: #448344;
|
||||||
--form-invalid-color: #a51f18;
|
--form-invalid-color: #a51f18;
|
||||||
--form-invalid-border-color: #a51f18;
|
--form-invalid-border-color: #a51f18;
|
||||||
|
|
||||||
|
/* Missing variables from template.css - Added for compatibility */
|
||||||
|
--_fa-family: var(--fa-family, var(--fa-style-family, "Font Awesome 7 Free"));
|
||||||
|
--accordion-active-bg: #e7eaee;
|
||||||
|
--accordion-active-color: #0f244d;
|
||||||
|
--accordion-bg: var(--body-color);
|
||||||
|
--accordion-body-padding-x: 1.25rem;
|
||||||
|
--accordion-body-padding-y: 1rem;
|
||||||
|
--accordion-border-color: var(--border-color);
|
||||||
|
--accordion-border-radius: 0.25rem;
|
||||||
|
--accordion-border-width: 1px;
|
||||||
|
--accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230f244d'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
|
||||||
|
--accordion-btn-bg: var(--accordion-bg);
|
||||||
|
--accordion-btn-color: hsl(210, 11%, 15%);
|
||||||
|
--accordion-btn-focus-border-color: #8894aa;
|
||||||
|
--accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
|
||||||
|
--accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='hsl%28210, 11%, 15%%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
|
||||||
|
--accordion-btn-icon-transform: rotate(-180deg);
|
||||||
|
--accordion-btn-icon-transition: transform 0.2s ease-in-out;
|
||||||
|
--accordion-btn-icon-width: 1.25rem;
|
||||||
|
--accordion-btn-padding-x: 1.25rem;
|
||||||
|
--accordion-btn-padding-y: 1rem;
|
||||||
|
--accordion-color: hsl(210, 11%, 15%);
|
||||||
|
--accordion-inner-border-radius: calc(0.25rem - 1px);
|
||||||
|
--accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
|
||||||
|
--alert-bg: #d7d8d9;
|
||||||
|
--alert-border: 1px solid var(--alert-border-color);
|
||||||
|
--alert-border-color: #c2c4c6;
|
||||||
|
--alert-border-radius: 0.25rem;
|
||||||
|
--alert-color: #202327;
|
||||||
|
--alert-margin-bottom: 1rem;
|
||||||
|
--alert-padding-x: 1rem;
|
||||||
|
--alert-padding-y: 1rem;
|
||||||
|
--aspect-ratio: 42.8571428571%;
|
||||||
|
--backdrop-bg: hsl(0, 0%, 0%);
|
||||||
|
--backdrop-opacity: 0.5;
|
||||||
|
--backdrop-zindex: 1040;
|
||||||
|
--badge-border-radius: 0.25rem;
|
||||||
|
--badge-color: var(--body-color);
|
||||||
|
--badge-font-size: 0.75em;
|
||||||
|
--badge-font-weight: 700;
|
||||||
|
--badge-padding-x: 0.65em;
|
||||||
|
--badge-padding-y: 0.35em;
|
||||||
|
--bg-opacity: 1;
|
||||||
|
--body-text-align: left;
|
||||||
|
--border-opacity: 1;
|
||||||
|
--border-radius-sxl: .5rem;
|
||||||
|
--breadcrumb-bg: ;
|
||||||
|
--breadcrumb-border-radius: ;
|
||||||
|
--breadcrumb-divider: "/";
|
||||||
|
--breadcrumb-divider-color: hsl(210, 7%, 46%);
|
||||||
|
--breadcrumb-font-size: 1rem;
|
||||||
|
--breadcrumb-item-active-color: var(--link-color);
|
||||||
|
--breadcrumb-item-padding-x: 0.5rem;
|
||||||
|
--breadcrumb-margin-bottom: 1rem;
|
||||||
|
--breadcrumb-padding-x: 0;
|
||||||
|
--breadcrumb-padding-y: 0;
|
||||||
|
--bs-body-bg: var(--body-bg);
|
||||||
|
--bs-border-radius: var(--border-radius);
|
||||||
|
--btn-active-shadow-rgb: 1, 1, 86;
|
||||||
|
--btn-focus-bg: transparent;
|
||||||
|
--btn-focus-border-color: transparent;
|
||||||
|
--btn-focus-color: var(--btn-color);
|
||||||
|
--card-bg: var(--body-bg);
|
||||||
|
--card-border-color: var(--border-color);
|
||||||
|
--card-border-radius: var(--border-radius);
|
||||||
|
--card-border-width: var(--border-width);
|
||||||
|
--card-cap-bg: rgba(0, 0, 0, 0.03);
|
||||||
|
--card-cap-color: inherit;
|
||||||
|
--card-cap-padding-x: 1rem;
|
||||||
|
--card-cap-padding-y: 0.5rem;
|
||||||
|
--card-color: inherit;
|
||||||
|
--card-group-margin: 0.75rem;
|
||||||
|
--card-height: auto;
|
||||||
|
--card-img-overlay-padding: 1rem;
|
||||||
|
--card-inner-border-radius: calc(var(--border-radius) - var(--border-width));
|
||||||
|
--card-spacer-x: 1rem;
|
||||||
|
--card-spacer-y: 1rem;
|
||||||
|
--card-title-spacer-y: 0.5rem;
|
||||||
|
--color-active: var(--color-hover);
|
||||||
|
--color-brand: var(--color-primary);
|
||||||
|
--container-below-topbar-background-repeat: var(--container-below-topbar-bg-repeat);
|
||||||
|
--container-below-topbar-bg-color: ;
|
||||||
|
--container-bottom-a-background-repeat: var(--container-bottom-a-bg-repeat);
|
||||||
|
--container-bottom-b-background-repeat: var(--container-bottom-b-bg-repeat);
|
||||||
|
--container-sidebar-background-repeat: var(--container-sidebar-bg-repeat);
|
||||||
|
--container-top-a-background-repeat: var(--container-top-a-bg-repeat);
|
||||||
|
--container-top-b-background-repeat: var(--container-top-b-bg-repeat);
|
||||||
|
--dropdown-bg: hsl(210, 10%, 23%);
|
||||||
|
--dropdown-border-color: var(--border-color-translucent);
|
||||||
|
--dropdown-border-radius: 0.25rem;
|
||||||
|
--dropdown-border-width: 1px;
|
||||||
|
--dropdown-color: hsl(210, 14%, 89%);
|
||||||
|
--dropdown-divider-bg: var(--border-color-translucent);
|
||||||
|
--dropdown-divider-margin-y: 0.5rem;
|
||||||
|
--dropdown-font-size: 1rem;
|
||||||
|
--dropdown-header-color: hsl(210, 11%, 71%);
|
||||||
|
--dropdown-header-padding-x: 1rem;
|
||||||
|
--dropdown-header-padding-y: 0.5rem;
|
||||||
|
--dropdown-item-padding-x: 1rem;
|
||||||
|
--dropdown-item-padding-y: 0.25rem;
|
||||||
|
--dropdown-link-active-bg: hsl(240, 98%, 17%);
|
||||||
|
--dropdown-link-active-color: var(--body-color);
|
||||||
|
--dropdown-link-color: hsl(210, 14%, 89%);
|
||||||
|
--dropdown-link-disabled-color: hsl(210, 11%, 71%);
|
||||||
|
--dropdown-min-width: 10rem;
|
||||||
|
--dropdown-padding-x: 0;
|
||||||
|
--dropdown-padding-y: 0.5rem;
|
||||||
|
--dropdown-spacer: 0.125rem;
|
||||||
|
--dropdown-zindex: 1000;
|
||||||
|
--fa-display: inline-block;
|
||||||
|
--fa-family: var(--fa-style-family, "Font Awesome 7 Free");
|
||||||
|
--fa-style: 900;
|
||||||
|
--fa-style-family: "Font Awesome 7 Free";
|
||||||
|
--fa-width: 1.25em;
|
||||||
|
--font-family-body: var(--body-font-family);
|
||||||
|
--font-family-headings: var(--body-font-family);
|
||||||
|
--font-weight-headings: 700;
|
||||||
|
--font-weight-normal: 400;
|
||||||
|
--gab-blue: #0066cc;
|
||||||
|
--gab-gray1: #f5f5f5;
|
||||||
|
--gab-gray2: #e0e0e0;
|
||||||
|
--gab-gray3: #bdbdbd;
|
||||||
|
--gab-green: #4caf50;
|
||||||
|
--gab-orange: #ff9800;
|
||||||
|
--gab-red: #f44336;
|
||||||
|
--gutter-x: 3rem;
|
||||||
|
--gutter-y: 3rem;
|
||||||
|
--hue: 220;
|
||||||
|
--list-group-action-active-bg: hsl(210, 16%, 93%);
|
||||||
|
--list-group-action-active-color: hsl(210, 11%, 15%);
|
||||||
|
--list-group-action-color: hsl(210, 9%, 31%);
|
||||||
|
--list-group-active-bg: hsl(240, 98%, 17%);
|
||||||
|
--list-group-active-border-color: hsl(240, 98%, 17%);
|
||||||
|
--list-group-active-color: var(--body-color);
|
||||||
|
--list-group-bg: var(--body-color);
|
||||||
|
--list-group-border-color: rgba(0, 0, 0, 0.125);
|
||||||
|
--list-group-border-radius: 0.25rem;
|
||||||
|
--list-group-border-width: 1px;
|
||||||
|
--list-group-color: hsl(210, 11%, 15%);
|
||||||
|
--list-group-disabled-bg: var(--body-color);
|
||||||
|
--list-group-disabled-color: hsl(210, 7%, 46%);
|
||||||
|
--list-group-item-padding-x: 1rem;
|
||||||
|
--list-group-item-padding-y: 0.5rem;
|
||||||
|
--modal-bg: var(--body-color);
|
||||||
|
--modal-border-color: var(--border-color-translucent);
|
||||||
|
--modal-border-radius: 0.3rem;
|
||||||
|
--modal-border-width: 1px;
|
||||||
|
--modal-color: ;
|
||||||
|
--modal-footer-bg: ;
|
||||||
|
--modal-footer-border-color: var(--border-color);
|
||||||
|
--modal-footer-border-width: 1px;
|
||||||
|
--modal-footer-gap: 0.5rem;
|
||||||
|
--modal-header-border-color: var(--border-color);
|
||||||
|
--modal-header-border-width: 1px;
|
||||||
|
--modal-header-padding: 1rem 1rem;
|
||||||
|
--modal-header-padding-x: 1rem;
|
||||||
|
--modal-header-padding-y: 1rem;
|
||||||
|
--modal-inner-border-radius: calc(0.3rem - 1px);
|
||||||
|
--modal-margin: 1.75rem;
|
||||||
|
--modal-padding: 1rem;
|
||||||
|
--modal-title-line-height: 1.5;
|
||||||
|
--modal-width: 1140px;
|
||||||
|
--modal-zindex: 1050;
|
||||||
|
--nav-link-active-color: var(--link-active-color);
|
||||||
|
--nav-link-color: var(--link-color);
|
||||||
|
--nav-link-disabled-color: hsl(210, 7%, 46%);
|
||||||
|
--nav-link-font-size: 1rem;
|
||||||
|
--nav-link-font-weight: ;
|
||||||
|
--nav-link-padding-x: 1rem;
|
||||||
|
--nav-link-padding-y: 0.5rem;
|
||||||
|
--nav-pills-border-radius: 0.25rem;
|
||||||
|
--nav-pills-link-active-bg: hsl(240, 98%, 17%);
|
||||||
|
--nav-pills-link-active-color: var(--body-color);
|
||||||
|
--nav-tabs-border-color: hsl(210, 14%, 89%);
|
||||||
|
--nav-tabs-border-radius: 0.25rem;
|
||||||
|
--nav-tabs-border-width: 1px;
|
||||||
|
--nav-tabs-link-active-bg: var(--body-color);
|
||||||
|
--nav-tabs-link-active-border-color: hsl(210, 14%, 89%) hsl(210, 14%, 89%) var(--body-color);
|
||||||
|
--nav-tabs-link-active-color: hsl(210, 9%, 31%);
|
||||||
|
--navbar-active-color: var(--link-active-color);
|
||||||
|
--navbar-brand-active-color: var(--link-active-color);
|
||||||
|
--navbar-brand-color: var(--body-color);
|
||||||
|
--navbar-brand-font-size: 1.25rem;
|
||||||
|
--navbar-brand-margin-end: 1rem;
|
||||||
|
--navbar-brand-padding-y: 0.3125rem;
|
||||||
|
--navbar-color: var(--body-color);
|
||||||
|
--navbar-nav-link-padding-x: 0.5rem;
|
||||||
|
--navbar-padding-x: 1rem;
|
||||||
|
--navbar-padding-y: 0.5rem;
|
||||||
|
--navbar-toggler-font-size: 1.25rem;
|
||||||
|
--navbar-toggler-padding-x: 0.75rem;
|
||||||
|
--navbar-toggler-padding-y: 0.25rem;
|
||||||
|
--navbar-toggler-transition: box-shadow 0.15s ease-in-out;
|
||||||
|
--offcanvas-bg: var(--body-color);
|
||||||
|
--offcanvas-border-color: var(--border-color-translucent);
|
||||||
|
--offcanvas-border-width: 0;
|
||||||
|
--offcanvas-color: ;
|
||||||
|
--offcanvas-height: auto;
|
||||||
|
--offcanvas-padding-x: 1rem;
|
||||||
|
--offcanvas-padding-y: 1rem;
|
||||||
|
--offcanvas-width: 400px;
|
||||||
|
--offcanvas-zindex: 1045;
|
||||||
|
--padding-x: 0.25rem;
|
||||||
|
--padding-y: 0.25rem;
|
||||||
|
--pagination-active-bg: hsl(240, 98%, 17%);
|
||||||
|
--pagination-active-border-color: hsl(240, 98%, 17%);
|
||||||
|
--pagination-active-color: var(--body-color);
|
||||||
|
--pagination-bg: var(--body-color);
|
||||||
|
--pagination-border-color: hsl(210, 14%, 89%);
|
||||||
|
--pagination-border-radius: 0.2rem;
|
||||||
|
--pagination-border-width: 1px;
|
||||||
|
--pagination-color: var(--link-color);
|
||||||
|
--pagination-disabled-bg: var(--body-color);
|
||||||
|
--pagination-disabled-border-color: hsl(210, 14%, 89%);
|
||||||
|
--pagination-disabled-color: hsl(210, 7%, 46%);
|
||||||
|
--pagination-focus-bg: hsl(210, 16%, 93%);
|
||||||
|
--pagination-focus-box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
|
||||||
|
--pagination-focus-color: var(--link-active-color);
|
||||||
|
--pagination-font-size: 0.875rem;
|
||||||
|
--pagination-padding-x: 0.5rem;
|
||||||
|
--pagination-padding-y: 0.25rem;
|
||||||
|
--popover-arrow-border: var(--popover-border-color);
|
||||||
|
--popover-arrow-height: 0.5rem;
|
||||||
|
--popover-arrow-width: 1rem;
|
||||||
|
--popover-bg: var(--body-color);
|
||||||
|
--popover-body-color: hsl(210, 11%, 15%);
|
||||||
|
--popover-body-padding-x: 1rem;
|
||||||
|
--popover-body-padding-y: 1rem;
|
||||||
|
--popover-border-color: var(--border-color-translucent);
|
||||||
|
--popover-border-radius: 0.3rem;
|
||||||
|
--popover-border-width: 1px;
|
||||||
|
--popover-font-size: 0.875rem;
|
||||||
|
--popover-header-bg: #f0f0f0;
|
||||||
|
--popover-header-color: ;
|
||||||
|
--popover-header-font-size: 1rem;
|
||||||
|
--popover-header-padding-x: 1rem;
|
||||||
|
--popover-header-padding-y: 0.5rem;
|
||||||
|
--popover-inner-border-radius: calc(0.3rem - 1px);
|
||||||
|
--popover-max-width: 276px;
|
||||||
|
--popover-zindex: 1060;
|
||||||
|
--progress-bar-bg: hsl(240, 98%, 17%);
|
||||||
|
--progress-bar-color: var(--body-color);
|
||||||
|
--progress-bar-transition: width 0.6s ease;
|
||||||
|
--progress-bg: hsl(210, 16%, 93%);
|
||||||
|
--progress-border-radius: 0.25rem;
|
||||||
|
--progress-font-size: 0.75rem;
|
||||||
|
--progress-height: 1rem;
|
||||||
|
--scroll-height: 75vh;
|
||||||
|
--spinner-animation-name: spinner-grow;
|
||||||
|
--spinner-animation-speed: 1.5s;
|
||||||
|
--spinner-border-width: 0.2em;
|
||||||
|
--spinner-height: 1rem;
|
||||||
|
--spinner-vertical-align: -0.125em;
|
||||||
|
--spinner-width: 1rem;
|
||||||
|
--subhead-btn-accent: #132f53;
|
||||||
|
--table-accent-bg: var(--table-active-bg);
|
||||||
|
--table-active-bg: #444a4f;
|
||||||
|
--table-active-color: var(--body-color);
|
||||||
|
--table-bg: hsl(210, 10%, 23%);
|
||||||
|
--table-border-color: #494f54;
|
||||||
|
--table-color: var(--body-color);
|
||||||
|
--table-striped-bg: #3f454b;
|
||||||
|
--table-striped-color: var(--body-color);
|
||||||
|
--template-bg-dark-80: hsl(var(--hue), 40%, 20%);
|
||||||
|
--template-bg-light: #f0f4fb;
|
||||||
|
--text-opacity: 1;
|
||||||
|
--toast-bg: rgba(255, 255, 255, 0.85);
|
||||||
|
--toast-border-color: var(--border-color-translucent);
|
||||||
|
--toast-border-radius: 0.25rem;
|
||||||
|
--toast-border-width: 1px;
|
||||||
|
--toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
|
||||||
|
--toast-color: ;
|
||||||
|
--toast-font-size: 0.875rem;
|
||||||
|
--toast-header-bg: rgba(255, 255, 255, 0.85);
|
||||||
|
--toast-header-border-color: rgba(0, 0, 0, 0.05);
|
||||||
|
--toast-header-color: hsl(210, 7%, 46%);
|
||||||
|
--toast-max-width: 350px;
|
||||||
|
--toast-padding-x: 0.75rem;
|
||||||
|
--toast-padding-y: 0.5rem;
|
||||||
|
--toast-spacing: 1em;
|
||||||
|
--toast-zindex: 1090;
|
||||||
|
--tooltip-arrow-height: 0.4rem;
|
||||||
|
--tooltip-arrow-width: 0.8rem;
|
||||||
|
--tooltip-bg: hsl(0, 0%, 0%);
|
||||||
|
--tooltip-border-radius: 0.25rem;
|
||||||
|
--tooltip-color: var(--body-color);
|
||||||
|
--tooltip-font-size: 0.875rem;
|
||||||
|
--tooltip-margin: ;
|
||||||
|
--tooltip-max-width: 200px;
|
||||||
|
--tooltip-opacity: 0.9;
|
||||||
|
--tooltip-padding-x: 0.5rem;
|
||||||
|
--tooltip-padding-y: 0.25rem;
|
||||||
|
--tooltip-zindex: 1070;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn {
|
.btn {
|
||||||
|
|||||||
Reference in New Issue
Block a user