סיירה היא יפה UI כהה ספריה בנוי על Sass
בעולם מלא מסגרות הקדמה, זה יכול להיות קשה מיון דרך כל האפשרויות. אבל, אם אתה מאהב סאס אז סיירה האם ה ממשק המשתמש החדש המגניב ביותר לצפות.
זה להתאמה אישית מלאה ו פועל כולו על קוד SCSS. זה אומר שזה מגיע עם עשרות SCSS חלקית ו ספריות קשורות כי כל להתמזג יחד לתוך אחד חזק (ללא תשלום) ספריית ממשק המשתמש.
כאשר מפתחים שומעים על ספריית סאס חדשה זה בדרך כלל להניח להיות קבוצה של mixins. אבל סיירה יותר מאשר רק משתנים ו mixins. ספריה זו היא מסגרת UI כחול אמיתי עם סגנונות מותאמים אישית ל רשתות, טיפוגרפיה, טבלאות, כפתורים, טפסים, ואת כמעט כל דבר שאתה צריך לעצב אתר אינטרנט.
בסך הכל, הספרייה שוקלת כ 34kb לא דחוס, אשר נראה גדול. אבל בהתחשב בכל מה שאתה מקבל, זה גודל טוב רחוק bulkiest שם (עבור הפניה, Bootstrap של CSS צעדים על 115kb לא דחוס).
עבודה בסיירה, אתה מקבל אפשרויות להתאמה אישית מלאה - - עבור שינוי רשתות, ריפוד, ריווח, גודל גופנים / משפחות, צבעים, ועוד הרבה יותר. כל זה נשלט באמצעות SCSS וכל ספריה לפצל לקבצים שונים עבור ארגון פשוט יותר.
ספריית ממשק המשתמש מגיעה עם עשרות סגנונות Frontend עבור רכיבי הדף הנפוצים ביותרYou
- כותרות וכותרות
- כפתורים
- טופס תשומות (dropdowns, מכשירי רדיו, וכו ')
- טבלאות
- דפדוף
- שמאל / ימין יישור
- מוטות טעינה מותאמים אישית
כל האלמנטים האלה ניתן לראות בדף הדגמה אשר משתמש ערכת צבעים כהה יותר. כברירת מחדל, סיירה היא ספריית ממשק משתמש כהה אבל מאז כל הצבעים קל לשנות אתה יכול לקבל את זה עובד עבור כל סגנון של האתר.
התלונה היחידה שלי היא היעדר תיעוד נגיש בקלות. סיירה נמצא כרגע v2.0, אך אפילו את ריפו הראשי הוא דלילה על התקנה & התאמה אישית טיפים.
תודה לאל, רשימת היזמים כל המשתנים העיקריים אתה יכול לשנות את _variables.scss קובץ. משתנים אלה מקבלים מיובאים עבור כל שאר הקבצים סיירה SCSS, כלומר אתה רק צריך לשנות צבעים במקום אחד כדי לגרום להם לעבוד בכל מקום.
סיירה רחוקה מלהיות מושלמת אבל זה אחד ספריות UI ספריות מבוססות SAS באינטרנט.
אם אתה רוצה לנסות את זה ואז לבדוק את האתר הראשי עבור הדגמות ופרטים נוספים. ואם אתה באמת תקוע אתה יכול לנסות לפתוח שאלה על דף בעיות GitHub או הודעות היוצר Joan Claret לפרטים נוספים.
