Skip to content

Commit

Permalink
fix: remove doc page template
Browse files Browse the repository at this point in the history
  • Loading branch information
@mikemai2awesome
mikemai2awesome committed Mar 20, 2019
1 parent bf3a635 commit 467223e
Show file tree
Hide file tree
Showing 11 changed files with 474 additions and 355 deletions.
38 changes: 28 additions & 10 deletions docs-site/src/pages/pattern-lab/_patterns/02-components/list/05-list.twig
View file
@@ -1,11 +1,29 @@
{% extends "@pl/_list-doc-template.twig" %}

{% block content %}
{% include "@bolt-components-list/list.twig" with {
items: [
placeholder_1,
placeholder_2,
placeholder_3,
]
{# Setting variables for demo purposes #}
{% set placeholder_1 %}
{% include "@bolt-components-placeholder/placeholder.twig" with {
text: "Item 1",
size: "xsmall",
} only %}
{% endset %}
{% set placeholder_2 %}
{% include "@bolt-components-placeholder/placeholder.twig" with {
text: "Item 2",
size: "xsmall",
} only %}
{% endblock %}
{% endset %}
{% set placeholder_3 %}
{% include "@bolt-components-placeholder/placeholder.twig" with {
text: "Item 3",
size: "xsmall",
} only %}
{% endset %}

{# Start component specific code #}
{% include "@bolt-components-list/list.twig" with {
items: [
placeholder_1,
placeholder_2,
placeholder_3,
]
} only %}
{# End component specific code #}
108 changes: 75 additions & 33 deletions docs-site/src/pages/pattern-lab/_patterns/02-components/list/10-list-item-variations.twig
View file
@@ -1,36 +1,78 @@
{% extends "@pl/_list-doc-template.twig" %}

{% block content %}
<h3>Inline list of different items</h3>
{% include "@bolt-components-list/list.twig" with {
display: "inline",
items: [
link_1,
chip_2,
button_3,
"Item 4",
"Item 5",
"Item 6",
]
{# Setting variables for demo purposes #}
{% set link_1 %}
{% include "@bolt-components-link/link.twig" with {
text: "Item 1",
url: "#!",
} only %}

<h3>Inline list of chips</h3>
{% include "@bolt-components-list/list.twig" with {
display: "inline",
items: [
chip_1,
chip_2,
chip_3,
]
{% endset %}
{% set button_1 %}
{% include "@bolt-components-button/button.twig" with {
text: "Item 1",
url: "#!",
} only %}

<h3>Inline list of buttons</h3>
{% include "@bolt-components-list/list.twig" with {
display: "inline",
items: [
button_1,
button_2,
button_3,
]
{% endset %}
{% set button_2 %}
{% include "@bolt-components-button/button.twig" with {
text: "Item 2",
url: "#!",
} only %}
{% endset %}
{% set button_3 %}
{% include "@bolt-components-button/button.twig" with {
text: "Item 3",
url: "#!",
} only %}
{% endset %}
{% set chip_1 %}
{% include "@bolt-components-chip/chip.twig" with {
text: "Item 1",
url: "#!",
} only %}
{% endblock %}
{% endset %}
{% set chip_2 %}
{% include "@bolt-components-chip/chip.twig" with {
text: "Item 2",
url: "#!",
} only %}
{% endset %}
{% set chip_3 %}
{% include "@bolt-components-chip/chip.twig" with {
text: "Item 3",
url: "#!",
} only %}
{% endset %}

{# Start component specific code #}
<h3>Inline list of different items</h3>
{% include "@bolt-components-list/list.twig" with {
display: "inline",
items: [
link_1,
chip_2,
button_3,
"Item 4",
"Item 5",
"Item 6",
]
} only %}

<h3>Inline list of chips</h3>
{% include "@bolt-components-list/list.twig" with {
display: "inline",
items: [
chip_1,
chip_2,
chip_3,
]
} only %}

<h3>Inline list of buttons</h3>
{% include "@bolt-components-list/list.twig" with {
display: "inline",
items: [
button_1,
button_2,
button_3,
]
} only %}
{# End component specific code #}
51 changes: 35 additions & 16 deletions docs-site/src/pages/pattern-lab/_patterns/02-components/list/15-list-display-variations.twig
View file
@@ -1,18 +1,37 @@
{% extends "@pl/_list-doc-template.twig" %}
{# Setting variables for demo purposes #}
{% set schema = bolt.data.components["@bolt-components-list"].schema %}
{% set placeholder_1 %}
{% include "@bolt-components-placeholder/placeholder.twig" with {
text: "Item 1",
size: "xsmall",
} only %}
{% endset %}
{% set placeholder_2 %}
{% include "@bolt-components-placeholder/placeholder.twig" with {
text: "Item 2",
size: "xsmall",
} only %}
{% endset %}
{% set placeholder_3 %}
{% include "@bolt-components-placeholder/placeholder.twig" with {
text: "Item 3",
size: "xsmall",
} only %}
{% endset %}

{% block content %}
{% for display in schema.properties.display.enum %}
<h3>{{ display|capitalize }}</h3>
{% include "@bolt-components-list/list.twig" with {
display: display,
items: [
placeholder_1,
placeholder_2,
placeholder_3,
]
} only %}
{% endfor %}
{# Start component specific code #}
{% for display in schema.properties.display.enum %}
<h3>{{ display|capitalize }}</h3>
{% include "@bolt-components-list/list.twig" with {
display: display,
items: [
placeholder_1,
placeholder_2,
placeholder_3,
]
} only %}
{% endfor %}

<h3>Inline@breakpoint</h3>
<p><mark>Note: this type of display option will transform a block list to inline when the browser is equal to or greater than the breakpoint specified.</mark></p>
{% endblock %}
<h3>Inline@breakpoint</h3>
<p><mark>Note: this type of display option will transform a block list to inline when the browser is equal to or greater than the breakpoint specified.</mark></p>
{# End component specific code #}
56 changes: 40 additions & 16 deletions docs-site/src/pages/pattern-lab/_patterns/02-components/list/20-list-spacing-variations.twig
View file
@@ -1,18 +1,42 @@
{% extends "@pl/_list-doc-template.twig" %}
{# Setting variables for demo purposes #}
{% set schema = bolt.data.components["@bolt-components-list"].schema %}
{% set regular_display_options = [
"block",
"flex",
"inline",
] %}
{% set placeholder_1 %}
{% include "@bolt-components-placeholder/placeholder.twig" with {
text: "Item 1",
size: "xsmall",
} only %}
{% endset %}
{% set placeholder_2 %}
{% include "@bolt-components-placeholder/placeholder.twig" with {
text: "Item 2",
size: "xsmall",
} only %}
{% endset %}
{% set placeholder_3 %}
{% include "@bolt-components-placeholder/placeholder.twig" with {
text: "Item 3",
size: "xsmall",
} only %}
{% endset %}

{% block content %}
{% for spacing in schema.properties.spacing.enum %}
{% for display in regular_display_options %}
<h3>{{ display|capitalize }} list with spacing ({{ spacing }})</h3>
{% include "@bolt-components-list/list.twig" with {
display: display,
spacing: spacing,
items: [
placeholder_1,
placeholder_2,
placeholder_3,
]
} only %}
{% endfor %}
{# Start component specific code #}
{% for spacing in schema.properties.spacing.enum %}
{% for display in regular_display_options %}
<h3>{{ display|capitalize }} list with spacing ({{ spacing }})</h3>
{% include "@bolt-components-list/list.twig" with {
display: display,
spacing: spacing,
items: [
placeholder_1,
placeholder_2,
placeholder_3,
]
} only %}
{% endfor %}
{% endblock %}
{% endfor %}
{# End component specific code #}
60 changes: 42 additions & 18 deletions ...site/src/pages/pattern-lab/_patterns/02-components/list/25-list-separator-variations.twig
View file
@@ -1,20 +1,44 @@
{% extends "@pl/_list-doc-template.twig" %}
{# Setting variables for demo purposes #}
{% set schema = bolt.data.components["@bolt-components-list"].schema %}
{% set regular_display_options = [
"block",
"flex",
"inline",
] %}
{% set link_1 %}
{% include "@bolt-components-link/link.twig" with {
text: "Item 1",
url: "#!",
} only %}
{% endset %}
{% set link_2 %}
{% include "@bolt-components-link/link.twig" with {
text: "Item 2",
url: "#!",
} only %}
{% endset %}
{% set link_3 %}
{% include "@bolt-components-link/link.twig" with {
text: "Item 3",
url: "#!",
} only %}
{% endset %}

{% block content %}
{% for display in regular_display_options %}
{% for separator in schema.properties.separator.enum %}
{% if separator != "none" %}
<h3>{{ display|capitalize }} list with separators ({{ separator }})</h3>
{% include "@bolt-components-list/list.twig" with {
display: display,
separator: separator,
items: [
link_1,
link_2,
link_3,
]
} only %}
{% endif %}
{% endfor %}
{# Start component specific code #}
{% for display in regular_display_options %}
{% for separator in schema.properties.separator.enum %}
{% if separator != "none" %}
<h3>{{ display|capitalize }} list with separators ({{ separator }})</h3>
{% include "@bolt-components-list/list.twig" with {
display: display,
separator: separator,
items: [
link_1,
link_2,
link_3,
]
} only %}
{% endif %}
{% endfor %}
{% endblock %}
{% endfor %}
{# End component specific code #}

0 comments on commit 467223e

Please sign in to comment.