Η Sierra είναι μια όμορφη βιβλιοθήκη UI που είναι χτισμένη στο Sass
Σε έναν κόσμο γεμάτο περιβάλλοντα πλαίσια, μπορεί να είναι δύσκολη διαλογή σε όλες τις επιλογές. Αλλά, αν είστε έρωτας Sass τότε Οροσειρά είναι το πιο ωραίο πλαίσιο περιβάλλοντος UI να δω.
Είναι πλήρως προσαρμόσιμο και εκτείνεται εξ ολοκλήρου στον κώδικα SCSS. Αυτό σημαίνει ότι έρχεται με δεκάδες Μερικά τμήματα SCSS και σχετικές βιβλιοθήκες που όλα συγκεντρώνονται σε μία ισχυρή (και ελεύθερη) βιβλιοθήκη UI.
Όταν οι προγραμματιστές ακούνε για μια νέα βιβλιοθήκη Sass, συνήθως θεωρείται ότι είναι ένα σύνολο mixins. Αλλά η Σιέρα είναι περισσότερο από απλά μεταβλητές και mixins. Αυτή η βιβλιοθήκη είναι ένα πραγματικό πλαίσιο μπλε UI με προσαρμοσμένα στυλ Για πλέγματα, τυπογραφία, πίνακες, κουμπιά, μορφές, και σχεδόν οτιδήποτε θα χρειαστείτε για να σχεδιάσετε μια ιστοσελίδα.
Συνολικά, η βιβλιοθήκη ζυγίζει περίπου 34kb ασυμπίεστο, που μπορεί να φαίνεται μεγάλη. Αλλά λαμβάνοντας υπόψη όλα όσα έχετε, είναι ένα καλό μέγεθος και μακριά από το bulkiest εκεί έξω (για αναφορά, το CSS του Bootstrap μετρά περίπου 115kb ασυμπίεστο).
Εργάζεστε στη Σιέρα, παίρνετε πλήρως προσαρμόσιμες επιλογές για την αλλαγή των πλεγμάτων, την επένδυση, την απόσταση, τα μεγέθη / οικογένειες γραμματοσειρών, τα χρώματα και πολλά άλλα. Είναι όλα ελέγχονται μέσω SCSS και κάθε βιβλιοθήκη είναι χωρίζονται σε διαφορετικά αρχεία για απλούστερη οργάνωση.
Η βιβλιοθήκη UI έρχεται με δεκάδες styles frontend για τα πιο κοινά στοιχεία σελίδας:
- Παράγραφοι & κεφαλίδες
- Κουμπιά
- Εισαγωγές φόρμας (dropdowns, ραδιόφωνα, κ.λπ.)
- Πίνακες
- Σελιδοποίηση
- Αριστερά / δεξιά ευθυγραμμίσεις
- Προσαρμοσμένες γραμμές φόρτωσης
Όλα αυτά τα στοιχεία μπορούν να προβληθούν στη σελίδα επίδειξης που χρησιμοποιεί πιο σκούρο χρώμα. Εξ ορισμού, η Sierra είναι α σκοτεινή βιβλιοθήκη UI αλλά δεδομένου ότι όλα τα χρώματα είναι εύκολο να αλλάξει μπορείτε να το πάρετε λειτουργεί για οποιοδήποτε στυλ της ιστοσελίδας.
Το μόνο παράπονό μου είναι το έλλειψη εύκολα προσπελάσιμης τεκμηρίωσης. Η Sierra βρίσκεται αυτή τη στιγμή στο v2.0, αλλά ακόμα και η κύρια επαναγορά είναι αθόρυβη στις συμβουλές εγκατάστασης και προσαρμογής.
Ευτυχώς, η λίστα προγραμματιστών όλες τις κύριες μεταβλητές μπορείτε να αλλάξετε στο _variables.scss αρχείο. Αυτές οι μεταβλητές εισάγονται για όλα τα άλλα αρχεία SCSS της Sierra, που σημαίνει εσείς χρειάζεται μόνο να αλλάξετε χρώματα σε ένα μέρος για να τους κάνουμε να εργάζονται παντού.
Η Σιέρα δεν είναι τέλεια αλλά είναι μια από τις λίγες βιβλιοθήκες UI που βασίζονται στο Sass στο διαδίκτυο.
Αν θέλετε να δοκιμάσετε, τότε ελέγξτε την κύρια ιστοσελίδα demos & περαιτέρω λεπτομέρειες. Και αν είστε πραγματικά κολλημένοι, μπορείτε να δοκιμάσετε να ανοίξετε μια ερώτηση στη σελίδα προβλημάτων GitHub ή να στείλετε μηνύματα στον δημιουργό Joan Claret για περισσότερες λεπτομέρειες.
