Perkembangan teknologi pengembangan aplikasi berbasis sampai kepada SCSS. SCSS ini merupakan cara pemrograman CSS agar mudah dikelola. Pertama-tama kita mengedit dengan format SCSS kemudian nanti akan diubah ke CSS.

Pengubahan SCSS ke CSS adalah seperti pada penjelasan-penjelasan berikut ini

  1. Instal SASS

    1
    npm install -g sass
  2. Mengedit dalam format SCSS

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    $huruf-utama: Helvetica, sans-serif;
    $warna-utama: #333;
    $warna-kedua: #345;
     
    body {
      font: 100% $huruf-utama;
      color: $warna-utama;
    }
     
    p {
      color: $warna-kedua;
    }
  3. Mengubah SCSS ke CSS

    1
    sass corak.scss corak.css
  4. File CSS yang dihasilkan

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    body {
      font: 100% Helvetica, sans-serif;
      color: #333;
    }
     
    p {
      color: #345;
    }
     
    /*# sourceMappingURL=corak.css.map */

Informasi lebih lanjut silahkan mengunjungi
1. https://sass-lang.com/install/
2. https://sass-lang.com/guide/

Kunjungi https://www.proweb.co.id/jasa-pembuatan-website untuk jasa pembuatan website anda .

Pengubahan SCSS ke CSS