fixes
This commit is contained in:
parent
385f959068
commit
024aa48ff7
369
css/compiled.css
369
css/compiled.css
|
|
@ -1,8 +1,4 @@
|
|||
@charset "UTF-8";
|
||||
:root {
|
||||
--bs-badge-border-radius: var(--bs-badge-border-radius);
|
||||
}
|
||||
|
||||
:root,
|
||||
[data-bs-theme=light] {
|
||||
--bs-blue: #0d6efd;
|
||||
|
|
@ -1489,7 +1485,7 @@ smaller,
|
|||
.g-sidebar {
|
||||
--bs-sidebar-border-width: 0 1px 0 0;
|
||||
--bs-sidebar-border-style: solid;
|
||||
--bs-sidebar-border-color: rgba(0, 0, 0, 0.25);
|
||||
--bs-sidebar-border-color: rgba(0, 0, 0, 0.125);
|
||||
--bs-sidebar-mobile-border-width: 1px 0 0;
|
||||
--bs-sidebar-item-border-width: 0 0 1px 0;
|
||||
display: flex;
|
||||
|
|
@ -2227,7 +2223,7 @@ progress {
|
|||
}
|
||||
|
||||
.display-6 {
|
||||
font-size: calc(1.25625rem + 0.075vw);
|
||||
font-size: calc(1.2625rem + 0.15vw);
|
||||
font-family: "Cormorant", serif;
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
|
|
@ -2235,7 +2231,7 @@ progress {
|
|||
}
|
||||
@media (min-width: 1200px) {
|
||||
.display-6 {
|
||||
font-size: 1.3125rem;
|
||||
font-size: 1.375rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -4620,9 +4616,9 @@ textarea.form-control-lg {
|
|||
.btn {
|
||||
--bs-btn-padding-x: 0.75rem;
|
||||
--bs-btn-padding-y: 0.375rem;
|
||||
--bs-btn-font-family: ;
|
||||
--bs-btn-font-size: 1rem;
|
||||
--bs-btn-font-weight: 400;
|
||||
--bs-btn-font-family: Libre Franklin, sans-serif;
|
||||
--bs-btn-font-size: 0.875rem;
|
||||
--bs-btn-font-weight: 500;
|
||||
--bs-btn-line-height: 1.5;
|
||||
--bs-btn-color: var(--bs-body-color);
|
||||
--bs-btn-bg: transparent;
|
||||
|
|
@ -5910,16 +5906,23 @@ textarea.form-control-lg {
|
|||
}
|
||||
|
||||
.badge {
|
||||
--bs-badge-padding-x: 0.65em;
|
||||
transition: all 0.25s ease-in;
|
||||
--bs-badge-padding-x: 0.5rem;
|
||||
--bs-badge-padding-y: 0.35em;
|
||||
--bs-badge-font-size: 0.75em;
|
||||
--bs-badge-font-weight: 700;
|
||||
--bs-badge-color: #fff;
|
||||
--bs-badge-border-radius: var(--bs-border-radius);
|
||||
--bs-badge-font-weight: 500;
|
||||
--bs-badge-font-family: Libre Franklin, sans-serif;
|
||||
--bs-badge-color: rgba(var(--bs-primary-rgb), 1);
|
||||
--bs-badge-border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity, 0.5));
|
||||
--bs-badge-border-radius: 4px 4px 8px 4px;
|
||||
--bs-badge-border: 1px solid rgba(var(--bs-primary-rgb), var(--bs-border-opacity, 0.5));
|
||||
--bs-badge-hover-color: white;
|
||||
border: var(--bs-badge-border);
|
||||
display: inline-block;
|
||||
padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
|
||||
font-size: var(--bs-badge-font-size);
|
||||
font-weight: var(--bs-badge-font-weight);
|
||||
font-family: var(--bs-badge-font-family);
|
||||
line-height: 1;
|
||||
color: var(--bs-badge-color);
|
||||
text-align: center;
|
||||
|
|
@ -5930,6 +5933,11 @@ textarea.form-control-lg {
|
|||
.badge:empty {
|
||||
display: none;
|
||||
}
|
||||
.badge:hover {
|
||||
--bs-border-opacity: 1;
|
||||
background-color: rgba(var(--bs-primary-rgb), 1);
|
||||
color: var(--bs-badge-hover-color, white);
|
||||
}
|
||||
|
||||
.btn .badge {
|
||||
position: relative;
|
||||
|
|
@ -7908,6 +7916,339 @@ textarea.form-control-lg {
|
|||
mask-position: -200% 0%;
|
||||
}
|
||||
}
|
||||
.clearfix::after {
|
||||
display: block;
|
||||
clear: both;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.text-bg-primary {
|
||||
color: #fff !important;
|
||||
background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
|
||||
}
|
||||
|
||||
.text-bg-secondary {
|
||||
color: #000 !important;
|
||||
background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
|
||||
}
|
||||
|
||||
.text-bg-success {
|
||||
color: #000 !important;
|
||||
background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
|
||||
}
|
||||
|
||||
.text-bg-info {
|
||||
color: #000 !important;
|
||||
background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
|
||||
}
|
||||
|
||||
.text-bg-warning {
|
||||
color: #000 !important;
|
||||
background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
|
||||
}
|
||||
|
||||
.text-bg-danger {
|
||||
color: #fff !important;
|
||||
background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
|
||||
}
|
||||
|
||||
.text-bg-light {
|
||||
color: #000 !important;
|
||||
background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
|
||||
}
|
||||
|
||||
.text-bg-dark {
|
||||
color: #fff !important;
|
||||
background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
|
||||
}
|
||||
|
||||
.link-primary {
|
||||
color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
|
||||
text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
|
||||
}
|
||||
.link-primary:hover, .link-primary:focus {
|
||||
color: RGBA(0, 75, 147, var(--bs-link-opacity, 1)) !important;
|
||||
text-decoration-color: RGBA(0, 75, 147, var(--bs-link-underline-opacity, 1)) !important;
|
||||
}
|
||||
|
||||
.link-secondary {
|
||||
color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
|
||||
text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
|
||||
}
|
||||
.link-secondary:hover, .link-secondary:focus {
|
||||
color: RGBA(237, 99, 189, var(--bs-link-opacity, 1)) !important;
|
||||
text-decoration-color: RGBA(237, 99, 189, var(--bs-link-underline-opacity, 1)) !important;
|
||||
}
|
||||
|
||||
.link-success {
|
||||
color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
|
||||
text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
|
||||
}
|
||||
.link-success:hover, .link-success:focus {
|
||||
color: RGBA(172, 223, 51, var(--bs-link-opacity, 1)) !important;
|
||||
text-decoration-color: RGBA(172, 223, 51, var(--bs-link-underline-opacity, 1)) !important;
|
||||
}
|
||||
|
||||
.link-info {
|
||||
color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
|
||||
text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
|
||||
}
|
||||
.link-info:hover, .link-info:focus {
|
||||
color: RGBA(103, 197, 235, var(--bs-link-opacity, 1)) !important;
|
||||
text-decoration-color: RGBA(103, 197, 235, var(--bs-link-underline-opacity, 1)) !important;
|
||||
}
|
||||
|
||||
.link-warning {
|
||||
color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
|
||||
text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
|
||||
}
|
||||
.link-warning:hover, .link-warning:focus {
|
||||
color: RGBA(255, 210, 86, var(--bs-link-opacity, 1)) !important;
|
||||
text-decoration-color: RGBA(255, 210, 86, var(--bs-link-underline-opacity, 1)) !important;
|
||||
}
|
||||
|
||||
.link-danger {
|
||||
color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
|
||||
text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
|
||||
}
|
||||
.link-danger:hover, .link-danger:focus {
|
||||
color: RGBA(174, 33, 22, var(--bs-link-opacity, 1)) !important;
|
||||
text-decoration-color: RGBA(174, 33, 22, var(--bs-link-underline-opacity, 1)) !important;
|
||||
}
|
||||
|
||||
.link-light {
|
||||
color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
|
||||
text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
|
||||
}
|
||||
.link-light:hover, .link-light:focus {
|
||||
color: RGBA(255, 250, 234, var(--bs-link-opacity, 1)) !important;
|
||||
text-decoration-color: RGBA(255, 250, 234, var(--bs-link-underline-opacity, 1)) !important;
|
||||
}
|
||||
|
||||
.link-dark {
|
||||
color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
|
||||
text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
|
||||
}
|
||||
.link-dark:hover, .link-dark:focus {
|
||||
color: RGBA(41, 40, 37, var(--bs-link-opacity, 1)) !important;
|
||||
text-decoration-color: RGBA(41, 40, 37, var(--bs-link-underline-opacity, 1)) !important;
|
||||
}
|
||||
|
||||
.link-body-emphasis {
|
||||
color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
|
||||
text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
|
||||
}
|
||||
.link-body-emphasis:hover, .link-body-emphasis:focus {
|
||||
color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
|
||||
text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
|
||||
}
|
||||
|
||||
.focus-ring:focus {
|
||||
outline: 0;
|
||||
box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
|
||||
}
|
||||
|
||||
.icon-link {
|
||||
display: inline-flex;
|
||||
gap: 0.375rem;
|
||||
align-items: center;
|
||||
text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
|
||||
text-underline-offset: 0.25em;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.icon-link > .bi {
|
||||
flex-shrink: 0;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
fill: currentcolor;
|
||||
transition: 0.2s ease-in-out transform;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.icon-link > .bi {
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
|
||||
.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
|
||||
transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
|
||||
}
|
||||
|
||||
.ratio {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.ratio::before {
|
||||
display: block;
|
||||
padding-top: var(--bs-aspect-ratio);
|
||||
content: "";
|
||||
}
|
||||
.ratio > * {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.ratio-1x1 {
|
||||
--bs-aspect-ratio: 100%;
|
||||
}
|
||||
|
||||
.ratio-4x3 {
|
||||
--bs-aspect-ratio: 75%;
|
||||
}
|
||||
|
||||
.ratio-16x9 {
|
||||
--bs-aspect-ratio: 56.25%;
|
||||
}
|
||||
|
||||
.ratio-21x9 {
|
||||
--bs-aspect-ratio: 42.8571428571%;
|
||||
}
|
||||
|
||||
.fixed-top {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
z-index: 1030;
|
||||
}
|
||||
|
||||
.fixed-bottom {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 1030;
|
||||
}
|
||||
|
||||
.sticky-top {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1020;
|
||||
}
|
||||
|
||||
.sticky-bottom {
|
||||
position: sticky;
|
||||
bottom: 0;
|
||||
z-index: 1020;
|
||||
}
|
||||
|
||||
@media (min-width: 576px) {
|
||||
.sticky-sm-top {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1020;
|
||||
}
|
||||
.sticky-sm-bottom {
|
||||
position: sticky;
|
||||
bottom: 0;
|
||||
z-index: 1020;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.sticky-md-top {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1020;
|
||||
}
|
||||
.sticky-md-bottom {
|
||||
position: sticky;
|
||||
bottom: 0;
|
||||
z-index: 1020;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.sticky-lg-top {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1020;
|
||||
}
|
||||
.sticky-lg-bottom {
|
||||
position: sticky;
|
||||
bottom: 0;
|
||||
z-index: 1020;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.sticky-xl-top {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1020;
|
||||
}
|
||||
.sticky-xl-bottom {
|
||||
position: sticky;
|
||||
bottom: 0;
|
||||
z-index: 1020;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1400px) {
|
||||
.sticky-xxl-top {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1020;
|
||||
}
|
||||
.sticky-xxl-bottom {
|
||||
position: sticky;
|
||||
bottom: 0;
|
||||
z-index: 1020;
|
||||
}
|
||||
}
|
||||
.hstack {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
align-self: stretch;
|
||||
}
|
||||
|
||||
.vstack {
|
||||
display: flex;
|
||||
flex: 1 1 auto;
|
||||
flex-direction: column;
|
||||
align-self: stretch;
|
||||
}
|
||||
|
||||
.visually-hidden,
|
||||
.visually-hidden-focusable:not(:focus):not(:focus-within) {
|
||||
width: 1px !important;
|
||||
height: 1px !important;
|
||||
padding: 0 !important;
|
||||
margin: -1px !important;
|
||||
overflow: hidden !important;
|
||||
clip: rect(0, 0, 0, 0) !important;
|
||||
white-space: nowrap !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
.visually-hidden:not(caption),
|
||||
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
|
||||
position: absolute !important;
|
||||
}
|
||||
|
||||
.stretched-link::after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.text-truncate {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.vr {
|
||||
display: inline-block;
|
||||
align-self: stretch;
|
||||
width: var(--bs-border-width);
|
||||
min-height: 1em;
|
||||
background-color: currentcolor;
|
||||
opacity: 0.25;
|
||||
}
|
||||
|
||||
.bg-primary-100 {
|
||||
background-color: #ccdff1;
|
||||
color: #33322e;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
2
css/compiled.min.css
vendored
2
css/compiled.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,171 +1,174 @@
|
|||
@use "sass:math";
|
||||
@import '../node_modules/bootstrap/scss/functions';
|
||||
@import "../node_modules/bootstrap/scss/functions";
|
||||
|
||||
// override variables
|
||||
|
||||
@import './bootstrap/variables';
|
||||
@import '../node_modules/bootstrap/scss/variables';
|
||||
@import '../node_modules/bootstrap/scss/variables-dark';
|
||||
@import "./bootstrap/variables";
|
||||
@import "../node_modules/bootstrap/scss/variables";
|
||||
@import "../node_modules/bootstrap/scss/variables-dark";
|
||||
|
||||
// override maps
|
||||
@import './bootstrap/maps';
|
||||
@import "./bootstrap/maps";
|
||||
|
||||
@import '../node_modules/bootstrap/scss/maps';
|
||||
@import '../node_modules/bootstrap/scss/mixins';
|
||||
@import '../node_modules/bootstrap/scss/root';
|
||||
@import "../node_modules/bootstrap/scss/maps";
|
||||
@import "../node_modules/bootstrap/scss/mixins";
|
||||
@import "../node_modules/bootstrap/scss/root";
|
||||
|
||||
@import '../node_modules/bootstrap/scss/utilities';
|
||||
@import '../node_modules/bootstrap/scss/reboot';
|
||||
@import "../node_modules/bootstrap/scss/utilities";
|
||||
@import "../node_modules/bootstrap/scss/reboot";
|
||||
|
||||
// override typography
|
||||
|
||||
@import './bootstrap/typography';
|
||||
@import './bootstrap/accordion';
|
||||
@import './bootstrap/nav';
|
||||
@import './bootstrap/navbar';
|
||||
@import './bootstrap/g-components/sidebar';
|
||||
@import "./bootstrap/typography";
|
||||
@import "./bootstrap/accordion";
|
||||
@import "./bootstrap/nav";
|
||||
@import "./bootstrap/navbar";
|
||||
@import "./bootstrap/g-components/sidebar";
|
||||
|
||||
@import '../node_modules/bootstrap/scss/root';
|
||||
@import '../node_modules/bootstrap/scss/reboot';
|
||||
@import '../node_modules/bootstrap/scss/type';
|
||||
@import '../node_modules/bootstrap/scss/images';
|
||||
@import '../node_modules/bootstrap/scss/containers';
|
||||
@import '../node_modules/bootstrap/scss/grid';
|
||||
@import '../node_modules/bootstrap/scss/tables';
|
||||
@import '../node_modules/bootstrap/scss/forms';
|
||||
@import '../node_modules/bootstrap/scss/buttons';
|
||||
@import '../node_modules/bootstrap/scss/transitions';
|
||||
@import '../node_modules/bootstrap/scss/dropdown';
|
||||
@import '../node_modules/bootstrap/scss/button-group';
|
||||
@import "../node_modules/bootstrap/scss/root";
|
||||
@import "../node_modules/bootstrap/scss/reboot";
|
||||
@import "../node_modules/bootstrap/scss/type";
|
||||
@import "../node_modules/bootstrap/scss/images";
|
||||
@import "../node_modules/bootstrap/scss/containers";
|
||||
@import "../node_modules/bootstrap/scss/grid";
|
||||
@import "../node_modules/bootstrap/scss/tables";
|
||||
@import "../node_modules/bootstrap/scss/forms";
|
||||
@import "../node_modules/bootstrap/scss/buttons";
|
||||
@import "../node_modules/bootstrap/scss/transitions";
|
||||
@import "../node_modules/bootstrap/scss/dropdown";
|
||||
@import "../node_modules/bootstrap/scss/button-group";
|
||||
|
||||
@import '../node_modules/bootstrap/scss/card';
|
||||
@import '../node_modules/bootstrap/scss/accordion';
|
||||
@import '../node_modules/bootstrap/scss/breadcrumb';
|
||||
@import '../node_modules/bootstrap/scss/pagination';
|
||||
@import '../node_modules/bootstrap/scss/badge';
|
||||
@import '../node_modules/bootstrap/scss/alert';
|
||||
@import '../node_modules/bootstrap/scss/progress';
|
||||
@import '../node_modules/bootstrap/scss/list-group';
|
||||
@import '../node_modules/bootstrap/scss/close';
|
||||
@import '../node_modules/bootstrap/scss/toasts';
|
||||
@import '../node_modules/bootstrap/scss/modal';
|
||||
@import '../node_modules/bootstrap/scss/tooltip';
|
||||
@import '../node_modules/bootstrap/scss/popover';
|
||||
@import '../node_modules/bootstrap/scss/carousel';
|
||||
@import '../node_modules/bootstrap/scss/spinners';
|
||||
@import '../node_modules/bootstrap/scss/offcanvas';
|
||||
@import '../node_modules/bootstrap/scss/placeholders';
|
||||
@import "../node_modules/bootstrap/scss/card";
|
||||
@import "../node_modules/bootstrap/scss/accordion";
|
||||
@import "../node_modules/bootstrap/scss/breadcrumb";
|
||||
@import "../node_modules/bootstrap/scss/pagination";
|
||||
@import "./bootstrap/badge";
|
||||
@import "../node_modules/bootstrap/scss/alert";
|
||||
@import "../node_modules/bootstrap/scss/progress";
|
||||
@import "../node_modules/bootstrap/scss/list-group";
|
||||
@import "../node_modules/bootstrap/scss/close";
|
||||
@import "../node_modules/bootstrap/scss/toasts";
|
||||
@import "../node_modules/bootstrap/scss/modal";
|
||||
@import "../node_modules/bootstrap/scss/tooltip";
|
||||
@import "../node_modules/bootstrap/scss/popover";
|
||||
@import "../node_modules/bootstrap/scss/carousel";
|
||||
@import "../node_modules/bootstrap/scss/spinners";
|
||||
@import "../node_modules/bootstrap/scss/offcanvas";
|
||||
@import "../node_modules/bootstrap/scss/placeholders";
|
||||
|
||||
@import './bootstrap/utilities';
|
||||
|
||||
@import "../node_modules/bootstrap/scss/helpers";
|
||||
|
||||
@import "./bootstrap/utilities";
|
||||
|
||||
@function contrast-ratio($color1, $color2) {
|
||||
$luminance1: luminance($color1);
|
||||
$luminance2: luminance($color2);
|
||||
$luminance1: luminance($color1);
|
||||
$luminance2: luminance($color2);
|
||||
|
||||
@return if(
|
||||
$luminance1 > $luminance2,
|
||||
math.div($luminance1 + 0.05,$luminance2 + 0.05),
|
||||
math.div($luminance2 + 0.05,$luminance1 + 0.05),
|
||||
);
|
||||
@return if(
|
||||
$luminance1 > $luminance2,
|
||||
math.div($luminance1 + 0.05, $luminance2 + 0.05),
|
||||
math.div($luminance2 + 0.05, $luminance1 + 0.05)
|
||||
);
|
||||
}
|
||||
|
||||
@function get-contrasting-text-color(
|
||||
$background-color,
|
||||
$light: #fff9e5,
|
||||
$dark: #33322e,
|
||||
$min-contrast-ratio: 4.5
|
||||
$background-color,
|
||||
$light: #fff9e5,
|
||||
$dark: #33322e,
|
||||
$min-contrast-ratio: 4.5
|
||||
) {
|
||||
$light-contrast: contrast-ratio($light, $background-color);
|
||||
$dark-contrast: contrast-ratio($dark, $background-color);
|
||||
$light-contrast: contrast-ratio($light, $background-color);
|
||||
$dark-contrast: contrast-ratio($dark, $background-color);
|
||||
|
||||
@if ($dark-contrast >= $min-contrast-ratio) {
|
||||
@return $dark;
|
||||
} @else if ($light-contrast >= $min-contrast-ratio) {
|
||||
@return $light;
|
||||
} @else {
|
||||
@return if($light-contrast < $dark-contrast, #000000, #ffffff);
|
||||
}
|
||||
@if ($dark-contrast >= $min-contrast-ratio) {
|
||||
@return $dark;
|
||||
} @else if ($light-contrast >= $min-contrast-ratio) {
|
||||
@return $light;
|
||||
} @else {
|
||||
@return if($light-contrast < $dark-contrast, #000000, #ffffff);
|
||||
}
|
||||
}
|
||||
|
||||
@each $color, $hex in $all-colors {
|
||||
.bg-#{$color} {
|
||||
background-color: $hex;
|
||||
color: get-contrasting-text-color($hex);
|
||||
}
|
||||
.bg-gradient-x-#{$color} {
|
||||
--#{$prefix}gradient-start: 0%;
|
||||
--#{$prefix}gradient-end: 100%;
|
||||
--#{$prefix}gradient-to: transparent;
|
||||
.bg-#{$color} {
|
||||
background-color: $hex;
|
||||
color: get-contrasting-text-color($hex);
|
||||
}
|
||||
.bg-gradient-x-#{$color} {
|
||||
--#{$prefix}gradient-start: 0%;
|
||||
--#{$prefix}gradient-end: 100%;
|
||||
--#{$prefix}gradient-to: transparent;
|
||||
|
||||
@include gradient-x(
|
||||
$start-color: $hex,
|
||||
$end-color: var(--#{$prefix}gradient-to),
|
||||
$start-percent: var(--#{$prefix}gradient-start),
|
||||
$end-percent: var(--#{$prefix}gradient-end)
|
||||
);
|
||||
}
|
||||
.bg-gradient-y-#{$color} {
|
||||
--#{$prefix}gradient-start: 0%;
|
||||
--#{$prefix}gradient-end: 100%;
|
||||
--#{$prefix}gradient-to: transparent;
|
||||
@include gradient-x(
|
||||
$start-color: $hex,
|
||||
$end-color: var(--#{$prefix}gradient-to),
|
||||
$start-percent: var(--#{$prefix}gradient-start),
|
||||
$end-percent: var(--#{$prefix}gradient-end)
|
||||
);
|
||||
}
|
||||
.bg-gradient-y-#{$color} {
|
||||
--#{$prefix}gradient-start: 0%;
|
||||
--#{$prefix}gradient-end: 100%;
|
||||
--#{$prefix}gradient-to: transparent;
|
||||
|
||||
@include gradient-y(
|
||||
$start-color: $hex,
|
||||
$end-color: var(--#{$prefix}gradient-to),
|
||||
$start-percent: var(--#{$prefix}gradient-start),
|
||||
$end-percent: var(--#{$prefix}gradient-end)
|
||||
);
|
||||
}
|
||||
@include gradient-y(
|
||||
$start-color: $hex,
|
||||
$end-color: var(--#{$prefix}gradient-to),
|
||||
$start-percent: var(--#{$prefix}gradient-start),
|
||||
$end-percent: var(--#{$prefix}gradient-end)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@each $color, $hex in $theme-colors {
|
||||
.bg-gradient-#{$color} {
|
||||
--#{$prefix}gradient-start: 0%;
|
||||
--#{$prefix}gradient-end: 100%;
|
||||
--#{$prefix}gradient-to: transparent;
|
||||
.bg-gradient-#{$color} {
|
||||
--#{$prefix}gradient-start: 0%;
|
||||
--#{$prefix}gradient-end: 100%;
|
||||
--#{$prefix}gradient-to: transparent;
|
||||
|
||||
@include gradient-x(
|
||||
$start-color: $hex,
|
||||
$end-color: var(--#{$prefix}gradient-to),
|
||||
$start-percent: var(--#{$prefix}gradient-start),
|
||||
$end-percent: var(--#{$prefix}gradient-end)
|
||||
);
|
||||
}
|
||||
@include gradient-x(
|
||||
$start-color: $hex,
|
||||
$end-color: var(--#{$prefix}gradient-to),
|
||||
$start-percent: var(--#{$prefix}gradient-start),
|
||||
$end-percent: var(--#{$prefix}gradient-end)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@each $color, $hex in $all-colors {
|
||||
.border-#{$color} {
|
||||
--#{$prefix}border-color: #{$hex};
|
||||
}
|
||||
.border-#{$color} {
|
||||
--#{$prefix}border-color: #{$hex};
|
||||
}
|
||||
}
|
||||
|
||||
@import '../node_modules/bootstrap/scss/utilities/api';
|
||||
@import "../node_modules/bootstrap/scss/utilities/api";
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
scroll-behavior: smooth;
|
||||
box-sizing: border-box;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
i {
|
||||
font-size: 1.5rem;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
gap: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration-thickness: 2px;
|
||||
text-decoration-thickness: 2px;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.toc-margin {
|
||||
max-width: 70%;
|
||||
margin-left: 0;
|
||||
}
|
||||
.toc-margin {
|
||||
max-width: 70%;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
49
css/scss/bootstrap/_badge.scss
Normal file
49
css/scss/bootstrap/_badge.scss
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
// Base class
|
||||
//
|
||||
// Requires one of the contextual, color modifier classes for `color` and
|
||||
// `background-color`.
|
||||
|
||||
.badge {
|
||||
transition: all 0.25s ease-in;
|
||||
// scss-docs-start badge-css-vars
|
||||
--#{$prefix}badge-padding-x: #{$badge-padding-x};
|
||||
--#{$prefix}badge-padding-y: #{$badge-padding-y};
|
||||
@include rfs($badge-font-size, --#{$prefix}badge-font-size);
|
||||
--#{$prefix}badge-font-weight: #{$badge-font-weight};
|
||||
--#{$prefix}badge-font-family: #{$badge-font-family};
|
||||
--#{$prefix}badge-color: #{$badge-color};
|
||||
--#{$prefix}badge-border-color: #{$badge-border-color};
|
||||
--#{$prefix}badge-border-radius: #{$badge-border-radius};
|
||||
--#{$prefix}badge-border: #{$badge-border};
|
||||
--#{$prefix}badge-hover-color: white;
|
||||
// scss-docs-end badge-css-vars
|
||||
border: var(--#{$prefix}badge-border);
|
||||
display: inline-block;
|
||||
padding: var(--#{$prefix}badge-padding-y) var(--#{$prefix}badge-padding-x);
|
||||
@include font-size(var(--#{$prefix}badge-font-size));
|
||||
font-weight: var(--#{$prefix}badge-font-weight);
|
||||
font-family: var(--#{$prefix}badge-font-family);
|
||||
line-height: 1;
|
||||
color: var(--#{$prefix}badge-color);
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
vertical-align: baseline;
|
||||
@include border-radius(var(--#{$prefix}badge-border-radius));
|
||||
@include gradient-bg();
|
||||
|
||||
// Empty badges collapse automatically
|
||||
&:empty {
|
||||
display: none;
|
||||
}
|
||||
&:hover {
|
||||
--#{$prefix}border-opacity: 1;
|
||||
background-color: #{$badge-color};
|
||||
color: var(--#{$prefix}badge-hover-color, white);
|
||||
}
|
||||
}
|
||||
|
||||
// Quick fix for badges in buttons
|
||||
.btn .badge {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
}
|
||||
|
|
@ -20,14 +20,17 @@ $font-family-sans: 'Libre Franklin', sans-serif;
|
|||
$font-family-code: 'Azeret Mono', monospace;
|
||||
$display-font-family: 'Cormorant', serif;
|
||||
$headings-font-family: 'Libre Franklin', sans-serif;
|
||||
$btn-font-family: #{$headings-font-family};
|
||||
$headings-font-bold: 700 !important;
|
||||
$headings-font-medium: 500 !important;
|
||||
$font-weight-black: 900;
|
||||
$btn-font-weight: 500;
|
||||
|
||||
$font-size-base: 1rem;
|
||||
$small-font-size: 0.875em;
|
||||
$smaller-font-size: 10px;
|
||||
$code-font-size: 0.85em;
|
||||
$btn-font-size: 0.875rem;
|
||||
|
||||
$h1-font-size: $font-size-base * 2.5;
|
||||
$h2-font-size: $font-size-base * 2;
|
||||
|
|
@ -46,7 +49,7 @@ $display-font-sizes: (
|
|||
3: 39px,
|
||||
4: 33px,
|
||||
5: 27px,
|
||||
6: 21px
|
||||
6: 22px
|
||||
) !default;
|
||||
|
||||
$font-sizes: (
|
||||
|
|
@ -104,16 +107,22 @@ $nav-link-padding-y: 0.25rem;
|
|||
|
||||
$nav-item-font-size: 1.25rem;
|
||||
|
||||
:root {
|
||||
--#{$prefix}badge-border-radius: var(--#{$prefix}badge-border-radius);
|
||||
}
|
||||
$badge-border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity, 0.5));
|
||||
$badge-color: rgba(var(--bs-primary-rgb), 1);
|
||||
$badge-border: 1px solid #{$badge-border-color};
|
||||
$badge-border-radius: 4px 4px 8px 4px;
|
||||
$badge-font-weight: 500;
|
||||
$badge-font-family: #{$headings-font-family};
|
||||
$badge-padding-x: 0.5rem;
|
||||
|
||||
$link-color: $dark;
|
||||
|
||||
$gnosis-sidebar-border-width: 0 1px 0 0;
|
||||
$gnosis-sidebar-mobile-border-width: 1px 0 0;
|
||||
$gnosis-sidebar-border-style: solid;
|
||||
$gnosis-sidebar-border-color: rgba(0, 0, 0, 0.25);
|
||||
$gnosis-sidebar-border-color: rgba(0, 0, 0, 0.125);
|
||||
$gnosis-sidebar-item-border-width: 0 0 1px 0;
|
||||
$gnosis-sidebar-item-status-width: 2px 0 0 0;
|
||||
|
||||
$grid-row-columns: 12;
|
||||
$grid-row-columns: 12;
|
||||
$enable-grid: true;
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user