mirror of
https://github.com/Textualize/textual.git
synced 2025-10-17 02:38:12 +03:00
5ef98aac90
* Initial layout guide stuff * More docs on layout - grid * Continuing grid docs * Grid gutter and spans guide * Improvements to layout docs for horizontal, vertical, dock, and begin describing layers * Update center layout example to reflect new yield order * More updates to layout guide, mostly offset stuff * More layout guide, "Putting it all together" * Updates to layout guide page * Small rewording of dock layout in guide * Apostrophe * Typo * Small design tweak to combining layouts example * Typos, tidying up * Small reword * Some updates to docs/guide/layout/grid * calc fix Co-authored-by: Will McGugan <willmcgugan@gmail.com>
37 lines
411 B
CSS
37 lines
411 B
CSS
Screen {
|
|
layout: center;
|
|
}
|
|
|
|
#parent {
|
|
layout: center;
|
|
background: #9e9e9e;
|
|
width: 60;
|
|
height: 20;
|
|
}
|
|
|
|
Box {
|
|
color: auto;
|
|
width: auto;
|
|
height: auto;
|
|
padding: 1 2;
|
|
}
|
|
|
|
#box1 {
|
|
background: $primary;
|
|
}
|
|
|
|
#box2 {
|
|
background: $secondary;
|
|
offset: 12 4;
|
|
}
|
|
|
|
#box3 {
|
|
background: lightseagreen;
|
|
offset: -12 -4;
|
|
}
|
|
|
|
#box4 {
|
|
background: darkred;
|
|
offset: -26 10;
|
|
}
|