scss non prende le modifiche alle variabili

[pippuccio76]

Salve a tutti,

come da titolo ho un template bootstrap con il file styles.scss in cui sono definiti:

$PrimaryColor: #1b2631;
$PrimaryRgbColor: rgb(27, 38, 49);
$SecondaryColor: #9a7d0a;
$SecondaryRgbColor: rgb(154, 125, 10);

e ho alcuni button :

/* butn-style3 */
.butn-style3 {
  background-color: $PrimaryColor;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  padding: 15px 34px !important;
  display: inline-block;
  border: 0;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-weight: 700;
  width: auto;
  line-height: 1.5;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);


  &:hover {
    color: #fff;
    -webkit-box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.15);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
  }


  &.white {
    background-color: #fff;
    color: #232323;
  }


  &.md {
    padding: 13px 30px !important;
    font-size: 13px;
  }


  &.sm {
    padding: 11px 27px !important;
    font-size: 12px;
  }
}

Mi aspetterei che il background color del pulsante sia nero invece è rosso come era il $PrimaryColor in precedenza , pensavo fosse un problema di cache ma se controllo il file scss da ispeziona di chrome vedo che $PrimaryColor è impostata correttamente e se ispeziono il pulsante vedo che i valori del pulsante sono presi dal file styles.scss .

Cosa posso fare?

[Alhazred]

Il file scss va passato al post processor che lo trasforma nel css equivalente ed è questo che va usato sulla pagina, altrimenti le variabili ed altri elementi non vengono interpretati.

[pippuccio76]

Il file scss va passato al post processor che lo trasforma nel css equivalente ed è questo che va usato sulla pagina, altrimenti le variabili ed altri elementi non vengono interpretati.

2 domande :
Perchè in ispeziona vedo il file scss quando analizzo il pulsante ad esempio ?
Quali tool devo usare per post processare il css ?

Saluti

[Alhazred]

Per esempio puoi usare SASS, qui spiegano come fare
https://medium.com/@ayiaware/setting...e-7bdd83c1cfe4