Cascading Style Sheets: Perbedaan antara revisi
Konten dihapus Konten ditambahkan
→Variabel: sunting isi |
→Variabel: sunting isi |
||
Baris 342:
Salah satu fitur yang dimiliki ''CSS preprocessor'' dan sering digunakan yaitu penulisan variabel. Dengan menuliskan variabel, kode yang dituliskan dapat digunakan digunakan kembali (''reusable''). Sehingga proses pengembangan suatu web dapat lebih cepat dan mudah.
Berikut adalah contoh penulisan variabel dalam ''CSS preprocessor:''<syntaxhighlight lang="sass" line="1">▼
// Penulisan CSS preprocessor Sass▼
▲Berikut adalah contoh penulisan variabel dalam ''CSS preprocessor:''
==== Sass/SCSS ====
<syntaxhighlight lang="sass" line="1">
$base-color: #c6538c;
$border-dark: rgba($base-color, 0.88);
.box {
border: 1px solid $border-dark;
}
</syntaxhighlight>
==== Less CSS ====
<syntaxhighlight lang="less" line="1">
// Penulisan CSS preprocessor Less
@width: 10px;
@height: @width + 10px;
#header {
width: @width;
height: @height;
}
</syntaxhighlight>
|