Gemma di fondazione Unità incompatibili: "rem" e "px"

Question

Ho installato la gemma di fondazione con la versione 5.5.2.1. quando inizio l'applicazione ricevo questo errore:

Showing /home/user/Scrivania/sites/store/app/views/layouts/application.html.erb where line #9 raised: 

Incompatible units: 'rem' and 'px'. 

Dopo qualche altro caso su internet ho provato a modificare il file _settings.scss sulla mia cartella gemma:

../../var/lib/gems/2.1.0/gems/foundation-rails-5.5.2.1/vendor/assets/stylesheets/foundation/_settings.css 

Ho commentato questi linee:

$row-width: rem-calc(1000); 
$column-gutter: rem-calc(30); 
$total-columns: 12; 

e ho impostato il mio personalizzato $ base-font-size:

$base-font-size: 14px; 
$rem-base: $base-font-size; 

Non voglio eseguire il downgrade delle mie gemme, quindi puoi aiutarmi con questo errore?

Answer 1

Il problema si verifica da qualche parte nel sistema SCSS perché si sta mescolando rem-calc e px in una funzione, che genera un errore. Mi sono imbattuto in questo stesso problema e risolto riparando alcuni stili personalizzati e sostituzioni a rem-calc. Probabilmente stai sostituendo una variabile che è in conflitto con uno stile di base predefinito.

Ecco un esempio di come si può verificare questo errore:

$my-font-size: rem-calc(18); 
.my-class { 
    font-size: ($rem-number - 5px); 
} 

Tuttavia, questo può ancora verificarsi quando si sostituisce una variabile con un valore px che Fondazione utilizza in una funzione con rem-calc.

Si consiglia di passare attraverso il foundations_and_overrides.scss e verificare se è stata sostituita qualsiasi variabile con un valore px, quindi modificarla in rem-calc. Sostituire le variabili $topbar era il problema nel mio caso.