hatch: <type> <colour-name> results in parsing error

[davep]

According to the docs for hatch you can do something like this:

hatch: cross red;

however, if I try that:

from textual.app import App

class HatchApp(App[None]):

    CSS = """
    Screen {
        hatch: cross red;
    }
    """

if __name__ == "__main__":
    HatchApp().run()

I get the following error:

╭─ Error at /Users/davep/develop/python/textual-sandbox/test_hatch.py in HatchApp.CSS:3:16 ──────────────────────────────────────────────╮
│   1 │                                                                                                                                  │
│   2 │   Screen {                                                                                                                       │
│ ❱ 3 │   │   hatch: cross red;                                                                                                          │
│   4 │   }                                                                                                                              │
│   5                                                                                                                                    │
╰────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯
   Invalid value for the hatch property                                                                                                   
   ├── The hatch property can only be set to 'cross', 'horizontal', 'left', 'right', or 'vertical'                                        
   └── Assign any of the valid strings to the property                                                                                    
         e.g. hatch: cross;                                                                                                               
         e.g. hatch: horizontal;                                                                                                          
         e.g. hatch: left;                                                                                                                
         e.g. hatch: right;                                                                                                               
         e.g. hatch: vertical;                                                                                                            
                                                                                                                                          

 CSS parsing failed: 1 error found in stylesheet

on the other hand this is fine:

from textual.app import App

class HatchApp(App[None]):

    CSS = """
    Screen {
        hatch: cross #f00;
    }
    """

if __name__ == "__main__":
    HatchApp().run()

[github-actions]

Don't forget to star the repository!

Follow @textualizeio for Textual updates.