142 lines
4.4 KiB
SCSS
142 lines
4.4 KiB
SCSS
/*-- scss:defaults --*/
|
|
/* GRID VARIABLES */
|
|
// The left hand sidebar
|
|
$grid-sidebar-width: 250px !default;
|
|
// The main body
|
|
$grid-body-width: 800px !default;
|
|
// The right hand margin bar
|
|
$grid-margin-width: 250px !default;
|
|
// The gutter that appears between the above columns
|
|
$grid-page-gutter: 1.5em;
|
|
$grid-column-gutter-width: 3fr !default;
|
|
|
|
$grid-body-column-max: $grid-body-width !default;
|
|
$grid-body-column-min: quarto-math.min(500px, $grid-body-column-max) !default;
|
|
|
|
$grid-docked-body-width: $grid-body-column-max + 200px !default;
|
|
|
|
$grid-docked-wide-body-column-min: $grid-body-column-min !default;
|
|
$grid-docked-wide-body-column-max: $grid-docked-body-width !default;
|
|
$grid-docked-wide-body: minmax(
|
|
$grid-docked-wide-body-column-min,
|
|
$grid-docked-wide-body-column-max
|
|
) !default;
|
|
$grid-docked-wide-body-gutter-start: minmax(
|
|
$grid-page-gutter,
|
|
$grid-column-gutter-width
|
|
);
|
|
$grid-docked-wide-body-gutter-end: minmax(
|
|
$grid-page-gutter,
|
|
$grid-column-gutter-width
|
|
);
|
|
|
|
$grid-docked-wide-slim-body-column-min: $grid-body-column-min - 50px !default;
|
|
$grid-docked-wide-slim-body-column-max: $grid-body-column-max - 50px !default;
|
|
$grid-docked-wide-slim-body: minmax(
|
|
$grid-docked-wide-slim-body-column-min,
|
|
$grid-docked-wide-slim-body-column-max
|
|
) !default;
|
|
$grid-docked-wide-slim-body-gutter-start: minmax(
|
|
$grid-page-gutter,
|
|
$grid-column-gutter-width
|
|
);
|
|
$grid-docked-wide-slim-body-gutter-end: minmax(
|
|
$grid-page-gutter,
|
|
$grid-column-gutter-width
|
|
);
|
|
|
|
$grid-docked-wide-full-body-column-min: $grid-body-column-min !default;
|
|
$grid-docked-wide-full-body-column-max: $grid-docked-body-width !default;
|
|
$grid-docked-wide-full-body: minmax(
|
|
$grid-docked-wide-full-body-column-min,
|
|
$grid-docked-wide-full-body-column-max
|
|
) !default;
|
|
$grid-docked-wide-full-body-gutter-start: minmax(
|
|
$grid-page-gutter,
|
|
$grid-column-gutter-width
|
|
);
|
|
$grid-docked-wide-full-body-gutter-end: minmax(
|
|
$grid-page-gutter,
|
|
$grid-column-gutter-width
|
|
);
|
|
|
|
$grid-docked-wide-listing-body-column-min: $grid-body-column-min !default;
|
|
$grid-docked-wide-listing-body-column-max: $grid-docked-body-width !default;
|
|
$grid-docked-wide-listing-body: minmax(
|
|
$grid-docked-wide-listing-body-column-min,
|
|
$grid-docked-wide-listing-body-column-max
|
|
) !default;
|
|
$grid-docked-wide-listing-body-gutter-start: minmax(
|
|
$grid-page-gutter,
|
|
$grid-column-gutter-width
|
|
);
|
|
$grid-docked-wide-listing-body-gutter-end: minmax(
|
|
$grid-page-gutter,
|
|
$grid-column-gutter-width
|
|
);
|
|
|
|
$grid-docked-mid-body-column-min: $grid-body-column-min !default;
|
|
$grid-docked-mid-body-column-max: $grid-body-column-max - 50px !default;
|
|
$grid-docked-mid-body: minmax(
|
|
$grid-docked-mid-body-column-min,
|
|
$grid-docked-mid-body-column-max
|
|
) !default;
|
|
$grid-docked-mid-body-gutter-start: minmax(
|
|
$grid-page-gutter,
|
|
$grid-column-gutter-width
|
|
);
|
|
$grid-docked-mid-body-gutter-end: minmax(
|
|
$grid-page-gutter,
|
|
$grid-column-gutter-width
|
|
);
|
|
|
|
$grid-docked-mid-slim-body-column-min: $grid-body-column-min !default;
|
|
$grid-docked-mid-slim-body-column-max: $grid-docked-body-width !default;
|
|
$grid-docked-mid-slim-body: minmax(
|
|
$grid-docked-mid-slim-body-column-min,
|
|
$grid-docked-mid-slim-body-column-max
|
|
) !default;
|
|
$grid-docked-mid-slim-body-gutter-start: minmax(
|
|
$grid-page-gutter,
|
|
$grid-column-gutter-width
|
|
);
|
|
$grid-docked-mid-slim-body-gutter-end: minmax(
|
|
$grid-page-gutter,
|
|
$grid-column-gutter-width
|
|
);
|
|
|
|
$grid-docked-mid-full-body-column-min: $grid-body-column-min !default;
|
|
$grid-docked-mid-full-body-column-max: $grid-docked-body-width !default;
|
|
$grid-docked-mid-full-body: minmax(
|
|
$grid-docked-mid-full-body-column-min,
|
|
$grid-docked-mid-full-body-column-max
|
|
) !default;
|
|
$grid-docked-mid-full-body-gutter-start: minmax(
|
|
$grid-page-gutter,
|
|
$grid-column-gutter-width
|
|
);
|
|
$grid-docked-mid-full-body-gutter-end: minmax(
|
|
$grid-page-gutter,
|
|
$grid-column-gutter-width
|
|
);
|
|
|
|
$grid-docked-mid-listing-body-column-min: $grid-body-column-min !default;
|
|
$grid-docked-mid-listing-body-column-max: $grid-body-column-max - 50px !default;
|
|
$grid-docked-mid-listing-body: minmax(
|
|
$grid-docked-mid-listing-body-column-min,
|
|
$grid-docked-mid-listing-body-column-max
|
|
) !default;
|
|
$grid-docked-mid-listing-body-gutter-start: minmax(
|
|
$grid-page-gutter,
|
|
$grid-column-gutter-width
|
|
);
|
|
$grid-docked-mid-listing-body-gutter-end: minmax(
|
|
$grid-page-gutter,
|
|
$grid-column-gutter-width
|
|
);
|
|
|
|
$primary: scale-color(#fc0fc0, $chroma: -50%, $lightness: -20%, $space: oklch);
|
|
$link-color: scale-color(#fc0, $chroma: -50%, $lightness: -10%, $space: oklch);
|
|
|
|
/*-- scss:rules --*/
|