mirror of https://github.com/ghostfolio/ghostfolio
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
179 lines
4.0 KiB
179 lines
4.0 KiB
/*!
|
|
* Bootstrap v5.3.8 (https://getbootstrap.com/)
|
|
* Copyright 2011-2025 The Bootstrap Authors
|
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
|
*/
|
|
|
|
@use 'sass:map';
|
|
|
|
// Configuration
|
|
@import 'bootstrap/scss/functions';
|
|
|
|
// Restore Bootstrap 4 defaults
|
|
$badge-padding-x: 0.4em;
|
|
$badge-padding-y: 0.25em;
|
|
$blue: #007bff;
|
|
$cyan: #17a2b8;
|
|
$enable-rfs: false;
|
|
$green: #28a745;
|
|
$grid-gutter-width: 30px;
|
|
$hr-opacity: 1;
|
|
$link-decoration: none;
|
|
$link-hover-decoration: underline;
|
|
$small-font-size: 80%;
|
|
|
|
@import 'bootstrap/scss/variables';
|
|
@import 'bootstrap/scss/variables-dark';
|
|
@import 'bootstrap/scss/maps';
|
|
@import 'bootstrap/scss/mixins';
|
|
@import 'bootstrap/scss/utilities';
|
|
|
|
// Compatibility mappings for legacy Bootstrap 4 utility classes
|
|
$utilities: map.merge(
|
|
$utilities,
|
|
(
|
|
'margin-right-compat': (
|
|
responsive: true,
|
|
property: margin-right,
|
|
class: mr,
|
|
values: map.merge(
|
|
$spacers,
|
|
(
|
|
auto: auto
|
|
)
|
|
)
|
|
),
|
|
'margin-left-compat': (
|
|
responsive: true,
|
|
property: margin-left,
|
|
class: ml,
|
|
values: map.merge(
|
|
$spacers,
|
|
(
|
|
auto: auto
|
|
)
|
|
)
|
|
),
|
|
'padding-right-compat': (
|
|
responsive: true,
|
|
property: padding-right,
|
|
class: pr,
|
|
values: $spacers
|
|
),
|
|
'padding-left-compat': (
|
|
responsive: true,
|
|
property: padding-left,
|
|
class: pl,
|
|
values: $spacers
|
|
),
|
|
'text-align-compat': (
|
|
responsive: true,
|
|
property: text-align,
|
|
class: text,
|
|
values: (
|
|
left: left,
|
|
right: right
|
|
)
|
|
),
|
|
'font-weight-compat': (
|
|
property: font-weight,
|
|
class: font-weight,
|
|
values: (
|
|
bold: $font-weight-bold,
|
|
normal: $font-weight-normal,
|
|
light: $font-weight-light,
|
|
bolder: $font-weight-bolder,
|
|
lighter: $font-weight-lighter
|
|
)
|
|
),
|
|
'font-style-compat': (
|
|
property: font-style,
|
|
class: font,
|
|
values: (
|
|
italic: italic
|
|
)
|
|
)
|
|
)
|
|
);
|
|
|
|
// Layout & components
|
|
@import 'bootstrap/scss/root';
|
|
@import 'bootstrap/scss/reboot';
|
|
@import 'bootstrap/scss/type';
|
|
@import 'bootstrap/scss/images';
|
|
@import 'bootstrap/scss/containers';
|
|
@import 'bootstrap/scss/grid';
|
|
// @import 'bootstrap/scss/tables';
|
|
// @import 'bootstrap/scss/forms';
|
|
// @import 'bootstrap/scss/buttons';
|
|
// @import 'bootstrap/scss/transitions';
|
|
// @import 'bootstrap/scss/dropdown';
|
|
// @import 'bootstrap/scss/button-group';
|
|
// @import 'bootstrap/scss/nav';
|
|
// @import 'bootstrap/scss/navbar';
|
|
// @import 'bootstrap/scss/card';
|
|
// @import 'bootstrap/scss/accordion';
|
|
@import 'bootstrap/scss/breadcrumb';
|
|
// @import 'bootstrap/scss/pagination';
|
|
@import 'bootstrap/scss/badge';
|
|
// @import 'bootstrap/scss/alert';
|
|
// @import 'bootstrap/scss/progress';
|
|
// @import 'bootstrap/scss/list-group';
|
|
// @import 'bootstrap/scss/close';
|
|
// @import 'bootstrap/scss/toasts';
|
|
// @import 'bootstrap/scss/modal';
|
|
// @import 'bootstrap/scss/tooltip';
|
|
// @import 'bootstrap/scss/popover';
|
|
// @import 'bootstrap/scss/carousel';
|
|
// @import 'bootstrap/scss/spinners';
|
|
// @import 'bootstrap/scss/offcanvas';
|
|
// @import 'bootstrap/scss/placeholders';
|
|
|
|
// Helpers
|
|
@import 'bootstrap/scss/helpers';
|
|
|
|
// Utilities
|
|
@import 'bootstrap/scss/utilities/api';
|
|
|
|
// Grid & layout compatibility
|
|
.no-gutters {
|
|
--bs-gutter-x: 0;
|
|
--bs-gutter-y: 0;
|
|
}
|
|
|
|
// Preserve BS4 flex behavior for non-col direct children of rows
|
|
.row.flex-nowrap > :not([class*='col']) {
|
|
flex-shrink: 1;
|
|
width: auto;
|
|
}
|
|
|
|
// Maintain 1140px container max-width at >=1400px (avoiding BS5 1320px stretch)
|
|
@media (min-width: 1400px) {
|
|
.container-xxl,
|
|
.container-xl,
|
|
.container-lg,
|
|
.container-md,
|
|
.container-sm,
|
|
.container {
|
|
max-width: 1140px;
|
|
}
|
|
}
|
|
|
|
// Badge compatibility
|
|
.badge-pill {
|
|
border-radius: var(--bs-border-radius-pill, 50rem);
|
|
}
|
|
|
|
.badge-secondary {
|
|
background-color: var(--bs-secondary);
|
|
}
|
|
|
|
.badge-light {
|
|
background-color: var(--bs-light);
|
|
color: var(--bs-dark);
|
|
}
|
|
|
|
.badge-warning {
|
|
background-color: var(--bs-warning);
|
|
color: var(--bs-dark);
|
|
}
|
|
|