-
Notifications
You must be signed in to change notification settings - Fork 4
Commit
There are no files selected for viewing
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
Large diffs are not rendered by default.
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,25 @@ | ||
// Add custom colors depending on your style | ||
// $custom-colors: ( | ||
// "name": value | ||
// ); | ||
|
||
// // Merge the maps | ||
// $theme-colors: map-merge( | ||
// $theme-colors, | ||
// $custom-colors | ||
// ); | ||
|
||
// Optimized and extended spacing for the use of paddings and margins like: px-5 or mb-2 | ||
// $spacer: 1rem !default; | ||
// $spacers: () !default; | ||
// $spacers: map-merge(( | ||
// 0: 0, | ||
// 1: ($spacer / 2), // 10px | ||
// 2: ($spacer * 1), // 20px | ||
// 3: ($spacer * 1.5), // 30px | ||
// 4: ($spacer * 2), // 40px | ||
// 5: ($spacer * 3), // 60px | ||
// 6: ($spacer * 4), // 80px | ||
// 7: ($spacer * 5), // 100px | ||
// 8: ($spacer * 6) // 120px | ||
// ), $spacers); |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,10 @@ | ||
/* | ||
If you need page specific customizations - like home uses a different space, put that here | ||
// for all pages where root page has root-123 as body class and also pages under that | ||
.root-123 {} | ||
// for a specific page where the body class is tab-123 | ||
.tab-123 {} | ||
*/ |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1 @@ | ||
// TO OVERWRITE BOOTSTRAP VARIABLES YOU CAN USE THE FOLLOWING VARIABLES FILE |
This file was deleted.
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,57 +1,61 @@ | ||
/* ---------- Breadcrumbs ---------- */ | ||
.page-is-home .to-shine-page-breadcrumb { | ||
display: none; | ||
.page-is-home .theme-page-breadcrumb { | ||
display: none; | ||
} | ||
.to-shine-page-breadcrumb { | ||
.theme-page-breadcrumb { | ||
position: sticky; | ||
top: 82px; | ||
z-index: 10; | ||
background:$white; | ||
background: var(--bs-white); | ||
|
||
@include media-breakpoint-down(lg) { | ||
top: 58px; | ||
} | ||
.to-shine-page-breadcrumb-link { | ||
color: $gray-600; | ||
white-space: pre-wrap; | ||
font-size: 14px; | ||
padding: 0 5px; | ||
&:hover { | ||
color: $primary; | ||
} | ||
&.to-shine-page-breadcrumb-home { | ||
display:inline; | ||
@include media-breakpoint-up(md) { | ||
display:inline; | ||
} | ||
} | ||
} | ||
.last { | ||
.to-shine-page-breadcrumb-link { | ||
color: $primary; | ||
display: inline-block; | ||
} | ||
} | ||
&.to-shine-page-breadcrumb-shortened { | ||
.to-shine-page-breadcrumb-link { | ||
&.to-shine-page-breadcrumb-home { | ||
display:none; | ||
@include media-breakpoint-up(md) { | ||
display:inline; | ||
} | ||
} | ||
} | ||
|
||
.theme-page-breadcrumb-link { | ||
color: var(--bs-secondary) !important; | ||
white-space: pre-wrap; | ||
font-size: 14px; | ||
padding: 0 5px; | ||
|
||
&:hover { | ||
color: var(--bs-primary) !important; | ||
} | ||
.to-shine-page-breadcrumb-trigger { | ||
cursor: pointer; | ||
display:inline; | ||
|
||
&.theme-page-breadcrumb-home { | ||
display: inline; | ||
|
||
@include media-breakpoint-up(md) { | ||
display:none; | ||
display: inline; | ||
} | ||
} | ||
} | ||
} | ||
|
||
.last { | ||
.theme-page-breadcrumb-link { | ||
color: var(--bs-primary) !important; | ||
display: inline-block; | ||
} | ||
} | ||
|
||
&.theme-page-breadcrumb-shortened { | ||
.theme-page-breadcrumb-link { | ||
&.theme-page-breadcrumb-home { | ||
display: none; | ||
|
||
@include media-breakpoint-up(md) { | ||
display: inline; | ||
} | ||
} | ||
} | ||
} | ||
|
||
.theme-page-breadcrumb-trigger { | ||
cursor: pointer; | ||
display: inline; | ||
|
||
@include media-breakpoint-up(md) { | ||
display: none; | ||
} | ||
} | ||
} |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,62 +1,51 @@ | ||
@media all { | ||
.to-shine-mainnav-variation-left { | ||
.to-shine-page-language { | ||
li { | ||
&:first-child { | ||
padding-left: 0; | ||
} | ||
} | ||
.theme-mainnav-variation-left { | ||
#theme-page-language { | ||
li { | ||
&:first-child { | ||
padding-left: 0; | ||
} | ||
} | ||
} | ||
} | ||
|
||
.to-shine-page-language { | ||
margin: 0; | ||
padding: 0; | ||
display: flex; | ||
#theme-page-language { | ||
list-style: none; | ||
@include media-breakpoint-down(lg) { | ||
padding: 1rem; | ||
padding-right: 0; | ||
} | ||
|
||
@include media-breakpoint-down(lg) { | ||
padding: 1rem; | ||
padding-right: 0; | ||
} | ||
li { | ||
padding: 5px; | ||
font-size: 11px; | ||
font-weight: 700; | ||
|
||
li { | ||
padding: 5px; | ||
margin: 0; | ||
list-style-type: none; | ||
font-size:11px; | ||
font-weight: 700; | ||
|
||
&:first-child { | ||
@include media-breakpoint-down(lg) { | ||
padding-left: 0; | ||
} | ||
} | ||
|
||
a, a:focus { | ||
color: $body-color; | ||
|
||
@include media-breakpoint-down(lg) { | ||
color: rgba($white, 0.8); | ||
} | ||
|
||
&:hover { | ||
color: $primary; | ||
} | ||
} | ||
|
||
&.active a { | ||
color: $primary; | ||
|
||
@include media-breakpoint-down(lg) { | ||
color: #fff; | ||
} | ||
} | ||
&:first-child { | ||
@include media-breakpoint-down(lg) { | ||
padding-left: 0; | ||
} | ||
} | ||
} | ||
|
||
} | ||
|
||
a { | ||
color: var(--bs-body-color); | ||
|
||
@include media-breakpoint-down(lg) { | ||
color: rgba(var(--bs-white), 0.8); | ||
} | ||
|
||
&:hover { | ||
color: var(--bs-primary); | ||
} | ||
} | ||
|
||
&.active a { | ||
color: var(--bs-primary); | ||
|
||
@include media-breakpoint-down(lg) { | ||
color: #fff; | ||
} | ||
} | ||
} | ||
} | ||
} |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,44 +1,29 @@ | ||
// Import fonts from google | ||
// 2016-12-05 2rm changed include to default.ascx (caused issues with ClientDependency) | ||
// @import url(https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700); | ||
|
||
@media all { | ||
body, | ||
h1, | ||
h2, | ||
h3, | ||
h4, | ||
h5, | ||
h6 { | ||
font-family: $font-family-sans-serif; | ||
} | ||
h1, | ||
h2, | ||
h3, | ||
h4, | ||
h5, | ||
h6 { | ||
|
||
h1, h2, h3, h4, h5, h6 { | ||
br { | ||
@include media-breakpoint-down(md) { | ||
content: ""; | ||
} | ||
|
||
&:after { | ||
@include media-breakpoint-down(md) { | ||
content: " "; | ||
} | ||
} | ||
} | ||
} | ||
|
||
body { | ||
strong { | ||
font-weight: 700; | ||
} | ||
|
||
ul { | ||
list-style-type: disc; | ||
li { | ||
|
||
} | ||
} | ||
} | ||
|
||
} |
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,29 @@ | ||
@media all { | ||
/*layout centered*/ | ||
body.theme-variation-centered { | ||
header { | ||
background: transparent; | ||
|
||
.container { | ||
background: var(--bs-white); | ||
} | ||
} | ||
|
||
main#theme-page-main, | ||
#theme-page-header-pane, | ||
footer#theme-page-footer, | ||
nav#theme-page-navigation { | ||
background: var(--bs-white); | ||
width: 100%; | ||
margin: 0 auto; | ||
|
||
@include media-breakpoint-up(xxl) { | ||
max-width: 1320px; | ||
} | ||
} | ||
|
||
footer#theme-page-footer { | ||
background-color: var(--theme-bg); | ||
} | ||
} | ||
} |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,53 @@ | ||
@media all { | ||
/*layout floatwideheader*/ | ||
body.theme-variation-floatwideheader { | ||
&.page-2650 { | ||
main#theme-page-main { | ||
@include media-breakpoint-up(xl) { | ||
margin-top: -10vh!important; | ||
} | ||
} | ||
} | ||
main#theme-page-main { | ||
@include media-breakpoint-up(xl) { | ||
margin-top: -5vh !important; | ||
} | ||
} | ||
|
||
main#theme-page-main, | ||
footer#theme-page-footer { | ||
background: var(--bs-white); | ||
width: 100%; | ||
margin: 0 auto; | ||
position:relative; | ||
|
||
@include media-breakpoint-up(xxl) { | ||
max-width: 1320px; | ||
} | ||
} | ||
|
||
nav#theme-page-navigation, | ||
#theme-page-header-pane { | ||
max-width: 1600px; | ||
width: 100%; | ||
margin: 0 auto; | ||
background: var(--bs-white); | ||
|
||
&.theme-header-pane-empty { | ||
@include media-breakpoint-up(lg) { | ||
min-height: 300px; | ||
background: var(--bs-secondary); | ||
background: linear-gradient(0deg, color-mix(in srgb,var(--bs-secondary), transparent 100%) 0%, color-mix(in srgb,var(--bs-secondary),#fff 10%) 100%); | ||
} | ||
} | ||
} | ||
|
||
footer#theme-page-footer { | ||
background-color: var(--theme-bg); | ||
|
||
@include media-breakpoint-up(xxl) { | ||
margin-bottom: 60px; | ||
} | ||
} | ||
} | ||
} |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,16 @@ | ||
/*layout fullscreen*/ | ||
@media all { | ||
html { | ||
body.theme-variation-fullscreen { | ||
background-color: var(--bs-white); | ||
|
||
form { | ||
#theme-page-header-pane { | ||
max-width: 100%; | ||
padding-left: 0; | ||
padding-right: 0; | ||
} | ||
} | ||
} | ||
} | ||
} |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,19 @@ | ||
@media all { | ||
/*layout full*/ | ||
body.theme-variation-landingpage { | ||
background: var(--bs-white); | ||
|
||
nav#theme-page-navigation { | ||
background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%); | ||
position: fixed; | ||
top:0; | ||
left:0; | ||
width:100%; | ||
} | ||
|
||
.theme-background-container { | ||
overflow: hidden; | ||
} | ||
} | ||
} | ||
|
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,89 @@ | ||
// Check out Sass Customization: https://getbootstrap.com/docs/5.3/customize/sass/ | ||
|
||
// 1. Include functions first (so you can manipulate colors, SVGs, calc, etc) | ||
@import "../../node_modules/bootstrap/scss/_functions.scss"; | ||
|
||
// 2. Include any default variable overrides here | ||
@import "custom-variables.scss"; | ||
|
||
// 3. Include remainder of required Bootstrap stylesheets (including any separate color mode stylesheets) | ||
@import "../../node_modules/bootstrap/scss/_variables.scss"; | ||
@import "../../node_modules/bootstrap/scss/_variables-dark.scss"; | ||
|
||
// 4. Include any default map overrides here | ||
@import "custom-maps.scss"; | ||
|
||
// 5. Include remainder of required parts | ||
@import "../../node_modules/bootstrap/scss/_maps.scss"; | ||
@import "../../node_modules/bootstrap/scss/_mixins.scss"; | ||
@import "../../node_modules/bootstrap/scss/_utilities.scss"; | ||
|
||
// 6. Optionally include any other parts as needed | ||
@import "../../node_modules/bootstrap/scss/_root.scss"; | ||
@import "../../node_modules/bootstrap/scss/_reboot.scss"; | ||
@import "../../node_modules/bootstrap/scss/_type.scss"; | ||
@import "../../node_modules/bootstrap/scss/_images.scss"; | ||
@import "../../node_modules/bootstrap/scss/_containers.scss"; | ||
@import "../../node_modules/bootstrap/scss/_grid.scss"; | ||
@import "../../node_modules/bootstrap/scss/_helpers.scss"; | ||
@import "../../node_modules/bootstrap/scss/_tables.scss"; | ||
@import "../../node_modules/bootstrap/scss/_forms.scss"; | ||
@import "../../node_modules/bootstrap/scss/_buttons.scss"; | ||
@import "../../node_modules/bootstrap/scss/_dropdown.scss"; | ||
@import "../../node_modules/bootstrap/scss/_nav.scss"; | ||
@import "../../node_modules/bootstrap/scss/_navbar.scss"; | ||
@import "../../node_modules/bootstrap/scss/_breadcrumb.scss"; | ||
@import "../../node_modules/bootstrap/scss/_pagination.scss"; | ||
@import "../../node_modules/bootstrap/scss/_badge.scss"; | ||
@import "../../node_modules/bootstrap/scss/_alert.scss"; | ||
@import "../../node_modules/bootstrap/scss/_close.scss"; | ||
@import "../../node_modules/bootstrap/scss/_offcanvas.scss"; | ||
@import "../../node_modules/bootstrap/scss/_transitions.scss"; | ||
// @import "../../node_modules/bootstrap/scss/_button-group.scss"; | ||
// @import "../../node_modules/bootstrap/scss/_placeholders.scss"; | ||
// @import "../../node_modules/bootstrap/scss/_popover.scss"; | ||
// @import "../../node_modules/bootstrap/scss/_card.scss"; | ||
// @import "../../node_modules/bootstrap/scss/_accordion.scss"; | ||
// @import "../../node_modules/bootstrap/scss/_progress.scss"; | ||
// @import "../../node_modules/bootstrap/scss/_list-group.scss"; | ||
// @import "../../node_modules/bootstrap/scss/_toasts.scss"; | ||
// @import "../../node_modules/bootstrap/scss/_modal.scss"; | ||
// @import "../../node_modules/bootstrap/scss/_tooltip.scss"; | ||
// @import "../../node_modules/bootstrap/scss/_carousel.scss"; | ||
// @import "../../node_modules/bootstrap/scss/_spinners.scss"; | ||
|
||
|
||
// 7. Optionally include utilities API last to generate classes based on the Sass map in `_utilities.scss` | ||
@import "../../node_modules/bootstrap/scss/utilities/api.scss"; | ||
|
||
|
||
// 8. Add additional custom code here | ||
// Fonts / typography | ||
@import "components/typography"; | ||
|
||
// Layout styles, body, html, fluid, etc. | ||
@import "components/base-layout"; | ||
|
||
// DNN Overrides | ||
@import "components/dnn-overrides"; | ||
|
||
// Navigations / Menus | ||
@import "components/nav"; | ||
@import "components/nav-mobile-to-top"; | ||
@import "components/nav-language"; | ||
@import "components/nav-breadcrumb"; | ||
|
||
// ---------------------------------------------------------------------------------------------------- | ||
// Layouts | ||
@import "layouts/layout-default"; | ||
@import "layouts/layout-centered"; | ||
@import "layouts/layout-floatwideheader"; | ||
@import "layouts/layout-fullscreen"; | ||
@import "layouts/layout-landingpage"; | ||
@import "layouts/layout-header"; | ||
|
||
// Page Customizations | ||
// This contains special overrides for specific pages | ||
@import "custom-pages"; | ||
|
||
|
This file was deleted.
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,90 @@ | ||
/* Open all PDF links in a new window */ | ||
document.querySelectorAll('a').forEach((linkElem: Element, index) => { | ||
if(linkElem.hasAttribute('href') && linkElem.getAttribute('href').endsWith('.pdf')) { | ||
linkElem.setAttribute('target', '_blank'); | ||
} | ||
}); | ||
|
||
/* mailencrypting */ | ||
setTimeout(function () { | ||
let mailElement = document.querySelectorAll('[data-madr1]:not(.madr-done)'); | ||
|
||
mailElement.forEach((mail: HTMLElement, index) => { | ||
const maddr = mail.getAttribute('data-madr1') + '@' + mail.getAttribute('data-madr2') + '.' + mail.getAttribute('data-madr3'); | ||
const linktext = mail.getAttribute('data-linktext') ? mail.getAttribute('data-linktext') : maddr; | ||
|
||
const a = document.createElement('a') | ||
a.setAttribute('href', `mailto:${maddr}`) | ||
a.innerHTML = linktext; | ||
|
||
if (mail.parentElement) mail.parentElement.appendChild(a); | ||
mail.classList.add('madr-done'); | ||
mail.style.display = 'none'; | ||
}); | ||
}, 500); | ||
|
||
/* Go to top button */ | ||
if(document.querySelector('#theme-to-top')) { | ||
document.querySelector('#theme-to-top').addEventListener('click', (e) => { | ||
e.preventDefault(); | ||
|
||
window.scrollTo({ | ||
top: 0, | ||
left: 0, | ||
behavior: 'smooth' | ||
}); | ||
}) | ||
} | ||
|
||
/* scrolling behavior (to top button / breadcrumb) */ | ||
const navheader = document.querySelector('#theme-page-navigation') as HTMLElement; | ||
const navheight = navheader.offsetHeight; | ||
window.addEventListener('scroll', function (event) { | ||
const bc = document.querySelector('.theme-page-breadcrumb'); | ||
if(bc != null) { | ||
(bc as HTMLElement).style.top = `${navheader.offsetHeight - 1}px` ; | ||
|
||
if (window.scrollY > navheight) { | ||
bc.classList.add('bg-light' , 'shadow'); | ||
} else { | ||
bc.classList.remove('bg-light' , 'shadow'); | ||
} | ||
} | ||
|
||
const toTop = document.querySelector("#theme-to-top"); | ||
if(toTop != null) { | ||
/* show / hide scroll to top button */ | ||
if (window.scrollY > 200) { | ||
toTop.classList.add('theme-top-visible'); | ||
} else { | ||
toTop.classList.remove('theme-top-visible'); | ||
} | ||
} | ||
|
||
}, false); | ||
|
||
/* Breadcrumb */ | ||
const bc = document.querySelector('.theme-page-breadcrumb'); | ||
if(bc){ | ||
const bcALast = document.querySelector('.theme-page-breadcrumb span a:last-child'); | ||
if(bcALast) bcALast.classList.add('last'); | ||
|
||
const bcSpanLast = document.querySelector('.theme-page-breadcrumb span:last-child') | ||
if(bcSpanLast) bcSpanLast.classList.add('last'); | ||
|
||
const bcSpanLinkChild = document.querySelector('.theme-page-breadcrumb span .theme-page-breadcrumb-link:nth-last-child(3)'); | ||
if(bcSpanLinkChild) bcSpanLinkChild.classList.add('second-last'); | ||
|
||
bc.classList.toggle('theme-page-breadcrumb-shortened', | ||
(document.querySelector('.theme-page-breadcrumb-link') != null || document.querySelectorAll('.theme-page-breadcrumb-link').length > 2) | ||
) | ||
|
||
const bcTrigger = document.querySelector('.theme-page-breadcrumb-trigger'); | ||
if(bcTrigger) { | ||
bcTrigger.addEventListener('click', () => { | ||
bc.classList.toggle('theme-page-breadcrumb-shortened') | ||
}) | ||
} | ||
} | ||
|
||
|
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,141 @@ | ||
:root, | ||
[data-bs-theme="default-theme"] { | ||
/* Theme Classes */ | ||
--theme-bg: black; | ||
|
||
/* BS Main Colors */ | ||
--bs-primary: #0060AC; | ||
--bs-secondary: #001D38; | ||
--bs-body-bg: #E5E5E5; | ||
--bs-body-color: #222222; | ||
|
||
/* Override Link-Colors */ | ||
--bs-nav-link-color: var(--bs-primary); | ||
--bs-link-color: var(--bs-primary); | ||
--bs-link-hover-color: var(--bs-body-color); | ||
|
||
/* Font Setting */ | ||
--bs-font-sans-serif: "DM Sans", system-ui, -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; | ||
--bs-body-font-family: var(--bs-font-sans-serif); | ||
--bs-body-font-size: 1rem; | ||
--bs-body-font-weight: 400; | ||
--bs-body-line-height: 1.5; | ||
|
||
/* Border Radius | ||
--bs-border-radius: 0.375rem; | ||
--bs-border-radius-sm: 0.25rem; | ||
--bs-border-radius-lg: 0.5rem; | ||
--bs-border-radius-xl: 1rem; | ||
--bs-border-radius-xxl: 2rem; | ||
*/ | ||
|
||
/*Shadows | ||
--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); | ||
--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); | ||
--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); | ||
--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); | ||
*/ | ||
|
||
/* Bootstrap Default is 24px, if you want to change the gutter use this variable */ | ||
/* .row { | ||
--bs-gutter-x: 30px; | ||
} */ | ||
|
||
/* Main body Color for inner Content */ | ||
#theme-page-main { | ||
--bs-body-bg: #fff; | ||
} | ||
|
||
/* Main Button-Colors */ | ||
.btn-primary { | ||
--bs-btn-color: var(--bs-white); | ||
--bs-btn-bg: var(--bs-primary); | ||
--bs-btn-border-color: var(--bs-primary); | ||
|
||
--bs-btn-hover-color: var(--bs-white); | ||
--bs-btn-hover-bg: color-mix(in srgb, var(--bs-primary) 15%, #000); | ||
--bs-btn-hover-border-color: color-mix(in srgb, var(--bs-primary) 15%, #000); | ||
|
||
--bs-btn-active-color: var(--bs-white); | ||
--bs-btn-active-bg: color-mix(in srgb, var(--bs-primary) 15%, #000); | ||
--bs-btn-active-border-color: color-mix(in srgb, var(--bs-primary) 15%, #000); | ||
|
||
--bs-btn-disabled-color: var(--bs-white); | ||
--bs-btn-disabled-bg: var(--bs-primary); | ||
--bs-btn-disabled-border-color: var(--bs-primary); | ||
} | ||
|
||
.btn-outline-primary { | ||
--bs-btn-color: var(--bs-primary); | ||
--bs-btn-bg: var(--bs-white); | ||
--bs-btn-border-color: var(--bs-primary); | ||
|
||
--bs-btn-hover-color: var(--bs-white); | ||
--bs-btn-hover-bg: var(--bs-primary); | ||
--bs-btn-hover-border-color: var(--bs-primary); | ||
|
||
--bs-btn-active-color: var(--bs-white); | ||
--bs-btn-active-bg: var(--bs-primary); | ||
--bs-btn-active-border-color: var(--bs-primary); | ||
|
||
--bs-btn-disabled-color: var(--bs-primary); | ||
--bs-btn-disabled-bg: transparent; | ||
--bs-btn-disabled-border-color: var(--bs-primary); | ||
} | ||
|
||
.btn-secondary { | ||
--bs-btn-color: var(--bs-white); | ||
--bs-btn-bg: var(--bs-secondary); | ||
--bs-btn-border-color: var(--bs-secondary); | ||
|
||
--bs-btn-hover-color: var(--bs-white); | ||
--bs-btn-hover-bg: color-mix(in srgb, var(--bs-secondary) 15%, #000); | ||
--bs-btn-hover-border-color: color-mix(in srgb, var(--bs-secondary) 15%, #000); | ||
|
||
--bs-btn-active-color: var(--bs-white); | ||
--bs-btn-active-bg: color-mix(in srgb, var(--bs-secondary) 15%, #000); | ||
--bs-btn-active-border-color: color-mix(in srgb, var(--bs-secondary) 15%, #000); | ||
|
||
--bs-btn-disabled-color: var(--bs-white); | ||
--bs-btn-disabled-bg: var(--bs-secondary); | ||
--bs-btn-disabled-border-color: var(--bs-secondary); | ||
} | ||
|
||
.btn-outline-secondary { | ||
--bs-btn-color: var(--bs-secondary); | ||
--bs-btn-border-color: var(--bs-secondary); | ||
--bs-btn-hover-color: #fff; | ||
--bs-btn-hover-bg: var(--bs-secondary); | ||
--bs-btn-hover-border-color: var(--bs-secondary); | ||
--bs-btn-focus-shadow-rgb: 13, 110, 253; | ||
--bs-btn-active-color: #fff; | ||
--bs-btn-active-bg: var(--bs-secondary); | ||
--bs-btn-active-border-color: var(--bs-secondary); | ||
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | ||
--bs-btn-disabled-color: var(--bs-secondary); | ||
--bs-btn-disabled-bg: transparent; | ||
--bs-btn-disabled-border-color: var(--bs-secondary); | ||
--bs-gradient: none; | ||
} | ||
|
||
.footer { | ||
--theme-bg: var(--bs-primary); | ||
--bs-link-color: var(--bs-white); | ||
--bs-link-hover-color: var(--bs-body-color); | ||
} | ||
|
||
.navbar { | ||
--theme-bg: var(--bs-white); | ||
} | ||
|
||
.navbar-nav { | ||
--bs-nav-link-color: var(--bs-body-color); | ||
--bs-nav-link-hover-color: var(--bs-primary); | ||
--bs-navbar-active-color: var(--bs-primary); | ||
} | ||
|
||
.table { | ||
--bs-table-bg: var(--bs-white); | ||
} | ||
} | ||
|