Muhtasari
Vipengele vitatu vya muundo vinavyoweza kutumika tena vinaonekana karibu kwenye kila sehemu kwenye mjenzi: Group, Text, na Divider. Kwa pamoja vinakuruhusu kujenga muundo wowote bila kuandika CSS. Chagua kizuizi ili kufungua mipangilio yake.
Group
Group ni chombo cha muundo kinachonyumbulika. Ongeza vizuizi vya watoto ndani yake (maandishi, vitufe, picha, sehemu za jarida, hata makundi yaliyowekwa ndani) na udhibiti jinsi yanavyopangwa.
Mwelekeo
- Wima: watoto wanarundikana juu hadi chini.
- Mlalo: watoto wanakaa kando kwa kando katika safu.
Swichi ya Stack vertically on mobile inaonekana tu wakati Mwelekeo ni Mlalo. Iwashe ili kubadilisha safu ya mlalo kuwa rundo la wima kwenye skrini ndogo.
Nafasi na Mpangilio
Hizi zinasambaza watoto kwenye mhimili mkuu na wa msalaba. Maana yao inabadilishana na mwelekeo, na chaguo la Between (nafasi sawa kati ya watoto) lipo tu kwenye mhimili mkuu:
- Mwelekeo wa wima: Position ni mhimili mkuu (wima): juu, katikati, chini, au between. Alignment ni mhimili wa msalaba (mlalo): kushoto, katikati, au kulia.
- Mwelekeo wa mlalo: Alignment ni mhimili mkuu (mlalo): kushoto, katikati, kulia, au between. Position ni mhimili wa msalaba (wima): juu, katikati, au chini.
Upana
- Fill: inapanuka kuchukua nafasi yote inayopatikana kwenye mzazi. Tumia hii kwa makundi yanayopaswa kushiriki nafasi sawa ndani ya mzazi wa mlalo.
- Fit: inapungua hadi ukubwa wa asili wa maudhui yake.
- Custom: inafichua kitelezi cha Custom width kilichowekwa kama asilimia (0 hadi 100%). Kundi linashika ukubwa huo bila kukua au kupungua.
Nafasi (Gap)
Nafasi katika pikseli kati ya vipengele vya watoto (0 hadi 100 px, chaguo-msingi 20 px).
Mpango wa rangi
Use parent color scheme imewashwa kwa chaguo-msingi, hivyo kundi linarithi mpango wa mzazi wake. Izime ili kufichua kichagua cha Color scheme na uchague mojawapo ya mipango yako ya rangi ya kimataifa. Hii inakuruhusu kuunda kanda tofauti za rangi ndani ya sehemu.
Mpaka
Border ni None au Solid. Solid inafichua vitelezi viwili: Border thickness (1 hadi 20 px, chaguo-msingi 1) na Border opacity (0 hadi 100%, chaguo-msingi 100). Rangi inatoka kwenye rangi ya mpaka ya mpango unaotumika.
Radius ya pembe
Kuzungusha pembe katika pikseli (0 hadi 100), inayojitegemea na mpaka. Itumie kwa vyombo vinavyofanana na kadi.
Background overlay
Swichi ya Background overlay inaongeza tabaka la rangi juu ya mandhari ya kundi. Ikiwa imewashwa, weka Overlay color (ikiwemo uwazi kupitia kitelezi cha opacity cha kichagua), Overlay style (Solid jaza tambarare au Gradient inayofifia hadi uwazi), na kwa gradient Gradient direction (Up au Down). Inatumika mara nyingi kupaka rangi mandhari ya midia.
Padding
Nafasi ya ndani kila upande katika pikseli, kila moja 0 hadi 100 px. Padding inakaa ndani ya mpaka, kati yake na watoto.
Text
Kizuizi cha maandishi kinaonyesha vichwa, aya, na maandishi yaliyoumbizwa. Mhariri wa maandishi tajiri unaunga mkono herufi nzito, italiki, msitari wa chini, msitari wa katikati, na maandishi yenye rangi.
Preset
Preset ya uchapaji inaweka familia ya fonti, uzito chaguo-msingi, na lebo ya HTML yenye maana (jukumu lake kwenye ukurasa):
- Default: inarithi mtindo wa msingi wa maandishi wa sehemu.
- Paragraph: mtindo wa maandishi ya mwili.
- Heading 1 hadi Heading 6: mitindo ya vichwa, ikitumia fonti zako za vichwa na vichwa vidogo.
Ukubwa
Ukubwa maalum wa fonti katika pikseli (10 hadi 30 px, chaguo-msingi 16). Huu ndio ukubwa kizuizi kinachoonyeshwa kweli.
Upana na Mpangilio
- Fit: kizuizi ni kipana tu kama maudhui yake.
- Fill: kizuizi kinapanuka hadi 100% ya upana wa chombo.
Alignment (Kushoto, Katikati, Kulia) inaonekana tu wakati Upana umewekwa Fill, kwa kuwa mpangilio una maana tu wakati kizuizi kinajaza chombo chake.
Urefu wa mstari na Nafasi ya herufi
Line height inaweka mdundo wa wima: Normal (chaguo-msingi), Tight, au Loose. Letter spacing inaweka nafasi ya herufi kwa chaguo zilezile tatu.
Mpango wa rangi
Ndani ya kundi, Use parent color scheme imewashwa kwa chaguo-msingi. Izime ili kufichua kichagua cha Color scheme. Presets za vichwa zinatumia rangi ya kichwa ya mpango; aya na default zinatumia rangi ya maandishi ya mwili. Kama sehemu inayojitegemea, kichagua kinasimama peke yake bila swichi ya kurithi.
Padding
Nafasi ya ndani kila upande katika pikseli, kila moja 0 hadi 100 px.
Divider
Mstari wa kutenganisha unaojirekebisha kwa mzazi wake. Katika muundo wa wima (safu wima) ni mstari wa mlalo; ndani ya kundi la mlalo unakuwa mstari wa wima.
Upana
- Fit: chombo ni kipana tu kama mstari.
- Fill: chombo kinapanuka kujaza nafasi inayopatikana.
Unene
Unene wa mstari katika pikseli (1 hadi 10 px, chaguo-msingi 1). Kwa kigawanyaji cha mlalo huu ni urefu; kwa cha wima ni upana.
Urefu
Upana wa mstari kama asilimia ya chombo chake (5 hadi 100%, chaguo-msingi 100). Uweke chini ya 100% ili kuunda mstari sehemu, uliowekwa ndani.
Mpangilio
Inaweka mstari wakati urefu wake uko chini ya 100%: Start, Center (chaguo-msingi), au End. Kidhibiti hiki kinafichwa wakati Urefu ni 100%.
Radius ya pembe
- Sharp: ncha za mstatili.
- Rounded: ncha zenye umbo la kidonge.
Mpango wa rangi
Kwa hiari chagua Color scheme. Kigawanyaji kinatumia rangi ya mpaka kutoka mpango huo. Kama hakuna iliyowekwa, kinarithi rangi kutoka sehemu mzazi au kundi.
Padding
Nafasi kila upande katika pikseli. Kama kizuizi safu ni 0 hadi 100 px. Wakati kigawanyaji kinaongezwa kama sehemu ya ngazi ya juu, padding inaenda hadi 200 px (chaguo-msingi 20) kwa nafasi ya wima ya kupumua zaidi.
Makosa ya kawaida
- Makundi mawili ya fill ndani ya mzazi wa mlalo: kila moja inachukua 50% ya nafasi, ambayo kawaida ndio unachotaka. Ili kufanya upande mmoja kuwa mpana zaidi, weka Upana wa kundi hilo kuwa Custom.
- Kigawanyaji cha wima hakionekani: kigawanyaji kinakuwa wima tu kinapokuwa mtoto wa moja kwa moja wa kundi lililowekwa kwa mwelekeo wa Mlalo. Angalia mwelekeo wa kundi mzazi.
- Chaguo la Between linakosekana: Between inaonekana tu kwenye mhimili ambao watoto wanatiririka, hivyo iko kwenye Position kwa makundi ya wima na kwenye Alignment kwa makundi ya mlalo.
- Maandishi yenye rangi isiyo sahihi: pengine inarithi kutoka kundi mzazi lenye mpango tofauti. Zima Use parent color scheme kwenye kizuizi cha maandishi na uchague mpango wazi.
Kwa mahali vipengele hivi vinaweza kuwekwa, ona Sections and blocks.