Petal on järjestetty ja kevyt CSS-käyttöliittymä, joka toimii LESS llä
Bootstrapista säätiöön näyttää siltä, että siellä on CSS-kehysten loputon virta valita. Mutta harvat kulkevat LESSillä ja vielä vähemmän niin hyvin järjestetty kuin terälehti.
Tämä pieni avoimen lähdekoodin projekti oli Shakrin tiimille sisäisesti luotu mutta he päättivät vapauta se kaikki GitHubissa. Se on edelleen a uudet puitteet joten on paljon parannuksia. Nykyisessä tilassaan Petal on a piirteitä sisältävä kehys minkä tahansa web-projektin osalta.
Kaikkien kiinnostuneiden tulisi tarkistaa Pääsivu ja katsokaa joitakin asiakirjoja.
Petal-tyylitaulukko hajoaa eri LESS-tiedostoja, niin se on järjestetty ominaisuuksien ja asetusten perusteella. Näin voit tehdä muutoksia tai löytää tietyn luokan selaa vain yhtä tiedostoa, esimerkiksi typography.less, pikemminkin kuin koko kirjasto.
Näet joitakin yleisempiä suunnittelun ominaisuuksia tässä kynässä yhdessä koodinpätkät voit kopioida.
Terälehden on tarkoitus olla a minimalistinen kehys kanssa yksinkertaiset valmiiksi rakennetut tyylit.
Kaikki eivät halua työskennellä lisäämällä värejä tai sävyjä malleihinsa. CSS-kehyksen kauneus on se, että se voi tarjota muotoilu ja tyyli, joten vain lisää HTML ja siirry.
Tämä on mitä Terälehti tekee hyvin, ja se on raitista ilmaa, joka on täynnä Bootstrap-pohjaisia kotisivuja.
Jos haluat kokeilla tätä itse lisää Petal.css tyylisivu oikeus omaan asiakirjan jakso. Sieltä, kaikki perustyylit otetaan käyttöön suoraan kaikkiin HTML-elementteihin.
Sinä pystyt peittää luokkiin tarkastamalla sivuston dokumentit-sivun. Siellä on oikeastaan koko osio perussivun asetukset luokan avulla, kuten .jakso säiliönä luokkiin .rivi tai .sarake rakennetta varten.
Asetteluasetukset ovat käytännössä loputtomia, ja voit aina lisätä ylimääräinen muotoilu pehmusteille ja reunuksille tarvittaessa.
Tällaiselle pienelle CSS-kehykselle Petal on todella vaikuttava. Se on tällä hetkellä lapsenkengissään v0.5: ssa, mutta sitä kehitetään jatkuvasti ajan myötä. Oppia lisää tutustu Petal-kotisivuille, ja katso, mitä voit rakentaa!
