Skip to content

Commit

Permalink
sync
Browse files Browse the repository at this point in the history
  • Loading branch information
@dermatthes
dermatthes committed Nov 25, 2023
1 parent 8793cdb commit 130f946
Showing 1 changed file with 11 additions and 0 deletions.
11 changes: 11 additions & 0 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -112,6 +112,17 @@ In the example above, the `layout="use: #header1"` attribute tells JodaStyle to

JodaStyle provides several commands for manipulating the DOM using CSS attributes:

| Command | Description | Example Usage |
|-----------------------|-----------------------------------------------------------------------------|-------------------------------------------------------------------------------|
| `--joda-wrap` | Wraps elements with a new element | `.box { --joda-wrap: @row; }` |
| `--joda-use` | Applies a template to the element | `<div class="box" style="--joda-use='box'; --layout-cols: 3"></div>` |
| `--joda-replace-by` | Replaces the element with the specified template | `--joda-replace-by: @header1;` |
| `--joda-container` | Wraps the element's children with the specified container | `--joda-container: @container;` |
| `--joda-unwrap` | Removes the parent element of the selected element | `--joda-unwrap: true;` |
| `--joda-group` | Groups consecutive elements with the same `--joda-group` value into a wrapper| `--joda-group: @row;` |
| `--joda-class` | Adds classes to the element | `--joda-class: 'new-class';` |
| `--joda-on-empty-class`| Adds a class to the element if it is empty | `--joda-on-empty-class: 'empty';` |

#### Wrap Command

The `--joda-wrap` command wraps one or more consecutive elements in a new element:
Expand Down

0 comments on commit 130f946

Please sign in to comment.