Merge pull request #4942 from TomJGooding/docs-fix-typos-and-spelling

docs: fix typos and spelling

Author: willmcgugan

docs/examples/guide/css/nesting02.tcss

@@ -9,11 +9,11 @@
         padding: 1 2;
         margin: 1 2;
         text-align: center;
-        border: heavy $panel;    
+        border: heavy $panel;
 
         /* Style the Yes button */
         &.affirmative {
-            border: heavy $success;        
+            border: heavy $success;
         }
 
         /* Style the No button */

docs/examples/guide/reactivity/set_reactive01.py

@@ -49,7 +49,7 @@ class NameApp(App):
     CSS = """
     Screen {
         align: center middle;
-    }   
+    }
     """
     greeting_no: var[int] = var(0)
     BINDINGS = [("space", "greeting")]

docs/examples/guide/reactivity/set_reactive02.py

@@ -49,7 +49,7 @@ class NameApp(App):
     CSS = """
     Screen {
         align: center middle;
-    }   
+    }
     """
     greeting_no: var[int] = var(0)
     BINDINGS = [("space", "greeting")]

docs/examples/guide/screens/questions01.tcss

@@ -1,17 +1,17 @@
 QuestionScreen {
     layout: grid;
-    grid-size: 2 2;                
+    grid-size: 2 2;
     align: center bottom;
 }
 
 QuestionScreen > Label {
-    margin: 1;       
+    margin: 1;
     text-align: center;
-    column-span: 2;    
+    column-span: 2;
     width: 1fr;
 }
 
 QuestionScreen Button {
-    margin: 2; 
-    width: 1fr;     
+    margin: 2;
+    width: 1fr;
 }

docs/examples/styles/hatch.tcss

@@ -1,7 +1,7 @@
 .hatch {
     height: 1fr;
     border: solid $secondary;
-  
+
     &.cross {
         hatch: cross $success;
     }

docs/examples/styles/keyline.tcss

@@ -5,16 +5,16 @@ Grid {
     keyline: heavy green;
 }
 Placeholder {
-    height: 1fr;      
+    height: 1fr;
 }
 .hidden {
     visibility: hidden;
-} 
+}
 #foo {
     column-span: 2;
 }
 #bar {
-    row-span: 2;        
+    row-span: 2;
 }
 #baz {
     column-span:3;

docs/guide/events.md

@@ -157,7 +157,7 @@ Textual uses the following scheme to map messages classes on to a Python method.
 
 Messages have a namespace if they are defined as a child class of a Widget.
 The namespace is the name of the parent class.
-For instance, the builtin `Input` class defines it's `Changed` message as follow:
+For instance, the builtin `Input` class defines its `Changed` message as follows:
 
 ```python
 class Input(Widget):

docs/guide/layout.md

@@ -105,7 +105,7 @@ As mentioned earlier, widgets expand to fill the _width_ of their parent contain
 They do not, however, expand to fill the container's height.
 Thus, we need explicitly assign `height: 100%` to achieve this.
 
-A consequence of this "horizontal growth" behaviour is that if we remove the width restriction from the above example (by deleting `width: 1fr;`), each child widget will grow to fit the width of the screen,
+A consequence of this "horizontal growth" behavior is that if we remove the width restriction from the above example (by deleting `width: 1fr;`), each child widget will grow to fit the width of the screen,
 and only the first widget will be visible.
 The other two widgets in our layout are offscreen, to the right-hand side of the screen.
 In the case of `horizontal` layout, Textual will _not_ automatically add a scrollbar.

docs/guide/reactivity.md

@@ -200,7 +200,7 @@ The color is parsed in `on_input_submitted` and assigned to `self.color`. Becaus
 
 Textual only calls watch methods if the value of a reactive attribute _changes_.
 If the newly assigned value is the same as the previous value, the watch method is not called.
-You can override this behaviour by passing `always_update=True` to `reactive`.
+You can override this behavior by passing `always_update=True` to `reactive`.
 
 
 ### Dynamically watching reactive attributes

docs/styles/links/link_background_hover.md

@@ -20,7 +20,7 @@ If not provided, a Textual action link will have `link-background-hover` set to
 
 ## Example
 
-The example below shows some links that have their background colour changed when the mouse moves over it and it shows that there is a default color for `link-background-hover`.
+The example below shows some links that have their background color changed when the mouse moves over it and it shows that there is a default color for `link-background-hover`.
 
 It also shows that `link-background-hover` does not affect hyperlinks.