Petal LESS İle Çalışan Düzenli ve Hafif Bir CSS UI Çerçevesidir
Bootstrap'dan Foundation'a kadar bir şey var gibi görünüyor. CSS çerçevelerinin sonsuz akışı almak için. Fakat az LESS kaçtı ve hatta daha az Petal kadar iyi organize edilmiş.
Bu küçük açık kaynaklı proje oldu Shakr ekibi için dahili olarak oluşturuldu ama karar verdiler hepsini GitHub'da yayınla. Hala bir yeni çerçeve bu yüzden iyileştirme için bolca yer var. Mevcut durumda, Petal bir zengin özellikli çerçeve herhangi bir web projesi için.
İlgilenen herkes göz atmalı ana Sayfa ve bak bazı belgeler.
Petal stil sayfası ayrılmıştır farklı LESS dosyaları, bu yüzden organize özelliklere ve ayarlara göre. Bu şekilde değişiklik yapmak veya belirli bir sınıfı bulmak istiyorsanız yapmanız gerekenler sadece bir dosyaya göz at, Örneğin typography.less, bir kütüphane yerine.
Bazılarını görebilirsiniz daha yaygın tasarım özellikleri ile birlikte bu kalemde kod parçacıkları kopyalayabilirsin.
Petal bir olmak içindir minimalist çerçeve ile basit önceden oluşturulmuş stiller.
Herkes tasarımlarına renk veya ton katarak çalışmak istemez. Bir CSS çerçevesinin güzelliği olabilir tasarım ve stil sağlamak, yani sadece HTML'yi ekle ve harekete geç.
Bu nedir Petal iyi yapar, ve Bootstrap destekli ana sayfalarla dolu bir dünyada temiz bir soluk.
Bunu kendin denemek istersen, ekle Petal.css stil senin için belge en Bölüm. Buradan, tüm temel stiller uygulanacak doğrudan tüm HTML öğelerine.
Yapabilirsin sınıflarla tamircilik Sitedeki dokümanlar sayfasını kontrol ederek. Aslında kapsayan bir bütün bölüm var Bir sınıf kullanarak temel sayfa düzeni, gibi .Bölüm konteyner olarak gibi sınıflarla .kürek çekmek veya .kolon yapı için.
Düzen seçenekleri pratik olarak sınırsız ve her zaman ekleyebilirsiniz dolgu ve kenar boşlukları için ekstra biçimlendirme gerekirse.
Böyle küçük bir CSS çerçevesi için Petal gerçekten etkileyici. Şu anda v0.5'teki bebeklik döneminde ancak zaman geçtikçe sürekli geliştirilecek. Daha fazla öğrenmek için Petal anasayfasına bak, ve ne yapabileceğini gör!
