styles.scss 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. /***********************************************************
  2. ############################################################
  3. . . . . . .
  4. . . ...-..-| |-. .-. .-.-..-| .-.. ...-|
  5. ` ` '' '`-'-' '-`-`-' ' '`-'-`-`-` '`-'-
  6. url - https://davidawindham.com
  7. git - https://github.com/windhamdavid/daw
  8. need to test
  9. ############################################################
  10. ************************************************************/
  11. /***********************************************************
  12. ################### Bootstrap Functions ####################
  13. ************************************************************/
  14. @import '../node_modules/bootstrap/scss/functions';
  15. @import '../node_modules/bootstrap/scss/variables';
  16. @import '../node_modules/bootstrap/scss/variables-dark';
  17. @import '../node_modules/bootstrap/scss/maps';
  18. @import '../node_modules/bootstrap/scss/mixins';
  19. /***********************************************************
  20. ####################### Custom ############################
  21. ************************************************************/
  22. $body-bg: #d3d3d3;
  23. $body-color: #232323;
  24. $link-color: #67000a;
  25. $theme-colors: (
  26. "dark": #535763,
  27. );
  28. $custom-colors: (
  29. 'dw-blue-dark': #484C57,
  30. 'dw-blue':#535763,
  31. 'dw-light':#e2e2e2,
  32. 'dw-bright':#e3e3e3,
  33. );
  34. $theme-colors: map-merge($theme-colors, $custom-colors);
  35. $theme-colors: map-remove($theme-colors, 'primary','secondary','success','warning', 'info');
  36. $colors: map-remove($colors, 'white','black','gray','gray-dark','dark','blue','indigo','purple','pink', 'orange', 'yellow', 'green', 'teal', 'cyan');
  37. $theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value");
  38. $utilities-colors: map-merge($utilities-colors, $theme-colors-rgb);
  39. $utilities-text-colors: map-loop($utilities-colors, rgba-css-var, "$key", "text");
  40. $utilities-bg-colors: map-loop($utilities-colors, rgba-css-var, "$key", "bg");
  41. $enable-negative-margins: true;
  42. $offcanvas-horizontal-width: 200px !important;
  43. $offcanvas-vertical-height: 100px !important;
  44. /***********************************************************
  45. ########## Bootstrap 5 — subset to used parts #############
  46. Dropped (unused in the theme): dropdown, button-group,
  47. accordion, breadcrumb, pagination, badge, alert, progress,
  48. toasts, modal, tooltip, popover, spinners, placeholders.
  49. Kept: grid + offcanvas + carousel + nav/navbar + forms/
  50. buttons + tables + list-group + card + the utilities API.
  51. (Was the full ~200 KB framework.)
  52. ************************************************************/
  53. @import '../node_modules/bootstrap/scss/utilities';
  54. @import '../node_modules/bootstrap/scss/root';
  55. @import '../node_modules/bootstrap/scss/reboot';
  56. @import '../node_modules/bootstrap/scss/type';
  57. @import '../node_modules/bootstrap/scss/images';
  58. @import '../node_modules/bootstrap/scss/containers';
  59. @import '../node_modules/bootstrap/scss/grid';
  60. @import '../node_modules/bootstrap/scss/tables';
  61. @import '../node_modules/bootstrap/scss/forms';
  62. @import '../node_modules/bootstrap/scss/buttons';
  63. @import '../node_modules/bootstrap/scss/transitions';
  64. @import '../node_modules/bootstrap/scss/nav';
  65. @import '../node_modules/bootstrap/scss/navbar';
  66. @import '../node_modules/bootstrap/scss/card';
  67. @import '../node_modules/bootstrap/scss/list-group';
  68. @import '../node_modules/bootstrap/scss/close';
  69. @import '../node_modules/bootstrap/scss/carousel';
  70. @import '../node_modules/bootstrap/scss/offcanvas';
  71. @import '../node_modules/bootstrap/scss/helpers';
  72. @import '../node_modules/bootstrap/scss/utilities/api';
  73. /* Bootstrap Icons font dropped (2026-06-19): the header's 8 nav icons are now
  74. inline SVG in parts/header.html, so the full icon font + its ~2000 CSS rules
  75. are no longer imported. */
  76. /***********************************************************
  77. ##################### Overrides ############################
  78. ************************************************************/
  79. // Bootstrap 5.3 changed .table to default --bs-table-bg to --bs-body-bg
  80. // (it was transparent in 5.2). Keep the About icon grid transparent.
  81. .table.icons {
  82. --bs-table-bg: transparent;
  83. }