cssmergemedia הוא כלי Python שמתמזג שאילתות מדיה זהות בCSS שלך.
לדוגמא, את הדברים הבאים CSS:
& Nbsp; & nbsp; & nbsp; media מסך ו( מינימום-רוחב: 480px) ו( מקסימום רוחב: 899px) {
& Nbsp; & nbsp; & nbsp; & nbsp; .foo {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; צבע: שחור;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; media מסך ו( מינימום-רוחב: 480px) ו( מקסימום רוחב: 899px) {
& Nbsp; & nbsp; & nbsp; & nbsp; בר {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; רקע: אדום;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; }
נערך ל:
& Nbsp; & nbsp; & nbsp; media מסך ו( מינימום-רוחב: 480px) ו( מקסימום רוחב: 899px) {
& Nbsp; & nbsp; & nbsp; & nbsp; .foo {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; צבע: שחור;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; & nbsp; בר {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; רקע: אדום;
& Nbsp; & nbsp; & nbsp; & nbsp; }
& Nbsp; & nbsp; & nbsp; }
זה מאפשר לך לשמור על שאילתות המדיה שלך יחד עם סגנון בסיס לכל רכיב, במקום לקבץ אותם יחד בסוף הקובץ או בקובץ נפרד (ובכך הופך את התחזוקה לסיוט)
מדיה מיזוג CSS מבוססת על cssutils: מה יכול להיות מנותחת עם cssutils ניתן להשתמש בתסריט.
התקנה
הוצא את tarball ולהפעיל ::
& Nbsp; פיתון setup.py להתקין
קריאה
הפעל את התסריט כמו כל כך ::
& Nbsp; cssmergemedia --input style.css --output סגנון merged.css
מה חדש בהודעה זו:
- קבוע בדיקת dependecy על התקנה
דרישות :
- Python
תגובות לא נמצא