npm install superfly-css-task-testThe superfly-css-task-test:
- Supports nunjucks templating
- Highlights content contained in Test-markup
- Generates a corresponding Test-render block that displays the markup contained in the Test-markup block
Clone the package:
`` console`
git clone https://github.com/superfly-css/superfly-css-task-test
Move to the root of the package
` console`
cd supefly-css-task-test
Build the test src/test/html/index.html by running:` console`
gulp test:css
The prebuilt contents are shown below. Once is built the markup contained in Test-markup will be highlighted, and a corresponding Test-render block will be generated after the Test-then block.
`html`
When the
.Grid container holds 2 .Grid-cell instances:
{% for cell in ['1', '2'] %}
{{cell}}/2
{% endfor %}
Each grid cell occupies the same amount of space witin the grid container row.
Post build the test file looks like this:
`html``
...
When the
.Grid container holds 2 .Grid-cell instances:
<div class="Grid">
<div class="Grid-cell">1/2</div>
<div class="Grid-cell">2/2</div>
</div>
Each grid cell occupies the same amount of space.
1/2
2/2
...