SORU
31 Temmuz 2013, ÇARŞAMBA


CSS calc Sass Değişken() fonksiyonu

Sass bir stil içinde calc() işlevi kullanmaya çalışıyorum, ama bazı sorunlar yaşıyorum. İşte benim kod:

$body_padding: 50px

body
    padding-top: $body_padding
    height: calc(100% - $body_padding)

Eğer body_padding benim değişken yerine 50px edebi kullanırsam, ne istediğimi tam olarak biliyorum. Değişken değiştiriyorum, ancak bu çıktı

body {
    padding-top: 50px;
    height: calc(100% - $body_padding); }

Nasıl Sass calc fonksiyon içindeki değişkeni değiştirmek gerekli olduğunu kabul edebilir mi?

CEVAP
27 Kasım 2013, ÇARŞAMBA


Açılıyor gibi:

height: calc(100% - #{$body_padding})

Bu durumda, border-box de yeterli olacaktır:

body
    box-sizing: border-box
    height: 100%
    padding-top: $body_padding

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • ExcelIsFun

    ExcelIsFun

    16 ŞUBAT 2008
  • Google

    Google

    18 EYLÜL 2005
  • Jaclyn W

    Jaclyn W

    5 Mayıs 2006