Tämä lohko yhdistää otsikkoslotit ja sisällön yhteen uudelleen käytettävään rakenteeseen.
Operaattoreita voidaan lisätä ilman, että nykyisestä kontekstista poistutaan.
Pääalue
Pääsisältö voi kasvaa luonnollisesti standardivälin kanssa.
Sivuala
Tämä sivualue käyttää vaaleaa taustaa korostaakseen täydentävää sisältöä.
Kolme-alueen asetteluLuonnos
Vasen paneeli
Toissijainen navigointi tai metadata voi elää täällä.
Pääsisältö
Pääinformaatio pysyy keskitettynä luettavuutta varten.
Oikea paneeli
Kontekstuaalisia toimintoja ja oivalluksia voidaan ryhmitellä tälle puolelle.
Kiinteä sivupaneeli
Kapea sarake, joka on mitoitettu --size-asteikolla, vartalon viereen, joka vie jäljelle jäävän leveyden.
128Projektit
Päälohko
Lohko, jossa on otsikko ja tekstisisältö.
Toissijainen lohko
Toinen lohko välinäytön esittelemiseksi.
Kortit
Päälohko
Lohko, jossa on otsikko ja tekstisisältö.
Toissijainen lohko
Toinen lohko välinäytön esittelemiseksi.
Kolmas lohko
Kolmas lohko rivissä.
Merkki kulmassa
`block--mark` asettaa pienen kuvakkeen lohkon alussa yläkulmaan: mitä se on — kaavioon asetetun kortin tyyppi, asiakirjan laatu —, sen sanoman vieressä, ei otsikkona.
Päälohko
Lohko, jossa on otsikko ja tekstisisältö.
Päälohko
Lohko, jossa on otsikko ja tekstisisältö.
Päälohko
Lohko, jossa on otsikko ja tekstisisältö.
Lohko, joka on linkki
Koko kortti on linkki — valinta, joka tehdään valitsemalla yksi kortti useista: suunnitelma, haara, malli. Se luetaan tekstinä, ei vaimeana toimintona; osoittimen alla sen tausta saa sävyn ja sen reuna tiivistyy, ja näppäimistö löytää sen fokussiren avulla, joka jokaisella ohjaimella on.
Yksi suurennettu arvo tai ikoni, keskitetty. Käytetään hallintapaneelin laskureissa ja tilatilanteissa — lisää block--square, jotta laatikko pysyy neliönä sen leveydestä huolimatta.
128Projektit
99.9%Käyttöaika
Reaalimaailma
Läpäisy
42Tapahtumat sekunnissa
Avainluvut
Luku luettu ohjauspaneelin avainlukuna: `block--figure--start` asettaa sen rivin alusta, etiketti yläpuolella, arvo sen yksikön kanssa taaksepäin asetettuna (`block--figure-unit`), ja viiva sen alla sanoo mistä se koostuu (`block--figure-sub`). `block--tone-cat-<name>` piirtää kategorian palkin reunan alas; `a.block--link` avaa luvun näkymän. `grid`-muodossa rivi menee usealle riville tilan kapentuessa.
Valtion — tai kategorian — väri etureunassa, eikä mitään muuta: sama palkki, jonka viesti kantaa, ilman värillistä taustaa, jotta niiden lista luettaisiin listana eikä hälytyksenä. Mikä tahansa lohko ottaa sen, myös palkki, joka seisoo lohkolla.
block--tone-info — maan pinta pysyy lohkon omana, vain etureuna kantaa väriä.
block--tone-success — maan pinta pysyy lohkon omana, vain etureuna kantaa väriä.
block--tone-warning — maan pinta pysyy lohkon omana, vain etureuna kantaa väriä.
block--tone-error — maan pinta pysyy lohkon omana, vain etureuna kantaa väriä.
block--tone-cat-lavender — maan pinta pysyy lohkon omana, vain etureuna kantaa väriä.
Ensimmäinen lapsi kasvaa, viimeinen lapsi pysyy kiinteänä — käytetään johtaja + toiminta riveissä.
Kuvaile toimintoa tässä johdantotekstissä.
Kulman toiminnot
`has-corner-actions` kehyksessä — johtaja, lohko, koodilohko, viesti — ja sen kuvake toiminnot `corner-actions` sisällä: yläkulmassa sen päässä, näkyvissä kun kehys on osoitettuna tai sen päällä on näppäimistö, aina näytöllä ilman osoitinta (`corner-actions--always` näyttää ne pysyvästi). Kehys, joka pitää jatkuvaa tekstiä, jättää sarakkeen vapaaksi niille.
Tämä johtaja voidaan kopioida kulmassa olevalla painikkeella.
Lohko, jossa on kaksi toimintoa kulmassa, pois tieltä kunnes sitä osoitetaan.
Sisäkkäin
Vaakasuora pino, joka sisältää pystysuoria pinoja — tyypillinen hallintapaneelin ruudukko.