Hallo Leute,
ich möchte bei einem neuen Projekt Bootstrap gern mal mittels reinem SASS nutzen. Bisher hab ich immer die fertige CSS genommen und nur meinen eigenen Code in SASS geschrieben. Ich hab eine Ordnerstruktur genommen, wie sie auf der Bootstrap-Seite beschrieben ist, nur nennt sich die custom.scss bei mir app.scss. Mein Scout (SCSS Compiler) zeigt mir keine Fehler und die Seite wird auch mit den Bootstrap Styles dargestellt. Ich hab mir wie beschrieben die _variables.scss rauskopiert und als neue _customVariables.scss eingebunden (diese wird auch erkannt). Wenn ich jetzt aber in dieser Datei z.B.
in
ändere, dann pasiert nichts. wenn ich es aber in der Originalen _variables.scss ändere, wird es wie gewollt ausgeführt. Was mach ich da falsch?
Edit:
In meiner app.scss steht folgendes:
ich möchte bei einem neuen Projekt Bootstrap gern mal mittels reinem SASS nutzen. Bisher hab ich immer die fertige CSS genommen und nur meinen eigenen Code in SASS geschrieben. Ich hab eine Ordnerstruktur genommen, wie sie auf der Bootstrap-Seite beschrieben ist, nur nennt sich die custom.scss bei mir app.scss. Mein Scout (SCSS Compiler) zeigt mir keine Fehler und die Seite wird auch mit den Bootstrap Styles dargestellt. Ich hab mir wie beschrieben die _variables.scss rauskopiert und als neue _customVariables.scss eingebunden (diese wird auch erkannt). Wenn ich jetzt aber in dieser Datei z.B.
Code:
$h1-font-size: $font-size-base * 2.5 !default;
Code:
$h1-font-size: $font-size-base * 4.5 !default;
Edit:
In meiner app.scss steht folgendes:
Code:
@import "../bootstrap/scss/bootstrap";
@import "customVariables";