initial
This commit is contained in:
141
styles.scss
Normal file
141
styles.scss
Normal file
@ -0,0 +1,141 @@
|
||||
/*-- 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 --*/
|
Reference in New Issue
Block a user