docs

docs/examples/styles/display.py

@@ -0,0 +1,24 @@
+from textual.app import App
+from textual.widget import Widget
+
+
+class WidthApp(App):
+    CSS = """    
+    Screen > Widget {             
+        height: 5;
+        background: blue;        
+        color: white;   
+        border: heavy white;     
+    }
+    Widget.hidden {
+        display: none;
+    }
+    """
+
+    def compose(self):
+        yield Widget(id="widget1")
+        yield Widget(id="widget2", classes="hidden")
+        yield Widget(id="widget3")
+
+
+app = WidthApp()

docs/examples/styles/height.py

@@ -0,0 +1,18 @@
+from textual.app import App
+from textual.widget import Widget
+
+
+class WidthApp(App):
+    CSS = """    
+    Screen > Widget {     
+        background: green;
+        height: 50%;
+        color: white;
+    }
+    """
+
+    def compose(self):
+        yield Widget()
+
+
+app = WidthApp()

docs/examples/styles/width.py

@@ -4,9 +4,10 @@ from textual.widget import Widget
 
 class WidthApp(App):
     CSS = """    
-    Widget {     
-        background: blue 50%;
+    Screen > Widget {     
+        background: green;
         width: 50%;
+        color: white;
     }
     """