Değişken Tanımlama

degisken-tanimlama (büyük resim için tıklayın)

Scss ile değişken tanımlamak $ işareti ile mümkün. Birkaç tane global değişken bildiriminde bulunalım ve daha sonra bu değişkenleri “test” isminde bir class oluşturup kullanalım.

  • $font: Arial, Helvetica, sans-serif;
  • $size36: 36px;
  • $fontColor: white;
  • $borderColor:gray;
  • $backgroundColor: black;

Global değişkenleri oluşturduk, şimdi test isminde class oluşturup kullanalım,

  • .test{
    • $size5: 5px;
    • border: solid $size5 $borderColor;
    • font: 100% $font;
    • color: $fontColor;
    • background-color: $backgroundColor;
    • font-size: $size36;
  • }

Yerel değişken de oluşturabilmemiz mümkün. Örneğin; yukarıdaki $size5 değişkeni yerel değişkendir.

omurserdarr

Ömürcan Serdar, 30 Ağustos 2018 Perşembe 15:30 tarihinde kayıt oldu

Beğeni