מנורת קיר LED AstraLux Crystal עם כיסויי זכוכית שקופים
להלן סקירה מובנית המופקת מפרטי העיצוב שסופקו לשימוש בדף המוצר. היא מתארת את עיצוב מצב הפתיחה, התנהגות הפריסה וכללי הטיפוגרפיה השולטים בהצגת תיאור מוצר זה.
עיצוב מצב פתוח
- .is-open { רקע: #f7f7f7; ריפוד: 0px 30px; }
עיצוב כותרת תחתונה
- .section-footer__title { ריווח אותיות: 2px!important; עובי גופן: 500!important; גודל גופן: 1rem!important; }
התנהגות לוח אקורדיון
- .styles-module--accordionPanel--r0+I+ { צבע רקע: #f7f7f7; גובה מקסימלי: 2200px; גלילה מוסתרת; }
- שאילתות מדיה: ברוחב מינימלי של 768px, לוח האקורדיון משנה את הגובה המקסימלי במשך שנייה אחת עם אותם הגבלות רקע וגובה.
התנהגות עטיפת האקורדיון
- .styles-module--accordionWrapper--3e-Eu { ריפוד: 0rem 0rem; מעבר: שקיפות 0.5s קל 0.2s; שקיפות: 1; ישתנה: שקיפות; }
פריסת עמודות
- במסכים גדולים יותר (רוחב מינימלי: 768px), .styles-module--columns--sZFL5 משתמש בפריסת שתי עמודות.
איפוס עולמי וטיפוגרפיה
- כללי איפוס לרשימות ואלמנטים בטופס כוללים: menu, ol, ul ללא עיצוב רשימה ברירת מחדל וללא שוליים/ריפוד במידת הצורך.
- .mb-8 מגדיר שוליים תחתונים של 2rem.
- .type-upper-070 מגדיר עובי גופן 700 וריווח אותיות של 0.0875rem.
- .type-upper-040 ו-.type-upper-070 חולקים משפחת גופנים Replica Std, Helvetica Neue, sans-serif, גודל גופן 0.625rem, גובה שורה 1.6, ומומרים לאותיות גדולות.
- .max-w-sm מגדיר רוחב מקסימלי של 24rem; .mb-6 מגדיר שוליים תחתונים של 1.5rem.
- .gatsby-image-wrapper תוכן עם [data-main-image] מוסתר בתחילה לשיפור ביצועים, באמצעות שקיפות 0 והזזה translateZ(0).
הערה: התוכן משקף את מערכת העיצוב המשמשת להצגת דף המוצר ואינו מציג תכונות מוצר נוספות.