jekyll-theme-opentoolbox 1.1.0 → 2.0.0

data/node_modules/bulma-block-list/docs/Gemfile

@@ -1,3 +1,3 @@
-source 'https://rubygems.org'
-gem "bulma-clean-theme",  '0.10.5'
+source 'https://rubygems.org'
+gem "bulma-clean-theme",  '0.10.5'
 gem 'github-pages', group: :jekyll_plugins

data/node_modules/bulma-block-list/docs/_config.yml

@@ -1,15 +1,15 @@
-title: Bulma Block List
-description: >- # this means to ignore newlines until "baseurl:"
-  Bulma Block List is a simple scss package extending Bulma with block style list elements
-baseurl: "/bulma-block-list"
-url: "https://www.csrhymes.com"
-gh_sponsor: chrisrhymes
-favicon: /favicon.ico
-google_analytics: UA-49024852-2
-remote_theme: chrisrhymes/bulma-clean-theme
-
-# Build settings
-markdown: kramdown
-plugins:
-  - jekyll-feed
-  - github-pages
+title: Bulma Block List
+description: >- # this means to ignore newlines until "baseurl:"
+  Bulma Block List is a simple scss package extending Bulma with block style list elements
+baseurl: "/bulma-block-list"
+url: "https://www.csrhymes.com"
+gh_sponsor: chrisrhymes
+favicon: /favicon.ico
+google_analytics: UA-49024852-2
+remote_theme: chrisrhymes/bulma-clean-theme
+
+# Build settings
+markdown: kramdown
+plugins:
+  - jekyll-feed
+  - github-pages

data/node_modules/bulma-block-list/docs/_data/menu.yaml

@@ -1,20 +1,20 @@
-- label: Docs
-  items:
-    - name: How To Use
-      link: '/#how-to-use'
-    - name: Alignment
-      link: '/#alignment'
-    - name: Sizes
-      link: '/#sizes'
-    - name: Colours
-      link: '/#colours'
-    - name: Outlined
-      link: '/#outlined'
-    - name: Has Radius
-      link: '/#has-radius'
-    - name: Is Highlighted
-      link: '/#highlighted'
-    - name: List Item Overrides
-      link: '/#list-item-overrides'
-    - name: Combinations
+- label: Docs
+  items:
+    - name: How To Use
+      link: '/#how-to-use'
+    - name: Alignment
+      link: '/#alignment'
+    - name: Sizes
+      link: '/#sizes'
+    - name: Colours
+      link: '/#colours'
+    - name: Outlined
+      link: '/#outlined'
+    - name: Has Radius
+      link: '/#has-radius'
+    - name: Is Highlighted
+      link: '/#highlighted'
+    - name: List Item Overrides
+      link: '/#list-item-overrides'
+    - name: Combinations
       link: '/#combinations'

data/node_modules/bulma-block-list/docs/_sass/_block-list.scss

@@ -1,109 +1,109 @@
-@charset "utf-8";
-
-$block-list-separator: 0.25rem !default;
-$block-list-highlight-width: 5px !default;
-
-.content {
-    ul.block-list {
-      list-style: none;
-      margin-left: 0;
-    }
-  }
-
-.block-list {
-    list-style: none;
-
-    li {
-        padding: ($gap / 2);
-        background: $light;
-        margin-bottom: $block-list-separator;
-    }
-
-    li.is-left,
-    &.is-left > li {
-        text-align: left;
-    }
-
-
-    li.is-centered,
-    &.is-centered > li {
-        text-align: center;
-    }
-
-    li.is-right,
-    &.is-right > li {
-        text-align: right;
-    }
-
-    li.is-small,
-    &.is-small > li {
-        font-size: $small-font-size;
-        padding: ($gap / 3);
-    }
-
-    li.is-normal,
-    &.is-normal > li {
-        font-size: $body-font-size;
-    }
-
-    li.is-large,
-    &.is-large > li {
-        font-size: $size-large;
-    }
-
-    li.has-radius,
-    &.has-radius > li {
-        border-radius: $radius;
-    }
-
-    li.is-highlighted,
-    &.is-highlighted > li {
-        border-left: $block-list-highlight-width $dark solid;
-    }
-
-    @mixin outlined($color) {
-        background: transparent;
-        color: $color;
-        border: 1px solid $color;
-    }
-
-    li.is-outlined,
-    &.is-outlined > li {
-        @include outlined($border);
-        color: $text;
-    }
-
-    @each $name, $pair in $colors {
-
-        $color: nth($pair, 1);
-        $color-invert: nth($pair, 2);
-
-        li.is-#{$name},
-        &.is-#{$name} > li {
-            background: $color;
-            color: $color-invert;
-        }
-        
-        li.is-#{$name}.is-outlined {
-            @include outlined($color);
-        }
-
-        li.is-#{$name}.is-highlighted {
-            @include outlined($color);
-            border-left: $block-list-highlight-width $color solid;
-        }
-
-        &.is-#{$name} {
-            li.is-outlined,
-            &.is-outlined > li {
-                @include outlined($color);
-            }
-
-            li.is-highlighted,
-            &.is-highlighted > li {
-                @include outlined($color);
-                border-left: $block-list-highlight-width $color solid;
-            }
-        }
-    }
+@charset "utf-8";
+
+$block-list-separator: 0.25rem !default;
+$block-list-highlight-width: 5px !default;
+
+.content {
+    ul.block-list {
+      list-style: none;
+      margin-left: 0;
+    }
+  }
+
+.block-list {
+    list-style: none;
+
+    li {
+        padding: ($gap / 2);
+        background: $light;
+        margin-bottom: $block-list-separator;
+    }
+
+    li.is-left,
+    &.is-left > li {
+        text-align: left;
+    }
+
+
+    li.is-centered,
+    &.is-centered > li {
+        text-align: center;
+    }
+
+    li.is-right,
+    &.is-right > li {
+        text-align: right;
+    }
+
+    li.is-small,
+    &.is-small > li {
+        font-size: $small-font-size;
+        padding: ($gap / 3);
+    }
+
+    li.is-normal,
+    &.is-normal > li {
+        font-size: $body-font-size;
+    }
+
+    li.is-large,
+    &.is-large > li {
+        font-size: $size-large;
+    }
+
+    li.has-radius,
+    &.has-radius > li {
+        border-radius: $radius;
+    }
+
+    li.is-highlighted,
+    &.is-highlighted > li {
+        border-left: $block-list-highlight-width $dark solid;
+    }
+
+    @mixin outlined($color) {
+        background: transparent;
+        color: $color;
+        border: 1px solid $color;
+    }
+
+    li.is-outlined,
+    &.is-outlined > li {
+        @include outlined($border);
+        color: $text;
+    }
+
+    @each $name, $pair in $colors {
+
+        $color: nth($pair, 1);
+        $color-invert: nth($pair, 2);
+
+        li.is-#{$name},
+        &.is-#{$name} > li {
+            background: $color;
+            color: $color-invert;
+        }
+        
+        li.is-#{$name}.is-outlined {
+            @include outlined($color);
+        }
+
+        li.is-#{$name}.is-highlighted {
+            @include outlined($color);
+            border-left: $block-list-highlight-width $color solid;
+        }
+
+        &.is-#{$name} {
+            li.is-outlined,
+            &.is-outlined > li {
+                @include outlined($color);
+            }
+
+            li.is-highlighted,
+            &.is-highlighted > li {
+                @include outlined($color);
+                border-left: $block-list-highlight-width $color solid;
+            }
+        }
+    }
 }

data/node_modules/bulma-block-list/docs/_sass/_main.scss

@@ -1,20 +1,20 @@
-@charset "utf-8";
-@import url('https://fonts.googleapis.com/css?family=Montserrat');
-
-$family-sans-serif: 'Montserrat', sans-serif;
-$primary: #188eac !default;
-
-$tabs-link-active-color: $primary;
-$tabs-link-active-border-bottom-color: $primary;
-
-@import "../node_modules/bulma/bulma.sass";
-$hero-darken: $dark !default;
-
-@import "layout";
-@import "syntax";
-@import "showcase";
-@import "block-list.scss";
-
-.gh-sponsor {
-  color: #ea4aaa;
+@charset "utf-8";
+@import url('https://fonts.googleapis.com/css?family=Montserrat');
+
+$family-sans-serif: 'Montserrat', sans-serif;
+$primary: #188eac !default;
+
+$tabs-link-active-color: $primary;
+$tabs-link-active-border-bottom-color: $primary;
+
+@import "../node_modules/bulma/bulma.sass";
+$hero-darken: $dark !default;
+
+@import "layout";
+@import "syntax";
+@import "showcase";
+@import "block-list.scss";
+
+.gh-sponsor {
+  color: #ea4aaa;
 }

data/node_modules/bulma-block-list/docs/assets/css/app.scss

@@ -1,7 +1,7 @@
----
----
-
-$primary: hsl(171, 100%, 41%);
-
-// Import Main CSS file from theme
+---
+---
+
+$primary: hsl(171, 100%, 41%);
+
+// Import Main CSS file from theme
 @import "main";

data/node_modules/bulma-block-list/docs/index.html

@@ -1,260 +1,260 @@
----
-title: Bulma Block List
-subtitle: Docs
-layout: page
-menubar: menu
-hero_height: is-medium
----
-        
-<div class="columns is-multiline">
-    <div class="column is-12 has-text-right">
-        <a href="https://github.com/chrisrhymes/bulma-block-list/stargazers">
-            <img src="https://img.shields.io/github/stars/chrisrhymes/bulma-block-list?style=social" alt="GitHub Stars" />
-        </a>
-        <a href="https://github.com/chrisrhymes/bulma-block-list/network/members">
-            <img alt="GitHub forks" src="https://img.shields.io/github/forks/chrisrhymes/bulma-block-list?label=fork&style=social">
-        </a>
-        <img alt="npm" src="https://img.shields.io/npm/dw/bulma-block-list">
-    </div>
-    <div class="column is-12">
-        <div class="content">
-            <h2 id="how-to-use">How to use</h2>
-            <p>View the <a href="https://github.com/chrisrhymes/bulma-block-list">Bulma Block List repo on GitHub</a> and follow the instructions.</p>
-            <p>Create a ul and give it the class 'block-list' then use the modifyers to style as needed. Only some of the colours are displayed below but the scss loops through the entire Bulma $colors map.</p>
-        </div>
-<div class="highlight highlight-text-html-basic">
-<pre>
-&lt;<span class="pl-ent">ul</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>block-list is-small is-outlined is-success is-centered<span class="pl-pds">"</span></span>&gt;
-&lt;<span class="pl-ent">li</span>&gt;Item one&lt;/<span class="pl-ent">li</span>&gt;
-&lt;<span class="pl-ent">li</span>&gt;Item two&lt;/<span class="pl-ent">li</span>&gt;
-&lt;<span class="pl-ent">li</span>&gt;Item three&lt;/<span class="pl-ent">li</span>&gt;
-&lt;/<span class="pl-ent">ul</span>&gt;</pre>
-</div>
-    </div>
-    <div class="column is-12">
-        <p class="title is-4" id="alignment">Alignment</p>
-    </div>
-    <div class="column is-4">
-        <p class="title is-5">is-left (default)</p>
-        <ul class="block-list is-left">
-            <li>Item one</li>
-            <li>Item two</li>
-            <li>Item three</li>
-        </ul>
-    </div>
-    <div class="column is-4">
-        <p class="title is-5">is-centered</p>
-        <ul class="block-list is-centered">
-            <li>Item one</li>
-            <li>Item two</li>
-            <li>Item three</li>
-        </ul>
-    </div>
-    <div class="column is-4">
-        <p class="title is-5">is-right</p>
-        <ul class="block-list is-right">
-            <li>Item one</li>
-            <li>Item two</li>
-            <li>Item three</li>
-        </ul>
-    </div>
-
-    <div class="column is-12">
-        <p class="title is-4" id="sizes">Sizes</p>
-    </div>
-    <div class="column is-4">
-        <p class="title is-5">is-small</p>
-        <ul class="block-list is-small">
-            <li>Item one</li>
-            <li>Item two</li>
-            <li>Item three</li>
-        </ul>
-    </div>
-    <div class="column is-4">
-        <p class="title is-5">is-normal</p>
-        <ul class="block-list is-normal">
-            <li>Item one</li>
-            <li>Item two</li>
-            <li>Item three</li>
-        </ul>
-    </div>
-    <div class="column is-4">
-        <p class="title is-5">is-large</p>
-        <ul class="block-list is-large">
-            <li>Item one</li>
-            <li>Item two</li>
-            <li>Item three</li>
-        </ul>
-    </div>
-
-    <div class="column is-12">
-        <p class="title is-4" id="colours">Colours</p>
-    </div>
-    <div class="column is-4">
-        <p class="title is-5">is-primary</p>
-        <ul class="block-list is-primary">
-            <li>Item one</li>
-            <li>Item two</li>
-            <li>Item three</li>
-        </ul>
-    </div>
-    <div class="column is-4">
-        <p class="title is-5">is-info</p>
-        <ul class="block-list is-info">
-            <li>Item one</li>
-            <li>Item two</li>
-            <li>Item three</li>
-        </ul>
-    </div>
-    <div class="column is-4">
-        <p class="title is-5">is-dark</p>
-        <ul class="block-list is-dark">
-            <li>Item one</li>
-            <li>Item two</li>
-            <li>Item three</li>
-        </ul>
-    </div>
-
-    <div class="column is-12">
-        <p class="title is-4" id="outlined">Outlined</p>
-    </div>
-    <div class="column is-4">
-        <p class="title is-5">is-outlined</p>
-        <ul class="block-list is-outlined">
-            <li>Item one</li>
-            <li>Item two</li>
-            <li>Item three</li>
-        </ul>
-    </div>
-    <div class="column is-4">
-        <p class="title is-5">is-outlined is-primary</p>
-        <ul class="block-list is-outlined is-primary">
-            <li>Item one</li>
-            <li>Item two</li>
-            <li>Item three</li>
-        </ul>
-    </div>
-    <div class="column is-4">
-        <p class="title is-5">is-outlined is-dark</p>
-        <ul class="block-list is-outlined is-dark">
-            <li>Item one</li>
-            <li>Item two</li>
-            <li>Item three</li>
-        </ul>
-    </div>
-
-    <div class="column is-12">
-        <p class="title is-4" id="has-radius">Has Radius</p>
-    </div>
-    <div class="column is-4">
-        <p class="title is-5">has-radius is-primary </p>
-        <ul class="block-list has-radius is-primary">
-            <li>Item one</li>
-            <li>Item two</li>
-            <li>Item three</li>
-        </ul>
-    </div>
-    <div class="column is-4">
-        <p class="title is-5">has-radius is-info</p>
-        <ul class="block-list has-radius is-info">
-            <li>Item one</li>
-            <li>Item two</li>
-            <li>Item three</li>
-        </ul>
-    </div>
-    <div class="column is-4">
-        <p class="title is-5">has-radius is-dark</p>
-        <ul class="block-list has-radius is-dark">
-            <li>Item one</li>
-            <li>Item two</li>
-            <li>Item three</li>
-        </ul>
-    </div>
-
-    <div class="column is-12">
-        <p class="title is-4" id="highlighted">Is Highlighted</p>
-        <p>In v0.4 you can highlight the all list items or individual list items</p>
-    </div>
-    <div class="column is-4">
-        <p class="title is-5">li.is-highlighted</p>
-        <ul class="block-list">
-            <li>Item one</li>
-            <li class="is-highlighted">Item two</li>
-            <li>Item three</li>
-        </ul>
-    </div>
-    <div class="column is-4">
-        <p class="title is-5">is-highlighted is-info</p>
-        <ul class="block-list is-highlighted is-info">
-            <li>Item one</li>
-            <li>Item two</li>
-            <li>Item three</li>
-        </ul>
-    </div>
-    <div class="column is-4">
-        <p class="title is-5">is-highlighted is-danger has-radius</p>
-        <ul class="block-list is-highlighted is-danger has-radius">
-            <li>Item one</li>
-            <li>Item two</li>
-            <li>Item three</li>
-        </ul>
-    </div>
-
-    <div class="column is-12">
-        <p class="title is-4" id="list-item-overrides">List Item Overrides</p>
-        <p>In v0.3 you can override the classes on a list item</p>
-    </div>
-    <div class="column is-4">
-        <p class="title is-5">li.is-large</p>
-        <ul class="block-list">
-            <li>Item one</li>
-            <li class="is-large">Item two</li>
-            <li>Item three</li>
-        </ul>
-    </div>
-    <div class="column is-4">
-        <p class="title is-5">li.is-primary</p>
-        <ul class="block-list">
-            <li>Item one</li>
-            <li class="is-primary">Item two</li>
-            <li>Item three</li>
-        </ul>
-    </div>
-    <div class="column is-4">
-        <p class="title is-5">li.is-primary.is-outlined</p>
-        <ul class="block-list">
-            <li>Item one</li>
-            <li class="is-primary is-outlined">Item two</li>
-            <li>Item three</li>
-        </ul>
-    </div>
-
-    <div class="column is-12">
-        <p class="title is-4" id="combinations">Combinations</p>
-    </div>
-    <div class="column is-4">
-        <p class="title is-5">is-small is-outlined is-success is-centered</p>
-        <ul class="block-list is-small is-outlined is-success is-centered">
-            <li>Item one</li>
-            <li>Item two</li>
-            <li>Item three</li>
-        </ul>
-    </div>
-    <div class="column is-4">
-        <p class="title is-5">is-large is-warning is-right has-radius</p>
-        <ul class="block-list is-large is-warning is-right has-radius">
-            <li>Item one</li>
-            <li>Item two</li>
-            <li>Item three</li>
-        </ul>
-    </div>
-    <div class="column is-4">
-        <p class="title is-5">ul.is-danger.is-centered</p>
-        <p class="subtitle">li.is-highlighted.is-large</p>
-        <ul class="block-list is-centered is-danger">
-            <li>Item one</li>
-            <li class="is-danger is-highlighted is-large">Item two</li>
-            <li>Item three</li>
-        </ul>
-    </div>
-</div>
+---
+title: Bulma Block List
+subtitle: Docs
+layout: page
+menubar: menu
+hero_height: is-medium
+---
+        
+<div class="columns is-multiline">
+    <div class="column is-12 has-text-right">
+        <a href="https://github.com/chrisrhymes/bulma-block-list/stargazers">
+            <img src="https://img.shields.io/github/stars/chrisrhymes/bulma-block-list?style=social" alt="GitHub Stars" />
+        </a>
+        <a href="https://github.com/chrisrhymes/bulma-block-list/network/members">
+            <img alt="GitHub forks" src="https://img.shields.io/github/forks/chrisrhymes/bulma-block-list?label=fork&style=social">
+        </a>
+        <img alt="npm" src="https://img.shields.io/npm/dw/bulma-block-list">
+    </div>
+    <div class="column is-12">
+        <div class="content">
+            <h2 id="how-to-use">How to use</h2>
+            <p>View the <a href="https://github.com/chrisrhymes/bulma-block-list">Bulma Block List repo on GitHub</a> and follow the instructions.</p>
+            <p>Create a ul and give it the class 'block-list' then use the modifyers to style as needed. Only some of the colours are displayed below but the scss loops through the entire Bulma $colors map.</p>
+        </div>
+<div class="highlight highlight-text-html-basic">
+<pre>
+&lt;<span class="pl-ent">ul</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>block-list is-small is-outlined is-success is-centered<span class="pl-pds">"</span></span>&gt;
+&lt;<span class="pl-ent">li</span>&gt;Item one&lt;/<span class="pl-ent">li</span>&gt;
+&lt;<span class="pl-ent">li</span>&gt;Item two&lt;/<span class="pl-ent">li</span>&gt;
+&lt;<span class="pl-ent">li</span>&gt;Item three&lt;/<span class="pl-ent">li</span>&gt;
+&lt;/<span class="pl-ent">ul</span>&gt;</pre>
+</div>
+    </div>
+    <div class="column is-12">
+        <p class="title is-4" id="alignment">Alignment</p>
+    </div>
+    <div class="column is-4">
+        <p class="title is-5">is-left (default)</p>
+        <ul class="block-list is-left">
+            <li>Item one</li>
+            <li>Item two</li>
+            <li>Item three</li>
+        </ul>
+    </div>
+    <div class="column is-4">
+        <p class="title is-5">is-centered</p>
+        <ul class="block-list is-centered">
+            <li>Item one</li>
+            <li>Item two</li>
+            <li>Item three</li>
+        </ul>
+    </div>
+    <div class="column is-4">
+        <p class="title is-5">is-right</p>
+        <ul class="block-list is-right">
+            <li>Item one</li>
+            <li>Item two</li>
+            <li>Item three</li>
+        </ul>
+    </div>
+
+    <div class="column is-12">
+        <p class="title is-4" id="sizes">Sizes</p>
+    </div>
+    <div class="column is-4">
+        <p class="title is-5">is-small</p>
+        <ul class="block-list is-small">
+            <li>Item one</li>
+            <li>Item two</li>
+            <li>Item three</li>
+        </ul>
+    </div>
+    <div class="column is-4">
+        <p class="title is-5">is-normal</p>
+        <ul class="block-list is-normal">
+            <li>Item one</li>
+            <li>Item two</li>
+            <li>Item three</li>
+        </ul>
+    </div>
+    <div class="column is-4">
+        <p class="title is-5">is-large</p>
+        <ul class="block-list is-large">
+            <li>Item one</li>
+            <li>Item two</li>
+            <li>Item three</li>
+        </ul>
+    </div>
+
+    <div class="column is-12">
+        <p class="title is-4" id="colours">Colours</p>
+    </div>
+    <div class="column is-4">
+        <p class="title is-5">is-primary</p>
+        <ul class="block-list is-primary">
+            <li>Item one</li>
+            <li>Item two</li>
+            <li>Item three</li>
+        </ul>
+    </div>
+    <div class="column is-4">
+        <p class="title is-5">is-info</p>
+        <ul class="block-list is-info">
+            <li>Item one</li>
+            <li>Item two</li>
+            <li>Item three</li>
+        </ul>
+    </div>
+    <div class="column is-4">
+        <p class="title is-5">is-dark</p>
+        <ul class="block-list is-dark">
+            <li>Item one</li>
+            <li>Item two</li>
+            <li>Item three</li>
+        </ul>
+    </div>
+
+    <div class="column is-12">
+        <p class="title is-4" id="outlined">Outlined</p>
+    </div>
+    <div class="column is-4">
+        <p class="title is-5">is-outlined</p>
+        <ul class="block-list is-outlined">
+            <li>Item one</li>
+            <li>Item two</li>
+            <li>Item three</li>
+        </ul>
+    </div>
+    <div class="column is-4">
+        <p class="title is-5">is-outlined is-primary</p>
+        <ul class="block-list is-outlined is-primary">
+            <li>Item one</li>
+            <li>Item two</li>
+            <li>Item three</li>
+        </ul>
+    </div>
+    <div class="column is-4">
+        <p class="title is-5">is-outlined is-dark</p>
+        <ul class="block-list is-outlined is-dark">
+            <li>Item one</li>
+            <li>Item two</li>
+            <li>Item three</li>
+        </ul>
+    </div>
+
+    <div class="column is-12">
+        <p class="title is-4" id="has-radius">Has Radius</p>
+    </div>
+    <div class="column is-4">
+        <p class="title is-5">has-radius is-primary </p>
+        <ul class="block-list has-radius is-primary">
+            <li>Item one</li>
+            <li>Item two</li>
+            <li>Item three</li>
+        </ul>
+    </div>
+    <div class="column is-4">
+        <p class="title is-5">has-radius is-info</p>
+        <ul class="block-list has-radius is-info">
+            <li>Item one</li>
+            <li>Item two</li>
+            <li>Item three</li>
+        </ul>
+    </div>
+    <div class="column is-4">
+        <p class="title is-5">has-radius is-dark</p>
+        <ul class="block-list has-radius is-dark">
+            <li>Item one</li>
+            <li>Item two</li>
+            <li>Item three</li>
+        </ul>
+    </div>
+
+    <div class="column is-12">
+        <p class="title is-4" id="highlighted">Is Highlighted</p>
+        <p>In v0.4 you can highlight the all list items or individual list items</p>
+    </div>
+    <div class="column is-4">
+        <p class="title is-5">li.is-highlighted</p>
+        <ul class="block-list">
+            <li>Item one</li>
+            <li class="is-highlighted">Item two</li>
+            <li>Item three</li>
+        </ul>
+    </div>
+    <div class="column is-4">
+        <p class="title is-5">is-highlighted is-info</p>
+        <ul class="block-list is-highlighted is-info">
+            <li>Item one</li>
+            <li>Item two</li>
+            <li>Item three</li>
+        </ul>
+    </div>
+    <div class="column is-4">
+        <p class="title is-5">is-highlighted is-danger has-radius</p>
+        <ul class="block-list is-highlighted is-danger has-radius">
+            <li>Item one</li>
+            <li>Item two</li>
+            <li>Item three</li>
+        </ul>
+    </div>
+
+    <div class="column is-12">
+        <p class="title is-4" id="list-item-overrides">List Item Overrides</p>
+        <p>In v0.3 you can override the classes on a list item</p>
+    </div>
+    <div class="column is-4">
+        <p class="title is-5">li.is-large</p>
+        <ul class="block-list">
+            <li>Item one</li>
+            <li class="is-large">Item two</li>
+            <li>Item three</li>
+        </ul>
+    </div>
+    <div class="column is-4">
+        <p class="title is-5">li.is-primary</p>
+        <ul class="block-list">
+            <li>Item one</li>
+            <li class="is-primary">Item two</li>
+            <li>Item three</li>
+        </ul>
+    </div>
+    <div class="column is-4">
+        <p class="title is-5">li.is-primary.is-outlined</p>
+        <ul class="block-list">
+            <li>Item one</li>
+            <li class="is-primary is-outlined">Item two</li>
+            <li>Item three</li>
+        </ul>
+    </div>
+
+    <div class="column is-12">
+        <p class="title is-4" id="combinations">Combinations</p>
+    </div>
+    <div class="column is-4">
+        <p class="title is-5">is-small is-outlined is-success is-centered</p>
+        <ul class="block-list is-small is-outlined is-success is-centered">
+            <li>Item one</li>
+            <li>Item two</li>
+            <li>Item three</li>
+        </ul>
+    </div>
+    <div class="column is-4">
+        <p class="title is-5">is-large is-warning is-right has-radius</p>
+        <ul class="block-list is-large is-warning is-right has-radius">
+            <li>Item one</li>
+            <li>Item two</li>
+            <li>Item three</li>
+        </ul>
+    </div>
+    <div class="column is-4">
+        <p class="title is-5">ul.is-danger.is-centered</p>
+        <p class="subtitle">li.is-highlighted.is-large</p>
+        <ul class="block-list is-centered is-danger">
+            <li>Item one</li>
+            <li class="is-danger is-highlighted is-large">Item two</li>
+            <li>Item three</li>
+        </ul>
+    </div>
+</div>