CSS Variables (Custom Properties)
CSS Variables memungkinkan menyimpan nilai yang bisa dipakai ulang.
- Deklarasi:
--nama: nilai - Penggunaan:
var(--nama) - Bisa di-override per elemen atau media query
- Biasanya didefinisikan di
:root
CSS Variables memungkinkan menyimpan nilai yang bisa dipakai ulang.
--nama: nilaivar(--nama):root.var-demo {
--primary: #6DD5C4;
--secondary: #7EB8F0;
--radius: 12px;
--spacing: 16px;
}
.var-card {
background: var(--primary);
color: white;
padding: var(--spacing);
border-radius: var(--radius);
margin: 8px 0;
font-weight: bold;
text-align: center;
}
.var-card.alt {
background: var(--secondary);
}