research and development


artworks series

prostřední blok

StylTypK čemu sloužíKam se dává
gb-diagram krystofbruhaWrapperZákladní diagram wrapper, výchozí vertikální layout a společné proměnné čáry. krystofbruhaNa parent wrapper diagramu. krystofbruha+1
gb-diagram-linear krystofbruhaWrapperHorizontální varianta wrapperu; přepíná diagram do řádkového směru. krystofbruhaNa stejný wrapper společně s gb-diagram. krystofbruha+1
gb-node krystofbruhaBox baseZákladní class pro vnitřní box, drží positioning context pro pseudo-elementy. krystofbruhaNa každý box, který se má napojovat. krystofbruha
gb-line-v krystofbruhaOsaVykreslí svislou čáru skrz celý box. krystofbruhaNa box, kde chceš plnou vertikální osu. krystofbruha
gb-line-h krystofbruhaOsaVykreslí vodorovnou čáru skrz celý box. krystofbruhaNa box, kde chceš plnou horizontální osu. krystofbruha
gb-join-bottom krystofbruhaConnectorNapojení dolů od středu boxu. krystofbruhaNa box, který má vést ke spodnímu prvku. krystofbruha
gb-join-top krystofbruhaConnectorNapojení nahoru do středu boxu. krystofbruhaNa box, který se má napojit shora. krystofbruha
gb-join-right krystofbruhaConnectorNapojení doprava od středu boxu. krystofbruhaNa box, který má vést k pravému prvku. krystofbruha
gb-join-left krystofbruhaConnectorNapojení doleva od středu boxu. krystofbruhaNa box, který se má napojit zleva. krystofbruha
ScénářWrapperBoxy
3 boxy vertikálně krystofbruhagb-diagram krystofbruhagb-node gb-join-bottomgb-node gb-join-bottomgb-node krystofbruha
3 boxy horizontálně krystofbruha+1gb-diagram gb-diagram-linear krystofbruha+1gb-node gb-join-rightgb-node gb-join-rightgb-node krystofbruha
2 boxy horizontálně obráceně krystofbruhagb-diagram gb-diagram-linear krystofbruhagb-nodegb-node gb-join-left krystofbruha
Jeden box se svislou osou krystofbruhagb-diagram krystofbruhagb-node gb-line-v krystofbruha
Jeden box s vodorovnou osou krystofbruhagb-diagram gb-diagram-linear nebo běžný wrapper krystofbruhagb-node gb-line-h krystofbruha