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>
33 lines
464 B
CSS
33 lines
464 B
CSS
Screen {
|
|
overflow: auto;
|
|
}
|
|
|
|
#calculator {
|
|
layout: grid;
|
|
grid-size: 4;
|
|
grid-gutter: 1 2;
|
|
grid-columns: 1fr;
|
|
grid-rows: 2fr 1fr 1fr 1fr 1fr 1fr;
|
|
margin: 1 2;
|
|
min-height: 25;
|
|
min-width: 26;
|
|
}
|
|
|
|
Button {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
#numbers {
|
|
column-span: 4;
|
|
content-align: right middle;
|
|
padding: 0 1;
|
|
height: 100%;
|
|
background: $primary-lighten-2;
|
|
color: $text;
|
|
}
|
|
|
|
#number-0 {
|
|
column-span: 2;
|
|
}
|