bulma-clean-theme 0.9.2 → 0.10.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f3c61d847f693897cdbfddf0da1554a22a53eed4d4824e560c8747e9ab360ba0
-  data.tar.gz: c618eddbb02cad70ac06b8428ed398a345d9e0d79e2197d94345ee52196bd2fa
+  metadata.gz: 2c66821920fb6821e58e8e7ce30257215faacbc4110825c397c312e9dd08097d
+  data.tar.gz: 80fec6dd8721013e6f2434c112603fa9e8340746b9f64b09bd5825730ad6508c
 SHA512:
-  metadata.gz: 9d544f037cb07a00c4f21049c73da0a3d586ee67486180bca86de7393bd760e4c392e91ba441e26010417bce43386631048d96f59313b1ef0636fc042d1a109e
-  data.tar.gz: 176fd2160f4189f21ae5646b56fb8693a1bf76d9b9405c78f6dc6095973a09f9adeda903fa3a5f7c81295e7ca8083e4a7227b55c1a972fdafd1fdebe7fd5faf9
+  metadata.gz: 9df119f2ea3bc56469718a198ffabeed6867550cf3e83a62423a86ff711670f1420ebc73d0b3f2e7e14ff78dd26f4ee56930b7a0123b2d024ba578619e96743d
+  data.tar.gz: 99d36d80333153cc0ad8c85946aecf65bef8eba0f5b5080d1ffd1fa951e42d7afcb094ddd2f5d61a47303699e802634a55a47cb74121b040d4cf8caee485ebe0

data/README.md

@@ -18,6 +18,7 @@ This is a clean and simple Jekyll Theme built with the [Bulma](https://bulma.io/
     * [Sidebar Visibility](#sidebar-visibility)
     * [Menubar](#menubar)
     * [Tabs](#tabs)
+    * [Notifications](#notifications)
     * [Google Analytics](#google-analytics)
     * [Footer](#footer)
     * [Products](#products)
@@ -84,6 +85,9 @@ If you would like to darken the hero so the title stands out more, you can set `
 **New in 0.5.8**
 If you want to display a table of contents (toc) then add `toc: true` to your page's front matter. You can customise the default table of contents title by setting `toc_title: My Custom Title` in the page's front matter. 
 
+**New in 0.10.3**
+If you would prefer to display the contents in the menubar at the side of the page, then use `menubar_toc: true` instead of `toc: true`. This will also override the page's `menubar` setting.
+
 ### Posts
 
 If you want posts, create a `_posts` directory to store your posts as per normal Jekyll usage, with the `layout: post`. Next create a `blog` directory with an index.html file that has `layout: blog`
@@ -99,6 +103,19 @@ paginate_path: "/blog/page:num"
 
 You can also set the height of the hero by providing a Bulma hero height class in your front matter, such as `hero_height: is-fullwidth`. If you do not provide this, it will revert to is-medium
 
+#### Post Excerpt and Summary
+
+By default the blog page and the latest posts will use the automatically generated post excerpt. If you would like to override this you can set the summary in the post's front matter. 
+
+```yaml
+layout: post
+title: The post title
+summary: |-
+    This is the custom summary for the post.
+
+    It can be in **markdown format** if required.
+```
+
 #### Social Share Buttons
 
 Share buttons will be displayed on your posts unless you hide them by adding `hide_share_buttons: true` to your config file.
@@ -120,6 +137,11 @@ For the top navigation, create a navigation.yml file in `_data` directory with t
 
 For the current page to have an active class, ensure the `link:` format matches your [permalink](https://jekyllrb.com/docs/permalinks/#extensionless-permalinks) format. The above example will work with `permalink: pretty` setting in your `_config.yml`
 
+#### Fixed Navbar
+
+To have a fixed navbar, you can set `fixed_navbar: top` of `fixed_navbar: bottom` respectively in your
+`_config.yml`.
+
 ### Colours and Styles
 
 To overwrite the primary theme colour, set a sass variable in `assets/css/app.scss` before importing `main`
@@ -134,6 +156,10 @@ $primary: #333333;
 
 You can overwrite any of the [Bulma initial variables](http://versions.bulma.io/0.7.0/documentation/overview/variables/) in this way as long as they are declared before the `@import "main"'`
 
+#### Theme Color Meta Tag
+
+If you want to update the theme color meta tag then set `theme_color: '#333333'` in your `_config.yml` file. 
+
 ### Sidebar Visibility
 
 **New in 0.2**
@@ -255,6 +281,33 @@ You can add icons to your tab by passing in the [Font Awesome icon class](https:
 
 If you don't wish to show icons then simply omit the option from your yaml file.
 
+### Notifications
+
+You can include a notification in a page or post using the below include. The message is required but the status defaults to 'is-warning' and the icon defaults to 'fas fa-exclamation-circle', but can be overwritten by setting the values in the includes. The message can also be written in Markdown format.
+
+```liquid
+{% include notification.html message="This is the message for the notification" %}
+```
+
+#### Dismissible Notifications
+
+To set a notification to be dismissible, set dismissible to 'true'
+
+```liquid
+{% include notification.html
+message="This notification is dismissable"
+dismissable="true" %}
+```
+
+#### Iconless Notifications
+
+Omit the icon by setting icon to 'false'
+
+```liquid
+{% include notification.html
+message="This notification does not have an icon."
+icon="false" %}
+```
 
 ### Google Analytics 
 

data/_includes/callouts.html

@@ -7,7 +7,7 @@
                     {% for callout in callouts.items %}
                         <div class="column is-4 has-text-centered">
                             {% if callout.icon %}
-                            <div class="icon is-large">
+                            <div class="icon callout-icon">
                             {% if callout.icon_brand %}
                                 <i class="fab {{ callout.icon }} fa-4x"></i>
                             {% else %}

data/_includes/head.html

@@ -1,6 +1,7 @@
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="theme-color" content={{ site.theme_color | default: '#ffffff' }}>
     <title>{{ page.title }} - {{ site.title }}</title>
     <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/app.css">
     <link rel="shortcut icon" type="image/png"

data/_includes/header.html

@@ -1,5 +1,4 @@
-
-<nav class="navbar is-primary" >
+<nav class="navbar is-primary {% if site.fixed_navbar %} is-fixed-{{ site.fixed_navbar }} {% endif %}">
     <div class="container">
         <div class="navbar-brand">
             <a href="{{ site.baseurl }}/" class="navbar-item">
@@ -17,7 +16,7 @@
                 {% if site.data.navigation %}
                 {% for item in site.data.navigation %}
                     {% if item.dropdown %}
-                    <div class="navbar-item has-dropdown is-hoverable">
+                    <div class="navbar-item has-dropdown is-hoverable {% if site.fixed_navbar == 'bottom' %} has-dropdown-up {% endif %}">
                         <a href="{{ item.link | relative_url }}" class="navbar-link {% if item.link == page.url %}is-active{% endif %}">{{ item.name }}</a>
                         <div class="navbar-dropdown">
                             {% for subitem in item.dropdown %}

data/_includes/notification.html

@@ -0,0 +1,17 @@
+<div x-data="{visible: true}" markdown="0">
+    <div class="notification {{ include.status | default: 'is-warning' }}" x-show.transition.duration.300ms="visible">
+        {% if include.dismissable %}
+            <button class="delete" x-on:click="visible = false"></button>
+        {% endif %}
+        <article class="media">
+            {% unless include.icon %}
+                <div class="media-left">
+                    <span class="icon"><i class="{{ include.icon | default: 'fas fa-exclamation-circle' }} fa-lg"></i></span>
+                </div>
+            {% endunless %}
+            <div class="media-content">
+                <div class="content">{{ include.message | markdownify }}</div>
+            </div>
+        </article>
+    </div>
+</div>

data/_includes/post-card.html

@@ -13,7 +13,11 @@
             {% if post.image %}
             <a class="title is-4" href="{{ site.baseurl }}{{ post.url }}">{{ post.title}}</a>
             {% endif %}
-            <p>{{ post.excerpt }}</p>
+            {% if post.summary %}
+                {{ post.summary | markdownify }}
+            {% else %}
+                <p>{{ post.excerpt }}</p>
+            {% endif %}
         </div>
         <div class="has-text-centered">
             <a href="{{ site.baseurl }}{{ post.url }}" class="button is-primary">Read more</a>

data/_layouts/default.html

@@ -6,7 +6,7 @@
     {% assign content_width = 'is-12' %} 
 {% endif %}
 <!DOCTYPE html>
-<html>
+<html {% if site.fixed_navbar %} class="has-navbar-fixed-{{ site.fixed_navbar }}" {% endif %}>
   {% include head.html %}
   <body>
     {% include header.html %}
@@ -17,7 +17,12 @@
     <section class="section">
         <div class="container">
             <div class="columns">
-                {% if page.menubar %}
+                {% if page.menubar_toc %}
+                <div class="column is-4-desktop is-4-tablet">
+                    {% assign contentsTitle = page.toc_title | default: 'Contents' %}
+                    {% include toc.html html=content class='menu-list' h_min=2 h_max=3 contents_title=contentsTitle %}
+                </div>
+                {% elsif page.menubar %}
                 <div class="column is-4-desktop is-4-tablet">
                     {% include menubar.html %}
                 </div>

data/_posts/2020-10-17-post-with-summary.md

@@ -0,0 +1,23 @@
+---
+layout: post
+title: Example post with a summary
+summary: |-
+    This is the custom summary for the post.
+
+    It can be in **markdown format** if required.
+---
+
+This is the text for the post. It won't be used as the excerpt as it will use the custom summary set in the post instead. 
+
+If the summary is not set it will use the default excerpt generated by Jekyll.
+
+To use a custom summary, set the `summary` in the post's front matter. 
+
+```yaml
+layout: post
+title: Example post with a summary
+summary: |-
+    This is the custom summary for the post.
+
+    It can be in **markdown format** if required.
+```

data/_sass/_layout.scss

@@ -26,4 +26,12 @@ div.highlight {
     figure {
         margin: 0;
     }
+}
+
+.callout {
+    &-icon {
+        width: 4rem;
+        height: 4rem;
+        margin-bottom: 0.75rem;
+    }
 }

data/assets/js/app.js

@@ -21,5 +21,5 @@ document.addEventListener('DOMContentLoaded', () => {
       });
     });
   }
-
+  
 });

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

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

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

@@ -61,6 +61,12 @@ $block-list-highlight-width: 5px !default;
         border-left: $block-list-highlight-width $dark solid;
     }
 
+    @mixin outlined($color) {
+        background: transparent;
+        color: $color;
+        border: 1px solid $color;
+    }
+
     @each $name, $pair in $colors {
 
         $color: nth($pair, 1);
@@ -71,20 +77,25 @@ $block-list-highlight-width: 5px !default;
             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 {
-                background: transparent;
-                color: $color;
-                border: 1px solid $color;
+                @include outlined($color);
             }
 
             li.is-highlighted,
             &.is-highlighted > li {
-                background: transparent;
-                color: $color;
-                border: 1px solid $color;
+                @include outlined($color);
                 border-left: $block-list-highlight-width $color solid;
             }
         }

data/node_modules/bulma-block-list/package.json

@@ -1,26 +1,26 @@
 {
-  "_from": "bulma-block-list@^0.4",
-  "_id": "bulma-block-list@0.4.0",
+  "_from": "bulma-block-list@^0.4.1",
+  "_id": "bulma-block-list@0.4.1",
   "_inBundle": false,
-  "_integrity": "sha512-N1jFSWXKmZrtETmbAVuy/q7TA0eb6VuyeaM8YsOue43Es55CPWshbK1vplJ+BYoxaacibs9paNhQs0y35qU+dQ==",
+  "_integrity": "sha512-rNMgnzX/e1MnsKXpzPuRl2kNN+xxEBqe00idycD8Wt7xg0dHlBi4xctN0roW9cFlRyvxW5zJwSufPgavaJpghQ==",
   "_location": "/bulma-block-list",
   "_phantomChildren": {},
   "_requested": {
     "type": "range",
     "registry": true,
-    "raw": "bulma-block-list@^0.4",
+    "raw": "bulma-block-list@^0.4.1",
     "name": "bulma-block-list",
     "escapedName": "bulma-block-list",
-    "rawSpec": "^0.4",
+    "rawSpec": "^0.4.1",
     "saveSpec": null,
-    "fetchSpec": "^0.4"
+    "fetchSpec": "^0.4.1"
   },
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://registry.npmjs.org/bulma-block-list/-/bulma-block-list-0.4.0.tgz",
-  "_shasum": "4f70d2bdeb1dbaa730c1f7cf75adcd6013b5703b",
-  "_spec": "bulma-block-list@^0.4",
+  "_resolved": "https://registry.npmjs.org/bulma-block-list/-/bulma-block-list-0.4.1.tgz",
+  "_shasum": "24fc9eabb216694885bacbd5cff87e8e0b6a7937",
+  "_spec": "bulma-block-list@^0.4.1",
   "_where": "/Users/chrisrhymes/Code/bulma-clean-theme",
   "author": {
     "name": "chrisrhymes"
@@ -52,5 +52,5 @@
     "css-watch": "npm run css-build -- --watch",
     "start": "npm run css-watch"
   },
-  "version": "0.4.0"
+  "version": "0.4.1"
 }

data/node_modules/bulma-block-list/src/block-list.scss

@@ -61,6 +61,12 @@ $block-list-highlight-width: 5px !default;
         border-left: $block-list-highlight-width $dark solid;
     }
 
+    @mixin outlined($color) {
+        background: transparent;
+        color: $color;
+        border: 1px solid $color;
+    }
+
     @each $name, $pair in $colors {
 
         $color: nth($pair, 1);
@@ -71,20 +77,25 @@ $block-list-highlight-width: 5px !default;
             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 {
-                background: transparent;
-                color: $color;
-                border: 1px solid $color;
+                @include outlined($color);
             }
 
             li.is-highlighted,
             &.is-highlighted > li {
-                background: transparent;
-                color: $color;
-                border: 1px solid $color;
+                @include outlined($color);
                 border-left: $block-list-highlight-width $color solid;
             }
         }

data/node_modules/bulma/CHANGELOG.md

@@ -1,7 +1,33 @@
 # Bulma Changelog
 
+## 0.9.1
+
+### New features
+
+* #3047 Flexbox helpers
+* #3085 Add `is-clickable` helper
+* #3086 Allow each component to have its own colors and default to global ones
+* New variables `$navbar-colors`, `$button-colors`, `$notification-colors`, `$progress-colors`, `$table-colors`, `$tag-colors`, `$file-colors`, `$textarea-colors`, `$select-colors`, `$form-colors`, `$label-colors` and `$hero-colors`
+
+### Improvements
+
+* #2630 Fixes #2598 -> Add `$card-radius` variable
+* Add `$card-overflow` variable
+* #2540 Fixes #2539 -> Fix indeterminate progress styling in IE11
+* #3057 Make the default text color of `$code` listings more accessible
+* #3088 Adds not allowed cursor to missing inputs
+* #3101 Add `$modal-breakpoint` variable for modal breakpoint
+* #3107 Add `optgroup` to `generic.sass`
+
 ## 0.9.0
 
+### Deprecation warning
+
+The `base/helpers.sass` file is **deprecated**. It has moved into its own `/helpers` folder. If you were importing `base/helpers.sass` or `base/_all.sass`, please import `sass/helpers/_all.sass` now.
+If you were simply importing the whole of Bulma with `@import "~/bulma/bulma.sass"` or similar, you won't have to change anything, and everything will work as before.
+
+The `list` component is also **deprecated**: the `components/list.sass` file has been deleted. It was never officialy supported as it was too similar to  `panel` component. Use that one instead.
+
 ### RTL support
 
 Bulma now has **RTL support**.

data/node_modules/bulma/README.md

@@ -2,6 +2,7 @@
 
 Bulma is a **modern CSS framework** based on [Flexbox](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes).
 
+![Github](https://img.shields.io/github/v/release/jgthms/bulma?logo=Bulma)
 [![npm](https://img.shields.io/npm/v/bulma.svg)][npm-link]
 [![npm](https://img.shields.io/npm/dm/bulma.svg)][npm-link]
 [![](https://data.jsdelivr.com/v1/package/npm/bulma/badge)](https://www.jsdelivr.com/package/npm/bulma)
@@ -121,7 +122,7 @@ Browse the [online documentation here.](https://bulma.io/documentation/overview/
 | [Svelte Bulma Components](https://github.com/elcobvg/svelte-bulma-components)                                       | Library of UI components to be used in [Svelte.js](https://svelte.technology/) or standalone.                                                |
 | [Bulma Nunjucks Starterkit](https://github.com/benninkcorien/nunjucks-starter-kit)                                       | Starterkit for Nunjucks with Bulma.                                                |
 
-## Copyright and license
+## Copyright and license ![Github](https://img.shields.io/github/license/jgthms/bulma?logo=Github)
 
 Code copyright 2020 Jeremy Thomas. Code released under [the MIT license](https://github.com/jgthms/bulma/blob/master/LICENSE).
 

data/node_modules/bulma/bulma.sass

@@ -1,5 +1,5 @@
 @charset "utf-8"
-/*! bulma.io v0.9.0 | MIT License | github.com/jgthms/bulma */
+/*! bulma.io v0.9.1 | MIT License | github.com/jgthms/bulma */
 @import "sass/utilities/_all"
 @import "sass/base/_all"
 @import "sass/elements/_all"

data/node_modules/bulma/css/bulma-rtl.css

@@ -1,4 +1,5 @@
-/*! bulma.io v0.9.0 | MIT License | github.com/jgthms/bulma */
+/*! bulma.io v0.9.1 | MIT License | github.com/jgthms/bulma */
+/* Bulma Utilities */
 @-webkit-keyframes spinAround {
   from {
     transform: rotate(0deg);
@@ -229,6 +230,7 @@ fieldset[disabled] .pagination-ellipsis {
   cursor: not-allowed;
 }
 
+/* Bulma Base */
 /*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
 html,
 body,
@@ -339,6 +341,7 @@ section {
 body,
 button,
 input,
+optgroup,
 select,
 textarea {
   font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
@@ -374,7 +377,7 @@ a:hover {
 
 code {
   background-color: whitesmoke;
-  color: #f14668;
+  color: #da1039;
   font-size: 0.875em;
   font-weight: normal;
   padding: 0.25em 0.5em 0.25em;
@@ -448,6 +451,7 @@ table th {
   color: #363636;
 }
 
+/* Bulma Elements */
 .box {
   background-color: white;
   border-radius: 6px;
@@ -1859,7 +1863,7 @@ fieldset[disabled] .button {
 }
 
 .container.is-fluid {
-  max-width: none;
+  max-width: none !important;
   padding-left: 32px;
   padding-right: 32px;
   width: 100%;
@@ -1872,25 +1876,25 @@ fieldset[disabled] .button {
 }
 
 @media screen and (max-width: 1215px) {
-  .container.is-widescreen {
+  .container.is-widescreen:not(.is-max-desktop) {
     max-width: 1152px;
   }
 }
 
 @media screen and (max-width: 1407px) {
-  .container.is-fullhd {
+  .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
     max-width: 1344px;
   }
 }
 
 @media screen and (min-width: 1216px) {
-  .container {
+  .container:not(.is-max-desktop) {
     max-width: 1152px;
   }
 }
 
 @media screen and (min-width: 1408px) {
-  .container {
+  .container:not(.is-max-desktop):not(.is-max-widescreen) {
     max-width: 1344px;
   }
 }
@@ -2589,6 +2593,10 @@ fieldset[disabled] .button {
   background-color: transparent;
 }
 
+.progress:indeterminate::-ms-fill {
+  animation-name: none;
+}
+
 .progress.is-small {
   height: 0.75rem;
 }
@@ -3213,6 +3221,7 @@ a.tag:hover {
   vertical-align: top;
 }
 
+/* Bulma Form */
 .input, .textarea, .select select {
   background-color: white;
   border-color: #dbdbdb;
@@ -3453,7 +3462,9 @@ fieldset[disabled] .select select:-ms-input-placeholder,
 
 .checkbox[disabled], .radio[disabled],
 fieldset[disabled] .checkbox,
-fieldset[disabled] .radio {
+fieldset[disabled] .radio,
+.checkbox input[disabled],
+.radio input[disabled] {
   color: #7a7a7a;
   cursor: not-allowed;
 }
@@ -4495,6 +4506,7 @@ fieldset[disabled] .select select:hover {
   font-size: 1.5rem;
 }
 
+/* Bulma Components */
 .breadcrumb {
   font-size: 1rem;
   white-space: nowrap;
@@ -4588,9 +4600,11 @@ fieldset[disabled] .select select:hover {
 
 .card {
   background-color: white;
+  border-radius: 0.25rem;
   box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
   color: #4a4a4a;
   max-width: 100%;
+  overflow: hidden;
   position: relative;
 }
 
@@ -5205,7 +5219,7 @@ button.dropdown-item.is-active {
   width: 100%;
 }
 
-@media screen and (min-width: 769px), print {
+@media screen and (min-width: 769px) {
   .modal-content,
   .modal-card {
     margin: 0 auto;
@@ -6921,6 +6935,7 @@ label.panel-block:hover {
   font-size: 1.5rem;
 }
 
+/* Bulma Grid */
 .column {
   display: block;
   flex-basis: 0;
@@ -8809,6 +8824,7 @@ label.panel-block:hover {
   }
 }
 
+/* Bulma Helpers */
 .has-text-white {
   color: white !important;
 }
@@ -9145,6 +9161,222 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   background-color: #fafafa !important;
 }
 
+.is-flex-direction-row {
+  flex-direction: row !important;
+}
+
+.is-flex-direction-row-reverse {
+  flex-direction: row-reverse !important;
+}
+
+.is-flex-direction-column {
+  flex-direction: column !important;
+}
+
+.is-flex-direction-column-reverse {
+  flex-direction: column-reverse !important;
+}
+
+.is-flex-wrap-nowrap {
+  flex-wrap: nowrap !important;
+}
+
+.is-flex-wrap-wrap {
+  flex-wrap: wrap !important;
+}
+
+.is-flex-wrap-wrap-reverse {
+  flex-wrap: wrap-reverse !important;
+}
+
+.is-justify-content-flex-start {
+  justify-content: flex-start !important;
+}
+
+.is-justify-content-flex-end {
+  justify-content: flex-end !important;
+}
+
+.is-justify-content-center {
+  justify-content: center !important;
+}
+
+.is-justify-content-space-between {
+  justify-content: space-between !important;
+}
+
+.is-justify-content-space-around {
+  justify-content: space-around !important;
+}
+
+.is-justify-content-space-evenly {
+  justify-content: space-evenly !important;
+}
+
+.is-justify-content-start {
+  justify-content: start !important;
+}
+
+.is-justify-content-end {
+  justify-content: end !important;
+}
+
+.is-justify-content-left {
+  justify-content: left !important;
+}
+
+.is-justify-content-right {
+  justify-content: right !important;
+}
+
+.is-align-content-flex-start {
+  align-content: flex-start !important;
+}
+
+.is-align-content-flex-end {
+  align-content: flex-end !important;
+}
+
+.is-align-content-center {
+  align-content: center !important;
+}
+
+.is-align-content-space-between {
+  align-content: space-between !important;
+}
+
+.is-align-content-space-around {
+  align-content: space-around !important;
+}
+
+.is-align-content-space-evenly {
+  align-content: space-evenly !important;
+}
+
+.is-align-content-stretch {
+  align-content: stretch !important;
+}
+
+.is-align-content-start {
+  align-content: start !important;
+}
+
+.is-align-content-end {
+  align-content: end !important;
+}
+
+.is-align-content-baseline {
+  align-content: baseline !important;
+}
+
+.is-align-items-stretch {
+  align-items: stretch !important;
+}
+
+.is-align-items-flex-start {
+  align-items: flex-start !important;
+}
+
+.is-align-items-flex-end {
+  align-items: flex-end !important;
+}
+
+.is-align-items-center {
+  align-items: center !important;
+}
+
+.is-align-items-baseline {
+  align-items: baseline !important;
+}
+
+.is-align-items-start {
+  align-items: start !important;
+}
+
+.is-align-items-end {
+  align-items: end !important;
+}
+
+.is-align-items-self-start {
+  align-items: self-start !important;
+}
+
+.is-align-items-self-end {
+  align-items: self-end !important;
+}
+
+.is-align-self-auto {
+  align-self: auto !important;
+}
+
+.is-align-self-flex-start {
+  align-self: flex-start !important;
+}
+
+.is-align-self-flex-end {
+  align-self: flex-end !important;
+}
+
+.is-align-self-center {
+  align-self: center !important;
+}
+
+.is-align-self-baseline {
+  align-self: baseline !important;
+}
+
+.is-align-self-stretch {
+  align-self: stretch !important;
+}
+
+.is-flex-grow-0 {
+  flex-grow: 0 !important;
+}
+
+.is-flex-grow-1 {
+  flex-grow: 1 !important;
+}
+
+.is-flex-grow-2 {
+  flex-grow: 2 !important;
+}
+
+.is-flex-grow-3 {
+  flex-grow: 3 !important;
+}
+
+.is-flex-grow-4 {
+  flex-grow: 4 !important;
+}
+
+.is-flex-grow-5 {
+  flex-grow: 5 !important;
+}
+
+.is-flex-shrink-0 {
+  flex-shrink: 0 !important;
+}
+
+.is-flex-shrink-1 {
+  flex-shrink: 1 !important;
+}
+
+.is-flex-shrink-2 {
+  flex-shrink: 2 !important;
+}
+
+.is-flex-shrink-3 {
+  flex-shrink: 3 !important;
+}
+
+.is-flex-shrink-4 {
+  flex-shrink: 4 !important;
+}
+
+.is-flex-shrink-5 {
+  flex-shrink: 5 !important;
+}
+
 .is-clearfix::after {
   clear: both;
   content: " ";
@@ -9167,6 +9399,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   box-shadow: none !important;
 }
 
+.is-clickable {
+  cursor: pointer !important;
+}
+
 .is-clipped {
   overflow: hidden !important;
 }
@@ -9183,6 +9419,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   padding: 0 !important;
 }
 
+.m-0 {
+  margin: 0 !important;
+}
+
 .mt-0 {
   margin-top: 0 !important;
 }
@@ -9209,6 +9449,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   margin-bottom: 0 !important;
 }
 
+.m-1 {
+  margin: 0.25rem !important;
+}
+
 .mt-1 {
   margin-top: 0.25rem !important;
 }
@@ -9235,6 +9479,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   margin-bottom: 0.25rem !important;
 }
 
+.m-2 {
+  margin: 0.5rem !important;
+}
+
 .mt-2 {
   margin-top: 0.5rem !important;
 }
@@ -9261,6 +9509,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   margin-bottom: 0.5rem !important;
 }
 
+.m-3 {
+  margin: 0.75rem !important;
+}
+
 .mt-3 {
   margin-top: 0.75rem !important;
 }
@@ -9287,6 +9539,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   margin-bottom: 0.75rem !important;
 }
 
+.m-4 {
+  margin: 1rem !important;
+}
+
 .mt-4 {
   margin-top: 1rem !important;
 }
@@ -9313,6 +9569,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   margin-bottom: 1rem !important;
 }
 
+.m-5 {
+  margin: 1.5rem !important;
+}
+
 .mt-5 {
   margin-top: 1.5rem !important;
 }
@@ -9339,6 +9599,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   margin-bottom: 1.5rem !important;
 }
 
+.m-6 {
+  margin: 3rem !important;
+}
+
 .mt-6 {
   margin-top: 3rem !important;
 }
@@ -9365,6 +9629,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   margin-bottom: 3rem !important;
 }
 
+.p-0 {
+  padding: 0 !important;
+}
+
 .pt-0 {
   padding-top: 0 !important;
 }
@@ -9391,6 +9659,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   padding-bottom: 0 !important;
 }
 
+.p-1 {
+  padding: 0.25rem !important;
+}
+
 .pt-1 {
   padding-top: 0.25rem !important;
 }
@@ -9417,6 +9689,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   padding-bottom: 0.25rem !important;
 }
 
+.p-2 {
+  padding: 0.5rem !important;
+}
+
 .pt-2 {
   padding-top: 0.5rem !important;
 }
@@ -9443,6 +9719,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   padding-bottom: 0.5rem !important;
 }
 
+.p-3 {
+  padding: 0.75rem !important;
+}
+
 .pt-3 {
   padding-top: 0.75rem !important;
 }
@@ -9469,6 +9749,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   padding-bottom: 0.75rem !important;
 }
 
+.p-4 {
+  padding: 1rem !important;
+}
+
 .pt-4 {
   padding-top: 1rem !important;
 }
@@ -9495,6 +9779,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   padding-bottom: 1rem !important;
 }
 
+.p-5 {
+  padding: 1.5rem !important;
+}
+
 .pt-5 {
   padding-top: 1.5rem !important;
 }
@@ -9521,6 +9809,10 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   padding-bottom: 1.5rem !important;
 }
 
+.p-6 {
+  padding: 3rem !important;
+}
+
 .pt-6 {
   padding-top: 3rem !important;
 }
@@ -10424,6 +10716,7 @@ a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
   }
 }
 
+/* Bulma Layout */
 .hero {
   align-items: stretch;
   display: flex;