mirror of
https://github.com/Textualize/textual.git
synced 2025-10-17 02:38:12 +03:00
62 lines
628 B
CSS
62 lines
628 B
CSS
Screen {
|
|
height: 100vh;
|
|
width: 100%;
|
|
background: red;
|
|
}
|
|
|
|
#horizontal {
|
|
width: 100%;
|
|
}
|
|
|
|
.box {
|
|
height: 5;
|
|
width: 5;
|
|
margin: 1 10;
|
|
}
|
|
|
|
#left_pane {
|
|
width: 1fr;
|
|
background: $background;
|
|
}
|
|
|
|
#middle_pane {
|
|
margin-top: 4;
|
|
width: 1fr;
|
|
background: #173f5f;
|
|
}
|
|
|
|
#middle_pane:focus {
|
|
tint: cyan 40%;
|
|
}
|
|
|
|
#right_pane {
|
|
width: 1fr;
|
|
background: #f6d55c;
|
|
}
|
|
|
|
.box:focus {
|
|
tint: cyan 40%;
|
|
}
|
|
|
|
#box1 {
|
|
background: green;
|
|
}
|
|
|
|
#box2 {
|
|
offset-y: 3;
|
|
background: hotpink;
|
|
}
|
|
|
|
#box3 {
|
|
background: red;
|
|
}
|
|
|
|
|
|
#box4 {
|
|
background: blue;
|
|
}
|
|
|
|
#box5 {
|
|
background: darkviolet;
|
|
}
|