Sierra on kaunis tumman käyttöliittymän kirjasto, joka on rakennettu Sassiin
Maailmassa, jossa on täynnä frontend-kehykset, se voi olla kova lajittelu kaikkien vaihtoehtojen kautta. Mutta jos olet sitten Sassin rakastaja Sierra on Uutta UI-kehystä katsoa.
Se on täysin muokattavissa ja toimii kokonaan SCSS-koodilla. Tämä tarkoittaa sitä, että siinä on kymmeniä SCSS-osiot ja liittyviä kirjastoja että kaikki yhdistyvät yhteen voimakkaaseen (ja vapaaseen) UI-kirjastoon.
Kun kehittäjät kuulevat uudesta Sass-kirjastosta, oletetaan yleensä olevan joukko sekoja. Mutta Sierra on enemmän kuin vain muuttujia ja sekoittimia. Tämä kirjasto on tosi sininen käyttöliittymäkehys mukautettuja tyylejä varten ristikot, typografia, taulukot, painikkeet, lomakkeet, ja melko paljon mitä tarvitset verkkosivuston suunnitteluun.
Yhteensä kirjasto painaa noin 34 kiloa puristamatta, joka voi vaikuttaa suurelta. Mutta ottaen huomioon kaiken, mitä saat, se on hyvä koko ja kaukana kaikkein kauimpana siellä (viitaten, Bootstrapin CSS-toimenpiteet ovat noin 115 kiloa pakkaamattomia).
Sierrassa työskentelet täysin muokattavissa olevat vaihtoehdot verkkojen, pehmusteiden, välilyöntien, kirjasinkokojen / -perheiden, värien ja paljon muuta. Kaikki ohjataan SCSS: n kautta ja jokainen kirjasto on jaettu eri tiedostoihin yksinkertaisempi organisaatio.
UI-kirjastossa on kymmeniä etuosan tyyliä yleisimpiä sivuelementtejä varten:
- Kappaleet ja otsikot
- painikkeet
- Lomakkeet (pudotusvalikot, radiot jne.)
- taulukot
- Sivunumerointi
- Vasen / oikea suunta
- Muokatut latauspalkit
Kaikki nämä elementit näkyvät demo-sivulla, jossa käytetään tummempaa värimaailmaa. Oletuksena Sierra on a tumma UI-kirjasto mutta koska kaikki värit on helppo vaihtaa, voit saada sen työskentelemään minkä tahansa verkkosivuston tyyliin.
Ainoa valitus on helposti saatavilla olevan dokumentaation puute. Sierra on tällä hetkellä v2.0: ssa, mutta jopa tärkein repo on harvinainen asennus- ja räätälöintivihjeissä.
Onneksi kehittäjien luettelo kaikki tärkeimmät muuttujat voit vaihtaa _variables.scss tiedosto. Nämä muuttujat tuodaan kaikkiin muihin Sierra SCSS -tiedostoihin, mikä tarkoittaa sinua tarvitsee vain vaihtaa värejä yhdessä paikassa saada heidät työskentelemään kaikkialla.
Sierra on kaukana täydellisestä, mutta se on yksi harvoista Sass-pohjaisista UI-kirjastoista verkossa.
Jos haluat kokeilla sitä, tutustu pääsivustoon demot ja lisätiedot. Ja jos olet todella jumissa, voit yrittää avata kysymyksen GitHub-ongelmasivulta tai viestiä luoja Joan Claretilta.
