
שלושה טריקים ב־Tailwind שיחסכו לכם זמן ויגרמו לכם לחבק את המחשב (באהבה)
משהו קליל לספתח של השנה המגניבה שבתהליכי דיפלוימנט. שלושה הגדרות Tailwind שימושיות וחוסכות זמן, שיגרמו לכם לחבק את המחשב כמו חולצת לייקרה שחורה על ערס. 🤯 *מצ"ב בתגובה הראשונה codepen. ואלו הן: Container, Shadow , Rounded ורבי יהודה היה נותן בהם סימנים. ☢ ונתחיל מהקל לקליל:
1. קונטיינרים (בעברית - מיכלוניונים). 😀
הגדרה שנועדה להקל על הקוראים שמשתמשים במסכים רחבים שלא יצטרכו להזיז את העיניים יותר מדיי ולהתעייף (כי אנחנו דור של נקניקיות). ההגדרה פשוט מוסיפה max-width. * שימו לב להרחבה בjs דרך הconfig שממרכזת באופן דפולטיבי (בעברית - ברירת מחדלי) את הקונטיינר ללא צורך בmx-auto.
2. הצללה - shadow. 😀
הגדרה נפוצה שג'וניורים שונאים למוות - בגלל שהיא נראית מחריד אם לא עושים אותה נכון. אז יש מנעד של הצללות שניתן להוסיף החל מsm וצפונה - וכולם נראות יחסית מעולה. לדוגמא: shadow-lg. * בדוגמא הוספתי עוד shadow אחד אישי דרך הconfig כדי להרגיש מתוחכם.
3. עיגול פינות - Rounded. 😀
גם כאן יש מנעד של עיגלולים שניתן להוסיף החל מsm עד full (שיוצר כדורים מושלמים אם הרוחב והגובה שווים). תחל שנה וברכותיה וכל מיני משפטי איחול לבביים שכותבים בעונה הזו!
Yosefus Flavius
כותב הבלוג