From c2bfd036bd336497c05db25f9b1388f05b34ed80 Mon Sep 17 00:00:00 2001
From: "dependabot-preview[bot]"
 <27856297+dependabot-preview[bot]@users.noreply.github.com>
Date: Mon, 2 Dec 2019 05:16:52 +0000
Subject: [PATCH 1/8] Bump terser from 4.4.0 to 4.4.1

Bumps [terser](https://github.com/terser/terser) from 4.4.0 to 4.4.1.
- [Release notes](https://github.com/terser/terser/releases)
- [Changelog](https://github.com/terser/terser/blob/master/CHANGELOG.md)
- [Commits](https://github.com/terser/terser/compare/v4.4.0...v4.4.1)

Signed-off-by: dependabot-preview[bot] <support@dependabot.com>
---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 129189fbf..4a8fe7d9b 100644
--- a/package.json
+++ b/package.json
@@ -88,7 +88,7 @@
     "stylelint": "12.0.0",
     "stylelint-config-twbs-bootstrap": "1.0.0",
     "svgo": "1.3.2",
-    "terser": "4.4.0",
+    "terser": "4.4.1",
     "yaml": "1.7.2"
   },
   "dependencies": {

From 053caa998ab09edf1c754b69be7ea942a9ed4404 Mon Sep 17 00:00:00 2001
From: "dependabot-preview[bot]"
 <27856297+dependabot-preview[bot]@users.noreply.github.com>
Date: Mon, 2 Dec 2019 05:19:40 +0000
Subject: [PATCH 2/8] Bump eslint-plugin-unicorn from 13.0.0 to 14.0.1

Bumps [eslint-plugin-unicorn](https://github.com/sindresorhus/eslint-plugin-unicorn) from 13.0.0 to 14.0.1.
- [Release notes](https://github.com/sindresorhus/eslint-plugin-unicorn/releases)
- [Commits](https://github.com/sindresorhus/eslint-plugin-unicorn/compare/v13.0.0...v14.0.1)

Signed-off-by: dependabot-preview[bot] <support@dependabot.com>
---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 129189fbf..87e51664b 100644
--- a/package.json
+++ b/package.json
@@ -69,7 +69,7 @@
     "eslint": "6.7.1",
     "eslint-config-xo": "0.27.2",
     "eslint-plugin-import": "2.18.2",
-    "eslint-plugin-unicorn": "13.0.0",
+    "eslint-plugin-unicorn": "14.0.1",
     "glob": "^7.1.6",
     "http-server": "0.11.1",
     "icon-font-generator": "2.1.10",

From 1e6cb5217943026c1b27510fbb4c98c5d50f971f Mon Sep 17 00:00:00 2001
From: "dependabot-preview[bot]"
 <27856297+dependabot-preview[bot]@users.noreply.github.com>
Date: Mon, 2 Dec 2019 05:20:59 +0000
Subject: [PATCH 3/8] Bump http-server from 0.11.1 to 0.12.0

Bumps [http-server](https://github.com/http-party/http-server) from 0.11.1 to 0.12.0.
- [Release notes](https://github.com/http-party/http-server/releases)
- [Commits](https://github.com/http-party/http-server/compare/0.11.1...v0.12.0)

Signed-off-by: dependabot-preview[bot] <support@dependabot.com>
---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 129189fbf..cba95a811 100644
--- a/package.json
+++ b/package.json
@@ -71,7 +71,7 @@
     "eslint-plugin-import": "2.18.2",
     "eslint-plugin-unicorn": "13.0.0",
     "glob": "^7.1.6",
-    "http-server": "0.11.1",
+    "http-server": "0.12.0",
     "icon-font-generator": "2.1.10",
     "node-sass": "4.13.0",
     "node-sass-package-importer": "5.3.2",

From b869072d39bb6b473508a3013736c48b4c73056f Mon Sep 17 00:00:00 2001
From: "dependabot-preview[bot]"
 <27856297+dependabot-preview[bot]@users.noreply.github.com>
Date: Mon, 2 Dec 2019 05:24:23 +0000
Subject: [PATCH 4/8] Bump rollup from 1.27.5 to 1.27.7

Bumps [rollup](https://github.com/rollup/rollup) from 1.27.5 to 1.27.7.
- [Release notes](https://github.com/rollup/rollup/releases)
- [Changelog](https://github.com/rollup/rollup/blob/master/CHANGELOG.md)
- [Commits](https://github.com/rollup/rollup/compare/v1.27.5...v1.27.7)

Signed-off-by: dependabot-preview[bot] <support@dependabot.com>
---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 129189fbf..e5b9f4736 100644
--- a/package.json
+++ b/package.json
@@ -78,7 +78,7 @@
     "nodemon": "^2.0.1",
     "npm-run-all": "4.1.5",
     "postcss-cli": "6.1.3",
-    "rollup": "1.27.5",
+    "rollup": "1.27.7",
     "rollup-plugin-babel": "4.3.3",
     "rollup-plugin-babel-minify": "9.1.1",
     "rollup-plugin-commonjs": "10.1.0",

From 3407502824ce9c701ab00625c8f72cd83996d087 Mon Sep 17 00:00:00 2001
From: itsMorte <patrykbabula2003@gmail.com>
Date: Tue, 3 Dec 2019 21:51:07 +0100
Subject: [PATCH 5/8] fullfiled the avatars, ribbons and flags documentation

---
 pages/_docs/avatars.md | 83 ++++++++++++++++++++++++++----------------
 pages/_docs/flags.md   |  9 +++++
 pages/_docs/ribbons.md | 18 +++++++++
 3 files changed, 78 insertions(+), 32 deletions(-)

diff --git a/pages/_docs/avatars.md b/pages/_docs/avatars.md
index d974fd63c..61b8e1c50 100644
--- a/pages/_docs/avatars.md
+++ b/pages/_docs/avatars.md
@@ -14,6 +14,50 @@ Create and group avatars of various shapes and sizes with one component.
 {% include ui/avatar.html person-id=3 %}
 {% endexample %}
 
+### Avatar image
+
+Set an image as the background.
+
+{% example html wrapper=avatar-list %}
+{% include ui/avatar.html person-id=1 %}
+{% include ui/avatar.html person-id=3 %}
+{% include ui/avatar.html person-id=4 %}
+{% endexample %}
+
+### Initials
+
+You can easily use initials instead of images.
+
+{% example html wrapper=avatar-list %}
+{% include ui/avatar.html placeholder="AB" %}
+{% include ui/avatar.html placeholder="CD" %}
+{% include ui/avatar.html placeholder="EF" %}
+{% include ui/avatar.html placeholder="GH" %}
+{% include ui/avatar.html placeholder="IJ" %}
+{% endexample %}
+
+### Avatar icons
+
+You can also use icons in avatars.
+
+{% example html wrapper=avatar-list %}
+{% include ui/avatar.html icon="user" %}
+{% include ui/avatar.html icon="plus" %}
+{% include ui/avatar.html icon="user-plus" %}
+{% endexample %}
+
+### Avatar initials color
+
+Customize the color of the avatars' background. You can click You can click [here]({% docs_url colors %}) to see the list of available colors.
+
+{% example html wrapper=avatar-list %}
+{% include ui/avatar.html placeholder="AB" color="green" %}
+{% include ui/avatar.html placeholder="CD" color="red" %}
+{% include ui/avatar.html placeholder="EF" color="yellow" %}
+{% include ui/avatar.html placeholder="GH" color="blue" %}
+{% include ui/avatar.html placeholder="IJ" color="purple" %}
+{% endexample %}
+
 ### Avatar size
 
 Using Bootstrap’s typical naming structure, you can create a standard avatar, or scale it up to different sizes based on what’s needed.
@@ -51,43 +95,18 @@ Change the shape of an avatar with the default Bootstrap image classes.
 {% include ui/avatar.html person-id=21 shape="rounded-lg" %}
 {% endexample %}
 
-### Initials
-
-{% example html wrapper=avatar-list %}
-{% include ui/avatar.html placeholder="AB" size="xl" %}
-{% include ui/avatar.html placeholder="CD" size="lg" %}
-{% include ui/avatar.html placeholder="EF" size="md" %}
-{% include ui/avatar.html placeholder="GH" %}
-{% include ui/avatar.html placeholder="IJ" size="sm" %}
-{% endexample %}
-
-
-### Avatar initials color
-
-[See more]({% docs_url colors %})
-
-{% example html wrapper=avatar-list %}
-{% include ui/avatar.html placeholder="AB" color="green" %}
-{% include ui/avatar.html placeholder="CD" color="red" %}
-{% include ui/avatar.html placeholder="EF" color="yellow" %}
-{% include ui/avatar.html placeholder="GH" color="blue" %}
-{% include ui/avatar.html placeholder="IJ" color="purple" %}
-{% endexample %}
-
-### Avatar initials icons
-
-{% example html wrapper=avatar-list %}
-{% include ui/avatar.html icon="user" %}
-{% include ui/avatar.html icon="plus" %}
-{% include ui/avatar.html icon="user-plus" %}
-{% endexample %}
-
 ### Avatars list
 
+You can easily create a list of avatars.
+
 {% example %}
 {% include ui/avatar-list.html %}
 {% endexample %}
 
+### Stacked list
+
+Make the list stack when it reaches a certain length.
+
 {% example %}
 <div class="avatar-list avatar-list-stacked">
   {% for person in site.data.people limit: 5 offset: 30 %}
@@ -95,4 +114,4 @@ Change the shape of an avatar with the default Bootstrap image classes.
   {% endfor %}
   <span class="avatar" element="a">+8</span>
 </div>
-{% endexample %}
+{% endexample %}
\ No newline at end of file
diff --git a/pages/_docs/flags.md b/pages/_docs/flags.md
index 09e4fbd79..3928630c2 100644
--- a/pages/_docs/flags.md
+++ b/pages/_docs/flags.md
@@ -15,6 +15,13 @@ done: true
 
 ### Flag sizes
 
+Change the flag size. 
+<ul>
+    <li><code>xl</code> - large</li>
+    <li><code>mr</code> - big</li>
+    <li><code>md</code> - medium</li>
+</ul>
+
 {% example html %}
 {% include ui/flag.html flag="pl" class="flag-size-xl mr-1" %}
 {% include ui/flag.html flag="pl" class="flag-size-lg mr-1" %}
@@ -24,6 +31,8 @@ done: true
 
 ### Types
 
+To set the flag of the country you want add a class flag-(country name). For example to create a flag of Andorra your class should look like this: flag-ad.
+
 <table>
 {% for flag in site.data.flags %}
 <tr>
diff --git a/pages/_docs/ribbons.md b/pages/_docs/ribbons.md
index 5fe18237a..77e5a58b3 100644
--- a/pages/_docs/ribbons.md
+++ b/pages/_docs/ribbons.md
@@ -12,24 +12,42 @@ new: true
 
 ### Ribbon position
 
+You can easily change the position of a ribbon by adding a class to the element.
+<ul>
+    <li><code>ribbon-top</code> - moves it to the top</li>
+    <li><code>ribbon-right</code> - moves it to the right</li>
+    <li><code>ribbon-bottom</code> - moves it to the bottom</li>
+    <li><code>ribbon-left</code> - moves it to the lefg</li>
+</ul>
+You can also use multiple classes at once for example: <code><div class="ribbon ribbon-top ribbon-left"></div></code> moves the ribbon to the top left corner.
+
 {% example html columns=1 %}
 {% include cards/ribbon.html top=true left=true %}
 {% endexample %}
 
 ### Ribbon color
 
+Customize the ribbon's background color. You can click [here]({% docs_url colors %}) to see the list of available colors.
+
 {% example html columns=1 %}
 {% include cards/ribbon.html color="red" %}
 {% endexample %}
 
 ### Ribbon text
 
+Set your own text in a ribbon.
+
 {% example html columns=1 %}
 {% include cards/ribbon.html color="green" text="-50%" %}
 {% endexample %}
 
 ### Ribbon style
 
+Change the style of a ribbon. Available styles:
+<ul>
+    <li><code>ribbon-bookmark</code> - creates a indentation on the left</li>
+</ul>
+
 {% example html columns=1 %}
 {% include cards/ribbon.html bookmark=true color="orange" text="-50%" %}
 {% endexample %}

From 122cb93781f2ee3e0e57ff9c71ec1df7d95db474 Mon Sep 17 00:00:00 2001
From: "dependabot-preview[bot]"
 <27856297+dependabot-preview[bot]@users.noreply.github.com>
Date: Wed, 4 Dec 2019 08:56:31 +0000
Subject: [PATCH 6/8] Bump eslint from 6.7.1 to 6.7.2

Bumps [eslint](https://github.com/eslint/eslint) from 6.7.1 to 6.7.2.
- [Release notes](https://github.com/eslint/eslint/releases)
- [Changelog](https://github.com/eslint/eslint/blob/master/CHANGELOG.md)
- [Commits](https://github.com/eslint/eslint/compare/v6.7.1...v6.7.2)

Signed-off-by: dependabot-preview[bot] <support@dependabot.com>
---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 51b4fb91a..02821b0d2 100644
--- a/package.json
+++ b/package.json
@@ -69,7 +69,7 @@
     "bundlesize": "0.18.0",
     "clean-css-cli": "4.3.0",
     "cross-env": "6.0.3",
-    "eslint": "6.7.1",
+    "eslint": "6.7.2",
     "eslint-config-xo": "0.27.2",
     "eslint-plugin-import": "2.18.2",
     "eslint-plugin-unicorn": "13.0.0",

From b4fe4d1aacc6b58ca1fbfd5d33acf69c2202f355 Mon Sep 17 00:00:00 2001
From: Dawid Harat <dawidharat03@gmail.com>
Date: Sun, 8 Dec 2019 19:57:35 +0100
Subject: [PATCH 7/8] flags docs correction

---
 pages/_docs/avatars.md | 2 +-
 pages/_docs/flags.md   | 9 ++-------
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/pages/_docs/avatars.md b/pages/_docs/avatars.md
index 61b8e1c50..966329320 100644
--- a/pages/_docs/avatars.md
+++ b/pages/_docs/avatars.md
@@ -48,7 +48,7 @@ You can also use icons in avatars.
 
 ### Avatar initials color
 
-Customize the color of the avatars' background. You can click You can click [here]({% docs_url colors %}) to see the list of available colors.
+Customize the color of the avatars' background. You can click [here]({% docs_url colors %}) to see the list of available colors.
 
 {% example html wrapper=avatar-list %}
 {% include ui/avatar.html placeholder="AB" color="green" %}
diff --git a/pages/_docs/flags.md b/pages/_docs/flags.md
index 3928630c2..43394535c 100644
--- a/pages/_docs/flags.md
+++ b/pages/_docs/flags.md
@@ -15,12 +15,7 @@ done: true
 
 ### Flag sizes
 
-Change the flag size. 
-<ul>
-    <li><code>xl</code> - large</li>
-    <li><code>mr</code> - big</li>
-    <li><code>md</code> - medium</li>
-</ul>
+Using Bootstrap’s typical naming structure, you can create a standard flag, or scale it up to different sizes based on what’s needed.
 
 {% example html %}
 {% include ui/flag.html flag="pl" class="flag-size-xl mr-1" %}
@@ -31,7 +26,7 @@ Change the flag size.
 
 ### Types
 
-To set the flag of the country you want add a class flag-(country name). For example to create a flag of Andorra your class should look like this: flag-ad.
+To set the flag of the country you want add a class `flag-(country name)`. For example to create a flag of Andorra your class should look like this: `.flag-ad`.
 
 <table>
 {% for flag in site.data.flags %}

From 645b761c4c6a5fbb0f7a1aa1f25d29dfe0d2ec54 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Sun, 8 Dec 2019 19:58:25 +0100
Subject: [PATCH 8/8] ribbon and flags fixes

---
 pages/_docs/flags.md   |  9 ++++-----
 pages/_docs/ribbons.md | 19 ++++++++-----------
 2 files changed, 12 insertions(+), 16 deletions(-)

diff --git a/pages/_docs/flags.md b/pages/_docs/flags.md
index 3928630c2..832e627b4 100644
--- a/pages/_docs/flags.md
+++ b/pages/_docs/flags.md
@@ -16,11 +16,10 @@ done: true
 ### Flag sizes
 
 Change the flag size. 
-<ul>
-    <li><code>xl</code> - large</li>
-    <li><code>mr</code> - big</li>
-    <li><code>md</code> - medium</li>
-</ul>
+
+- `xl` - large
+- `mr` - big
+- `md` - medium
 
 {% example html %}
 {% include ui/flag.html flag="pl" class="flag-size-xl mr-1" %}
diff --git a/pages/_docs/ribbons.md b/pages/_docs/ribbons.md
index 77e5a58b3..5067c3ae5 100644
--- a/pages/_docs/ribbons.md
+++ b/pages/_docs/ribbons.md
@@ -13,13 +13,13 @@ new: true
 ### Ribbon position
 
 You can easily change the position of a ribbon by adding a class to the element.
-<ul>
-    <li><code>ribbon-top</code> - moves it to the top</li>
-    <li><code>ribbon-right</code> - moves it to the right</li>
-    <li><code>ribbon-bottom</code> - moves it to the bottom</li>
-    <li><code>ribbon-left</code> - moves it to the lefg</li>
-</ul>
-You can also use multiple classes at once for example: <code><div class="ribbon ribbon-top ribbon-left"></div></code> moves the ribbon to the top left corner.
+
+    `ribbon-top` - moves it to the top
+    `ribbon-right` - moves it to the right
+    `ribbon-bottom` - moves it to the bottom
+    `ribbon-left` - moves it to the lefg
+
+You can also use multiple classes at once for example: `.ribbon.ribbon-top.ribbon-left` moves the ribbon to the top left corner.
 
 {% example html columns=1 %}
 {% include cards/ribbon.html top=true left=true %}
@@ -43,10 +43,7 @@ Set your own text in a ribbon.
 
 ### Ribbon style
 
-Change the style of a ribbon. Available styles:
-<ul>
-    <li><code>ribbon-bookmark</code> - creates a indentation on the left</li>
-</ul>
+Change the style of a ribbon. 
 
 {% example html columns=1 %}
 {% include cards/ribbon.html bookmark=true color="orange" text="-50%" %}