daw/css/styles.scss

/***********************************************************
############################################################

	     .     . .              .       .  .
	. . ...-..-| |-. .-. .-.-..-| .-.. ...-|
	 ` ` '' '`-'-' '-`-`-' ' '`-'-`-`-` '`-'-

url - https://davidawindham.com
git - https://github.com/windhamdavid/daw

need to test

############################################################
************************************************************/

/***********************************************************
################### Bootstrap Functions ####################
************************************************************/

@import '../node_modules/bootstrap/scss/functions';
@import '../node_modules/bootstrap/scss/variables';
@import '../node_modules/bootstrap/scss/variables-dark';
@import '../node_modules/bootstrap/scss/maps';
@import '../node_modules/bootstrap/scss/mixins';


/***********************************************************
####################### Custom  ############################
************************************************************/

$body-bg: #d3d3d3;
$body-color: #232323;
$link-color: #67000a;
$theme-colors: (
  "dark": #535763,
);

$custom-colors: (
  'dw-blue-dark': #484C57,
  'dw-blue':#535763,
  'dw-light':#e2e2e2,
  'dw-bright':#e3e3e3,
);

$theme-colors: map-merge($theme-colors, $custom-colors);
$theme-colors: map-remove($theme-colors, 'primary','secondary','success','warning', 'info');
$colors: map-remove($colors, 'white','black','gray','gray-dark','dark','blue','indigo','purple','pink', 'orange', 'yellow', 'green', 'teal', 'cyan');
$theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value");
$utilities-colors: map-merge($utilities-colors, $theme-colors-rgb);
$utilities-text-colors: map-loop($utilities-colors, rgba-css-var, "$key", "text");
$utilities-bg-colors: map-loop($utilities-colors, rgba-css-var, "$key", "bg");

$enable-negative-margins: true;
$offcanvas-horizontal-width: 200px !important;
$offcanvas-vertical-height: 100px !important;


/***********************************************************
########## Bootstrap 5 — subset to used parts #############
   Dropped (unused in the theme): dropdown, button-group,
   accordion, breadcrumb, pagination, badge, alert, progress,
   toasts, modal, tooltip, popover, spinners, placeholders.
   Kept: grid + offcanvas + carousel + nav/navbar + forms/
   buttons + tables + list-group + card + the utilities API.
   (Was the full ~200 KB framework.)
************************************************************/

@import '../node_modules/bootstrap/scss/utilities';
@import '../node_modules/bootstrap/scss/root';
@import '../node_modules/bootstrap/scss/reboot';
@import '../node_modules/bootstrap/scss/type';
@import '../node_modules/bootstrap/scss/images';
@import '../node_modules/bootstrap/scss/containers';
@import '../node_modules/bootstrap/scss/grid';
@import '../node_modules/bootstrap/scss/tables';
@import '../node_modules/bootstrap/scss/forms';
@import '../node_modules/bootstrap/scss/buttons';
@import '../node_modules/bootstrap/scss/transitions';
@import '../node_modules/bootstrap/scss/nav';
@import '../node_modules/bootstrap/scss/navbar';
@import '../node_modules/bootstrap/scss/card';
@import '../node_modules/bootstrap/scss/pagination';
@import '../node_modules/bootstrap/scss/alert';
@import '../node_modules/bootstrap/scss/list-group';
@import '../node_modules/bootstrap/scss/close';
@import '../node_modules/bootstrap/scss/carousel';
@import '../node_modules/bootstrap/scss/offcanvas';
@import '../node_modules/bootstrap/scss/helpers';
@import '../node_modules/bootstrap/scss/utilities/api';

/* Bootstrap Icons font dropped (2026-06-19): the header's 8 nav icons are now
   inline SVG in parts/header.html, so the full icon font + its ~2000 CSS rules
   are no longer imported. */

/***********************************************************
##################### Overrides ############################
************************************************************/

// Bootstrap 5.3 changed .table to default --bs-table-bg to --bs-body-bg
// (it was transparent in 5.2). Keep the About icon grid transparent.
.table.icons {
  --bs-table-bg: transparent;
}

// Sprite icons (dw_icon() / <use href="#dw-…">, from the FA Pro kit → icons.svg).
// Sized like a font icon: 1em square, inherits text color.
.dw-icon {
  width: 1em;
  height: 1em;
  fill: currentColor;
  vertical-align: -0.125em;
}