alihan/textual
1
0
Fork 0
mirror of https://github.com/Textualize/textual.git synced 2025-10-17 02:38:12 +03:00
Code Issues Packages Projects Releases Wiki Activity

CSS inheritance

Browse Source
This commit is contained in:
Will McGugan
2022-06-02 17:20:03 +01:00
parent 57dec90cc4
commit 39dde3c3cb
13 changed files with 160 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
sandbox/basic.css
View File

@@ -11,19 +11,21 @@
scrollbar-background-hover: $panel-darken-3;
scrollbar-color: $system;
scrollbar-color-active: $accent-darken-1;
scrollbar-size-horizontal: 1;
scrollbar-size-vertical: 2;
}
App > Screen {
layout: dock;
docks: side=left/1;
background: $surface;
color: $text-surface;
color: $text-surface;
}
#sidebar {
color: $text-primary;
background: $primary;
background: $primary-background;
dock: side;
width: 30;
offset-x: -100%;
@@ -37,7 +39,7 @@ App > Screen {
#sidebar .title {
height: 3;
background: $primary-darken-2;
background: $primary-background-darken-2;
color: $text-primary-darken-2 ;
border-right: outer $primary-darken-3;
content-align: center middle;
@@ -45,16 +47,16 @@ App > Screen {
#sidebar .user {
height: 8;
background: $primary-darken-1;
background: $primary-background-darken-1;
color: $text-primary-darken-1;
border-right: outer $primary-darken-3;
border-right: outer $primary-background-darken-3;
content-align: center middle;
}
#sidebar .content {
background: $primary;
color: $text-primary;
border-right: outer $primary-darken-3;
background: $primary-background;
color: $text-primary-background;
border-right: outer $primary-background-darken-3;
content-align: center middle;
}
@@ -90,14 +92,6 @@ Tweet {
box-sizing: border-box;
}
Tweet.scrollbar-size-custom {
scrollbar-size-vertical: 2;
}
Tweet.scroll-horizontal {
scrollbar-size-horizontal: 2;
}
.scrollable {
width: 80;
@@ -178,8 +172,8 @@ Tweet.scroll-horizontal TweetBody {
OptionItem {
height: 3;
background: $primary;
border-right: outer $primary-darken-2;
background: $primary-background;
border-right: outer $primary-background-darken-2;
border-left: blank;
content-align: center middle;
}
@@ -187,7 +181,7 @@ OptionItem {
OptionItem:hover {
height: 3;
color: $accent;
background: $primary-darken-1;
background: $primary-background-darken-1;
/* border-top: hkey $accent2-darken-3;
border-bottom: hkey $accent2-darken-3; */
text-style: bold;