Skip to content

Commit

Permalink
fix: flag and figure bugs
Browse files Browse the repository at this point in the history
  • Loading branch information
@mikemai2awesome
mikemai2awesome committed Jan 29, 2019
1 parent 2890996 commit 9893c60
Show file tree
Hide file tree
Showing 5 changed files with 210 additions and 192 deletions.
190 changes: 94 additions & 96 deletions docs-site/src/pages/pattern-lab/_patterns/04-pages/10-d8-product-pages/product-landing.twig
View file
Expand Up @@ -85,107 +85,105 @@


{% cell "u-bolt-width-1/1 u-bolt-width-1/2@small" %}
{% include "@bolt/ui-list.twig" with {
contentItems : [
{
contentItems: [
{
pattern: "flag",
valign: "middle",
url: "#!",
figure: {
"icon": {
name: "app-development",
size: "xlarge",
background: "circle",
color: "teal"
}
},
items: [
{
"pattern": "headline",
"size": "large",
"text": "Marketing",
"url": "https://www.google.com",
"icon": {
name: "chevron-right"
}
},
{
"pattern": "text",
"text": "Engage customers with real-time 1:1 marketing on any channel.",
"size": "medium",
}
]
{% set flag_item_1 %}
{% include "@bolt/flag.twig" with {
valign: "middle",
url: "#!",
figure: {
"icon": {
name: "app-development",
size: "xlarge",
background: "circle",
color: "teal"
}
},
items: [
{
"pattern": "headline",
"size": "large",
"text": "Marketing",
"url": "https://www.google.com",
"icon": {
name: "chevron-right"
}
]
},
{
"pattern": "text",
"text": "Engage customers with real-time 1:1 marketing on any channel.",
"size": "medium",
}
]
} only %}
{% endset %}
{% set flag_item_2 %}
{% include "@bolt/flag.twig" with {
valign: "middle",
url: "#!",
figure: {
"icon": {
name: "sales-automation",
size: "xlarge",
background: "circle",
color: "teal"
}
},
{
contentItems: [
{
pattern: "flag",
valign: "middle",
url: "#!",
figure: {
"icon": {
name: "sales-automation",
size: "xlarge",
background: "circle",
color: "teal"
}
},
items: [
{
"pattern": "headline",
"size": "large",
"text": "Sales Automation",
"url": "https://www.google.com",
"icon": {
name: "chevron-right"
}
},
{
"pattern": "text",
"text": "Intelligently guide sales professionals and automate the sales process.",
"size": "medium",
}
]
items: [
{
"pattern": "headline",
"size": "large",
"text": "Sales Automation",
"url": "https://www.google.com",
"icon": {
name: "chevron-right"
}
]
},
{
"pattern": "text",
"text": "Intelligently guide sales professionals and automate the sales process.",
"size": "medium",
}
]
} only %}
{% endset %}
{% set flag_item_3 %}
{% include "@bolt/flag.twig" with {
valign: "middle",
url: "#!",
figure: {
"icon": {
name: "customer-service",
size: "xlarge",
background: "circle",
color: "teal"
}
},
{
contentItems: [
{
pattern: "flag",
valign: "middle",
url: "#!",
figure: {
"icon": {
name: "customer-service",
size: "xlarge",
background: "circle",
color: "teal"
}
},
items: [
{
"pattern": "headline",
"size": "large",
"text": "Customer Service",
"url": "https://www.google.com",
"icon": {
name: "chevron-right"
}
},
{
"pattern": "text",
"text": "Serve, satisfy and engage every customer with digital customer service.",
"size": "medium",
}
]
items: [
{
"pattern": "headline",
"size": "large",
"text": "Customer Service",
"url": "https://www.google.com",
"icon": {
name: "chevron-right"
}
]
}
},
{
"pattern": "text",
"text": "Serve, satisfy and engage every customer with digital customer service.",
"size": "medium",
}
]
} only %}
{% endset %}

{% include "@bolt-components-list/list.twig" with {
display: "block",
separator: "solid",
spacing: "small",
items: [
flag_item_1,
flag_item_2,
flag_item_3,
]
} only %}
{% endcell %}
Expand Down
173 changes: 85 additions & 88 deletions docs-site/src/pages/pattern-lab/_patterns/04-pages/10-d8-product-pages/product-t2.twig
View file
Expand Up @@ -80,100 +80,97 @@


{% cell "u-bolt-width-1/1 u-bolt-width-1/2@small" %}
{% set flag_item_1 %}
{% include "@bolt/flag.twig" with {
valign: "middle",
url: "#!",
figure: {
icon: {
name: "app-development",
size: "xlarge",
background: "circle",
color: "teal"
}
},
items: [
{
pattern: "headline",
size: "small",
text: "Download the data Sheet",
url: "https://www.google.com",
icon: {
name: "chevron-right"
},
tag: "h3"
}
]
} only %}
{% endset %}
{% set flag_item_2 %}
{% include "@bolt/flag.twig" with {
valign: "middle",
url: "#!",
figure: {
icon: {
name: "sales-automation",
size: "xlarge",
background: "circle",
color: "teal"
}
},
items: [
{
pattern: "headline",
size: "small",
text: "Download the Overview document",
url: "https://www.google.com",
icon: {
name: "chevron-right"
}
}
]
} only %}
{% endset %}
{% set flag_item_3 %}
{% include "@bolt/flag.twig" with {
valign: "middle",
url: "#!",
figure: {
icon: {
name: "customer-service",
size: "xlarge",
background: "circle",
color: "teal"
}
},
items: [
{
pattern: "headline",
size: "small",
text: "View Pricing for Pega Marketing",
url: "https://www.google.com",
icon: {
name: "chevron-right"
}
}
]
} only %}
{% endset %}

{% include "@bolt/headline.twig" with {
text: "Get to know Pega Marketing",
size: "xlarge",
tag: "h2"
} only %}

{% include "@bolt/ui-list.twig" with {
size: "small",
contentItems : [
{
contentItems: [
{
pattern: "flag",
valign: "middle",
url: "#!",
figure: {
"icon": {
name: "app-development",
size: "large",
background: "circle",
color: "teal"
}
},
items: [
{
"pattern": "headline",
"size": "small",
"text": "Download the data Sheet",
"url": "https://www.google.com",
"icon": {
name: "chevron-right"
},
tag: "h3"
}
]
}
]
},
{
contentItems: [
{
pattern: "flag",
valign: "middle",
url: "#!",
figure: {
"icon": {
name: "sales-automation",
size: "large",
background: "circle",
color: "teal"
}
},
items: [
{
"pattern": "headline",
"size": "small",
"text": "Download the Overview document",
"url": "https://www.google.com",
"icon": {
name: "chevron-right"
}
}
]
}
]
},
{
contentItems: [
{
pattern: "flag",
valign: "middle",
url: "#!",
figure: {
"icon": {
name: "customer-service",
size: "large",
background: "circle",
color: "teal"
}
},
items: [
{
"pattern": "headline",
"size": "small",
"text": "View Pricing for Pega Marketing",
"url": "https://www.google.com",
"icon": {
name: "chevron-right"
}
}
]
}
]
}
{% include "@bolt-components-list/list.twig" with {
display: "block",
separator: "solid",
spacing: "small",
items: [
flag_item_1,
flag_item_2,
flag_item_3,
]
} only %}
{% endcell %}
Expand Down

0 comments on commit 9893c60

Please sign in to comment.