היא מסודרת & קל CSS UI Framework פועל על LESS

מ Bootstrap לקרן זה נראה כאילו יש זרם אינסופי של מסגרות CSS לבחור מתוך. אבל כמה לרוץ על LESS ואפילו פחות מאורגן היטב כמו Petal.

זה פרוייקט קוד פתוח קטן היה נוצר באופן פנימי עבור צוות ב Shakr אבל הם החליטו לשחרר את כל זה על GitHub. זה עדיין א מסגרת חדשה אז יש הרבה מקום לשיפור. במצב הנוכחי, Petal היא עשיר בתכונות עבור כל פרויקט אינטרנט.

מי שמעוניין לבדוק את עמוד ראשי ומסתכלת חלק מהתיעוד.

גליון הסגנונות של פטל מתפרץ פנימה קבצי LESS שונים, אז זה מאורגן בהתבסס על תכונות והגדרות. בדרך זו אם אתה רוצה לעשות שינויים או למצוא בכיתה מסוימת אתה צריך דפדף רק בקובץ אחד, לדוגמה טיפוגרפיה, ולא ספריה שלמה.

אתה יכול לראות חלק תכונות עיצוב נפוץ יותר בעט הזה יחד עם קטעי קוד אתה יכול להעתיק.

פטאל אמורה להיות מסגרת מינימליסטית עם פשוט מראש בנוי סגנונות.

לא כולם רוצים לעבוד הוספת צבע או טון לתוך העיצובים שלהם. היופי של מסגרת CSS הוא שהוא יכול לספק את העיצוב ואת הסגנון, אז אתה פשוט הוסף את ה- HTML ולהתחיל לזוז.

זה מה פטל עושה טוב, וזו נשימה של אוויר צח בעולם מלא בדפי בית ממונעים.

אם אתה רוצה לנסות את זה בעצמך תוסיף את ה Petal.css גיליון .. me המסמך סעיף. משם, כל הסגנונות הבסיסיים יחולו ישירות לכל רכיבי HTML.

אתה יכול להתעסק עם שיעורים על ידי בדיקת דף המסמכים באתר. יש למעשה קטע שלם של כיסוי הגדרת עמוד בסיסית באמצעות מחלקה, כמו .סעיף כמו מכולה עם שיעורים כמו .שורה או .טור עבור המבנה.

אפשרויות פריסה הם כמעט אינסופיים, ואתה תמיד יכול להוסיף עיצוב נוסף עבור ריפוד & שוליים במידת צורך.

עבור מסגרת כזו קטנה CSS, Petal הוא באמת מרשים. זה כרגע בחיתוליו ב v0.5 אבל ימשיך להיות מפותח עם הזמן ממשיך. ללמוד 'יותר לבדוק את דף הבית של Petal, ולראות מה אתה יכול לבנות!