Appsudo CSS Framework
Source section: `https://appsudo.com/doc#css-framework`

What ASCSS is
- Appsudo uses an external style format called ASCSS.
- ASXML nodes can still use inline style-like attributes directly.
- External rules live in files such as `style/styles.ascss`.

How styles are referenced
- Use `style="styles.rule_name"` in ASXML.
- Inline attributes can still override properties from the named style rule.

Frequently used attributes from the docs
- `background`
- `background-color`
- `border-radius`
- `border-color`
- `border-width`
- `border-style`
- `font-color`
- `font-size`
- `alignment`
- `width`
- `height`
- `margin` and side-specific variants
- `padding` and side-specific variants
- `enabled`

Example ASCSS shape
```css
button_primary {
  background-color: #007bff;
  font-color: white;
  border-radius: 5dp;
}
```

Code Snippets From Docs
- The blocks below were extracted from the corresponding section of `appsudo.com/doc`.

Snippet 1
```
<Button
  background-color="#007bff"
  font-color="white"
  border-radius="5px"
  padding="10dp"
  alignment="center"
/>

<TextBox
  border-color="#ccc"
  border-width="1px"
  font-size="16sp"
  width="fill"
/>
```

Snippet 2
```
/* styles.ascss */
button_primary {
  background-color: #007bff;
  font-color: white;
  border-radius: 5dp;
}

input_field {
  border-color: "cccccc;
  width: fill;
}
```

Snippet 3
```
<Button style="styles.button_primary" text="Submit" />
<TextBox style="styles.input_field" placeholder="Enter text..." />

<!-- Override specific properties -->
<Button style="styles.button_primary" font-color="yellow" />
```

Detailed Coverage Map
- The entries below were derived from the section structure in `appsudo.com/doc`.