Kompilieren der bulma.css

Zum "Kompilieren" der bulma.css benötigen Sie lokal am Arbeitsplatz eine Bulma-Installation. Sie können die zu SuperX 5.2 passende Version von bulma hier herunterladen.

Nach dem Entpacken gehen Sie in der Kommandozeile in den jew. Ordner, und geben zum Testen ein:

sass bulma.scss meinbulma.css

Es müssten zwei Dateien erzeugt werden:

meinbulma.css
meinbulma.css.map

Dann können Sie das Layout mit folgender Testseite testen:

https://www.superx-projekt.de/doku/kern_modul/ui/bulma_testseite.html

Hier eine Vorschau:

Wenn das klappt können Sie Ihre eigene SCSS-Datei anlegen, z.B. mit dem Namen "meinbulma.scss" und dem Inhalt:

@charset "utf-8";

// Set your brand colors
$purple: #8a4d76;
$pink: #fa7c91;
$brown: #757763;
$beige-light: #d0d1cd;
$beige-lighter: #eff0eb;

// Path to Bulma's sass folder
@use "sass" with (
  $family-primary: '"Nunito", sans-serif',
  $grey-dark: $brown,
  $grey-light: $beige-light,
  $primary: $purple,
  $link: $pink,
  $control-border-width: 2px,
  $input-shadow: none
);

Hier werden ein paar Layouts (Fonts, Farben) umdefiniert.

Dann können Sie das Layout mit obiger Testseite testen:

sass meinbulma.scss meinbulma.css

Hier wieder eine Vorschau: