şimdi .pd8 .pd10 .pd12
gibi classlarım var. ve bu classların her birisi padding değerini ifade ediyor.
.pd8{
padding:8px
}
gibi. ama diyelim bu şekilde 30 padding değeri var. pratik mi? değil. (bu classlar mutlaka bulunmalı arkadaşlar yani .pd8 gibi class atayacağına jquery ile hallet gibi bir seçenek yapmayalım)
ya da daha zoru renkler:
işte kırmızının üç tonu, mavinin üç tonu, sarının yeşilin üç tonu var. toplamda ediyor 40-50 renk. her birine birer class atasam pratik mi olur? hayır kesinlikle.
öyleyse nasıl daha pratik yapabilirim? herhangi bir tavsiye yöntem vs. bişiyi olan var mı? (renk özellikle önemli)
Grid kullanmalısın, 2 şer artan padding'e ihtiyaç duyuyorsan berbat html yapısı var.
Bootstrap'e geç hacı.
@serafettinn, ya 2'şeri örnek verdim. esasında paddingden ziyade renk lazım. şimdi nette kurcaladım LESS diye bir yöntem varmış ama düşününce kendime pek uygulayamayacağımı düşündüm. belki tonlamalarda işime yarayabilir ama ne derece bilemedim.
senin ihtiyacin "parametric mixins" en verimli sekilde LESS ile yapabilirsin lesscss.org ayrica sana "color functions" da cok kullanisli olur bence lesscss.org CSS fuctional olmadigi icin baska türlü yapmak gercekten cok verimsiz, ama projeyi tamamiyle LESS e gecirmek de problemli. sadece ihtiyacin olan kisimda LESS kullanabilirsin.
sass ya da less kullan? degisken olarak tanimlarsin rengi tepede, baska yerde cagirirken de mesela color: $anarenk2; yazarsin. hepsini degistirmek istediginde de sadece tepedekini degistirmen yeterli olur.