Bootstrap-SASS-Variablen in Rails anpassen

Ich muss die Schriftgröße des Bootstrap-Jumbotron-Headers in Rails reduzieren. Ich sehe here Bootstrap-SASS-Variablen in Rails anpassen

, dass ich so etwas wie

@jumbotron-heading-font-size: ceil((@font-size-base * 2.5));

in meiner Datei

app/assets/stylesheets/bootstrap_customization.css.scss

Also änderte ich "@" auf "$" hinzufügen müssen, siehe unten, wie die Datei aussieht jetzt:

$jumbotron-heading-font-size: ceil(($font-size-base * 2.5)); 
$jumbotron-padding: 20px; 
@import "bootstrap";

Aber das funktioniert nicht.

Quelle

2016-08-12 electrify

verwenden Sie weniger oder sass? Weniger - @var, sass - $ var. – 3rdthemagical

sass, aber es sieht so aus, als ob das Problem im Unterschied der Syntax liegt, nicht nur $ var oder @var – electrify

können Sie Ihre 'app/assets/stylesheets/application.scss' Datei posten? – Ren

Ich habe eine Lösung gefunden. Wie ich bin mit Bootstrap 4, ich

hatte einen Blick

https://github.com/twbs/bootstrap-rubygem/blob/master/assets/stylesheets/bootstrap/_variables.scss

und gefunden $ Display3-Größe Variable gibt (dies ist eine Klasse für h1-Tag in Jumbotrone), so ist, dann habe ich die folgende Zeile vor @ Import Bootstrap in meine .scss Datei:

$display3-size: 2.5rem;

So funktioniert es jetzt

Quelle

2016-08-12 15:27:19 electrify

Bootstrap-SASS-Variablen in Rails anpassen

Antwort

Verwandte Themen