From 553dad9f5a1ed7912d049107a2b19ee78aec1297 Mon Sep 17 00:00:00 2001
From: Gemma Leigh <hello@gemmaleigh.com>
Date: Tue, 8 Dec 2015 16:36:52 +0000
Subject: [PATCH 1/3] Add list classes for bulleted lists

---
 views/guide_icons_images.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/views/guide_icons_images.html b/views/guide_icons_images.html
index f8e568c01..443ff4eaa 100755
--- a/views/guide_icons_images.html
+++ b/views/guide_icons_images.html
@@ -77,7 +77,7 @@ <h3 class="heading-medium" id="images">Images</h3>
   </div>
 
   <h3 class="heading-medium" id="examples">Examples</h3>
-  <ul>
+  <ul class="list list-bullet">
     <li><a href="{{site.baseurl}}/icons-images/example-icons/">Example page: Icons in the GOV.UK frontend toolkit</a></li>
   </ul>
 

From 3424a0a6ed826ef438835db94e3377642a7f9fa0 Mon Sep 17 00:00:00 2001
From: Gemma Leigh <hello@gemmaleigh.com>
Date: Tue, 8 Dec 2015 16:39:50 +0000
Subject: [PATCH 2/3] Remove default list style within example boxes

---
 public/sass/elements-page.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/public/sass/elements-page.scss b/public/sass/elements-page.scss
index 09be2e9af..536bf29c0 100644
--- a/public/sass/elements-page.scss
+++ b/public/sass/elements-page.scss
@@ -88,6 +88,12 @@
     color: $hm-government;
   }
 
+  // Remove default list style within examples
+  ol,
+  ul {
+    list-style-type: none;
+  }
+
   // Fix grid layout within example boxes for IE7 and below
   // where box-sizing isn't supported: http://caniuse.com/#search=box-sizing
   @mixin example-box-column($width) {

From 6d5c2251b57a24967e3917268e567da4c2ba8de1 Mon Sep 17 00:00:00 2001
From: Gemma Leigh <hello@gemmaleigh.com>
Date: Tue, 8 Dec 2015 16:42:21 +0000
Subject: [PATCH 3/3] Add missing list classes to Icons example page

---
 views/examples/example_icons.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/views/examples/example_icons.html b/views/examples/example_icons.html
index 42bd535be..976070a50 100644
--- a/views/examples/example_icons.html
+++ b/views/examples/example_icons.html
@@ -32,7 +32,7 @@ <h1 class="heading-xlarge">
 
     <div class="column-third">
       <h2 class="heading-medium">Step icons</h2>
-      <ol class="example-icon-list">
+      <ol class="list example-icon-list">
         <li><i class="icon icon-step-1"></i> <p>icon-step-1.png</p></li>
         <li><i class="icon icon-step-2"></i> <p>icon-step-2.png</p></li>
         <li><i class="icon icon-step-3"></i> <p>icon-step-3.png</p></li>
@@ -52,7 +52,7 @@ <h2 class="heading-medium">Step icons</h2>
 
     <div class="column-third">
       <h2 class="heading-medium">Step circles</h2>
-      <ol class="example-icon-list">
+      <ol class="list example-icon-list">
         <li> <span class="circle circle-step">1</span>  <span class="circle circle-step-large">1</span>  </li>
         <li> <span class="circle circle-step">2</span>  <span class="circle circle-step-large">2</span>  </li>
         <li> <span class="circle circle-step">3</span>  <span class="circle circle-step-large">3</span>  </li>
@@ -72,7 +72,7 @@ <h2 class="heading-medium">Step circles</h2>
 
     <div class="column-third">
       <h2 class="heading-medium">Icons</h2>
-      <ul class="example-icon-list">
+      <ul class="list example-icon-list">
         <li>
           <i class="icon icon-calendar"></i>
           <p>icon-calendar.png</p>
@@ -99,7 +99,7 @@ <h2 class="heading-medium">Icons</h2>
 
     <div class="column-third">
       <h2 class="heading-medium">White or semi-transparent icons</h2>
-      <ul class="example-icon-list example-icon-list-background">
+      <ul class="list example-icon-list example-icon-list-background">
         <li>
           <i class="icon icon-pointer"></i>
           <p>icon-pointer.png</p>