Errore durante la modifica dei colori primari

SimoneFalchetti commented 1 year ago

Salve, ho seguito le indicazioni necessarie per cambiare il colore primario del template ma ottenego questo errore:

Error: Undefined variable.
  ╷
3 │   background-color: $footer-top-background;
  │                     ^^^^^^^^^^^^^^^^^^^^^^
  ╵
  node_modules\bootstrap-italia\src\scss\custom\_footer.scss 3:21  @import
  bootstrap-italia\src\scss\bootstrap-italia.scss 158:9            @import
  scss\bootstrap-italia-custom.scss 17:9                           root stylesheet

PS: All'interno della soluzione è referenziata la versione 2.3.4 di BI potrebbe dipendere da questo?

astagi commented 1 year ago

@SimoneFalchetti ho aggiornato la versione di Bootstrap, fammi sapere se va.

SimoneFalchetti commented 1 year ago

Ora si compila anche se nel file bootstrap-italia-custom.scss è necessario valorizzare anche le variabili $footer-top-background e $footer-bottom-background:

  // Esempio:
  $primary-h: 0;
  $primary-s: 100;
  $primary-b: 100;
  // Nota: per convertire il codice esadecimale di un colore formato HSB è possibile utilizzare il sito https://rgb.to/.
  $footer-top-background: hsl(210, 12%, 13%); // color-blue-30
  $footer-bottom-background: hsl(208, 12%, 21%); // color-blue-20
  // import libreria
  @import "bootstrap-italia/src/scss/bootstrap-italia.scss";

OSS: per compilare in ambiente Windows, nel file package.json è necessario modificare la proprietà vercel dell'oggetto scripts in questo modo:

  "vercel": "rd /s /q \"./bootstrap-italia/\" && xcopy \"node_modules/bootstrap-italia\" \"./bootstrap-italia\" /S /E /H /Y",

astagi commented 1 year ago

Grazie @SimoneFalchetti ho appena aggiornato i comandi con dei moduli npm così non serve modificare il package.json :) Provvedo a inserire le variabili del footer, grazie!

italia / bootstrap-italia-playground

Errore durante la modifica dei colori primari #31