אזורים

אזורים

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

פיצול

עמודה אחת בגודל קבוע, והשנייה תופסת את מה שנותר. הגודל נקבע על ידי שלב, והוא של האזור עצמו - הוא לא מועבר על ידי שום דבר שמסודר בתוכו.
zone--narrow zone--size-6
zone

צד זה לוקח מה שהעמודה בגודל קבוע משאירה.

כל צד גולל בנפרד

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

פריט 1

פריט 2

פריט 3

פריט 4

פריט 5

פריט 6

פריט 7

פריט 8

פריט 9

פריט 10

פריט 11

פריט 12

פריט 13

פריט 14

פריט 15

פריט 16

פריט 17

פריט 18

פריט 19

פריט 20

פריט 21

פריט 22

פריט 23

פריט 24

פריט 25

פריט 26

פריט 27

פריט 28

פריט 29

פריט 30

שורה 1

שורה 2

שורה 3

שורה 4

שורה 5

שורה 6

שורה 7

שורה 8

שורה 9

שורה 10

שורה 11

שורה 12

שורה 13

שורה 14

שורה 15

שורה 16

שורה 17

שורה 18

שורה 19

שורה 20

שורה 21

שורה 22

שורה 23

שורה 24

שורה 25

שורה 26

שורה 27

שורה 28

שורה 29

שורה 30

כותרת שלא גוללת

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

שורה 1

שורה 2

שורה 3

שורה 4

שורה 5

שורה 6

שורה 7

שורה 8

שורה 9

שורה 10

שורה 11

שורה 12

שורה 13

שורה 14

שורה 15

שורה 16

שורה 17

שורה 18

שורה 19

שורה 20

שורה 21

שורה 22

שורה 23

שורה 24

שורה 25

שורה 26

שורה 27

שורה 28

שורה 29

שורה 30

מתחת למינימום

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

מתחת לרצפה שניתנה לאזור הזה, הוא לוקח שורה משלו.

רחב כמו התוכן שלו

`zone--fit-content`: האזור לוקח את רוחב מה שהוא מחזיק — טבלה עם הרבה עמודות — ולא מה שנשאר לו. השורה יוצאת החוצה וגלולה הצידה כאחת, פס הגלילה שלה בתחתית המסגרת, לא מתחת לטבלה בלבד; כל אזור עדיין גולל למטה בפני עצמו.

פריט 1

פריט 2

פריט 3

פריט 4

פריט 5

פריט 6

פריט 7

פריט 8

פריט 9

פריט 10

פריט 11

פריט 12

פריט 13

פריט 14

פריט 15

פריט 16

פריט 17

פריט 18

פריט 19

פריט 20

פריט 21

פריט 22

פריט 23

פריט 24

פריט 25

פריט 26

פריט 27

פריט 28

פריט 29

פריט 30

zone--fit-content
עמודה 1עמודה 2עמודה 3עמודה 4עמודה 5עמודה 6עמודה 7עמודה 8עמודה 9עמודה 10
12.5 kg 25 kg 37.5 kg 50 kg 62.5 kg 75 kg 87.5 kg 100 kg 112.5 kg 125 kg
12.5 kg 25 kg 37.5 kg 50 kg 62.5 kg 75 kg 87.5 kg 100 kg 112.5 kg 125 kg
12.5 kg 25 kg 37.5 kg 50 kg 62.5 kg 75 kg 87.5 kg 100 kg 112.5 kg 125 kg
12.5 kg 25 kg 37.5 kg 50 kg 62.5 kg 75 kg 87.5 kg 100 kg 112.5 kg 125 kg
12.5 kg 25 kg 37.5 kg 50 kg 62.5 kg 75 kg 87.5 kg 100 kg 112.5 kg 125 kg
12.5 kg 25 kg 37.5 kg 50 kg 62.5 kg 75 kg 87.5 kg 100 kg 112.5 kg 125 kg
12.5 kg 25 kg 37.5 kg 50 kg 62.5 kg 75 kg 87.5 kg 100 kg 112.5 kg 125 kg
12.5 kg 25 kg 37.5 kg 50 kg 62.5 kg 75 kg 87.5 kg 100 kg 112.5 kg 125 kg
12.5 kg 25 kg 37.5 kg 50 kg 62.5 kg 75 kg 87.5 kg 100 kg 112.5 kg 125 kg
12.5 kg 25 kg 37.5 kg 50 kg 62.5 kg 75 kg 87.5 kg 100 kg 112.5 kg 125 kg
12.5 kg 25 kg 37.5 kg 50 kg 62.5 kg 75 kg 87.5 kg 100 kg 112.5 kg 125 kg
12.5 kg 25 kg 37.5 kg 50 kg 62.5 kg 75 kg 87.5 kg 100 kg 112.5 kg 125 kg

לצד עמוד

`zone--portrait`: לעולם אינה צרה מעמוד לאורך (3:4) בגובה השורה. טקסט שהורחב ידנית שומר על רוחבו והשורה נגללת הצידה במקום לדחוס את העמוד.
zone--measure (--zone-size: 48rem)

פריט 1

פריט 2

פריט 3

פריט 4

פריט 5

פריט 6

פריט 7

פריט 8

פריט 9

פריט 10

פריט 11

פריט 12