mirror of
https://github.com/tabler/tabler.git
synced 2025-12-21 17:34:25 +04:00
47 lines
1.2 KiB
SCSS
47 lines
1.2 KiB
SCSS
@use 'sass:map';
|
|
|
|
//
|
|
// Fluid container
|
|
//
|
|
.layout-fluid,
|
|
[data-bs-theme-layout="fluid"],
|
|
[data-layout="fluid"] {
|
|
.container,
|
|
[class^='container-'],
|
|
[class*=' container-'] {
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
|
|
//
|
|
// Boxed container
|
|
//
|
|
.layout-boxed,
|
|
[data-bs-theme-layout="boxed"],
|
|
[data-layout="boxed"] {
|
|
--#{$prefix}theme-boxed-border-radius: 0;
|
|
--#{$prefix}theme-boxed-width: #{map.get($container-max-widths, xxl)};
|
|
|
|
@include media-breakpoint-up(md) {
|
|
background: $dark linear-gradient(to right, rgba(#fff, 0.1), transparent) fixed;
|
|
padding: 1rem;
|
|
--#{$prefix}theme-boxed-border-radius: #{$border-radius};
|
|
}
|
|
|
|
.page {
|
|
margin: 0 auto;
|
|
max-width: var(--#{$prefix}theme-boxed-width);
|
|
border-radius: var(--#{$prefix}theme-boxed-border-radius);
|
|
color: var(--#{$prefix}body-color);
|
|
|
|
@include media-breakpoint-up(md) {
|
|
border: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color);
|
|
background: var(--#{$prefix}body-bg);
|
|
}
|
|
|
|
>.navbar:first-child {
|
|
border-start-start-radius: var(--#{$prefix}theme-boxed-border-radius);
|
|
border-start-end-radius: var(--#{$prefix}theme-boxed-border-radius);
|
|
}
|
|
}
|
|
} |