Remove list style from pagination list

1 files changed, 479 insertions, 464 deletions

diff --git a/CHANGELOG.md b/CHANGELOG.md
index edbe1fa2..79be6446 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,55 +8,56 @@ To fix duplicate imports, all Sass placeholders have moved from the `utilities/m
 
 The Sass placeholders are:
 
-* `%control`
-* `%unselectable`
-* `%arrow`
-* `%block`
-* `%delete`
-* `%loader`
-* `%overlay`
+- `%control`
+- `%unselectable`
+- `%arrow`
+- `%block`
+- `%delete`
+- `%loader`
+- `%overlay`
 
 If you were importing them directly from `utilities/mixins`, you'll need to import `utilities/extends` instead.  
 If you were importing `utilities/_all` or even `bulma.sass` directly, no change is required.
 
 ### New features
 
-* Fix #1583 New `is-ghost` button that behaves / looks like a regular link
-* New `icon-text` component, to combine an icon with text on its side
+- Fix #1583 New `is-ghost` button that behaves / looks like a regular link
+- New `icon-text` component, to combine an icon with text on its side
 
 ### Bug fixes
 
-* #3005 Fix `column` offsets in RTL
-* Fix #3145 Dropdown content is bounded by a parent card
-* Fix #3089 Sub columns of a variable columns have weird gap
-* Fix #2937 Add `width: unset` for narrow columns
-* #3208 Fix #3163 Do not override is-rounded with button-small
-* #3216 Removed duplicate `mixins` imports, created a single `extends` file
-* #3216 Removed all references to the `.sass` file extension have been removed, since they're unnecessary when there's no ambiguity between a `.sass` file or a `.scss` file
+- #3005 Fix `column` offsets in RTL
+- Fix #3145 Dropdown content is bounded by a parent card
+- Fix #3089 Sub columns of a variable columns have weird gap
+- Fix #2937 Add `width: unset` for narrow columns
+- #3208 Fix #3163 Do not override is-rounded with button-small
+- #3216 Removed duplicate `mixins` imports, created a single `extends` file
+- #3216 Removed all references to the `.sass` file extension have been removed, since they're unnecessary when there's no ambiguity between a `.sass` file or a `.scss` file
 
 ### Improvements
 
-* Fix #3012 Add `$media-*` variables, set to `!default`
-* Fix #2797 Import dependencies individually for each component
+- Fix #3012 Add `$media-*` variables, set to `!default`
+- Fix #2797 Import dependencies individually for each component
+- Remove list style from pagination list
 
 ## 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`
+- #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`
+- #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
 
@@ -65,7 +66,7 @@ If you were importing `utilities/_all` or even `bulma.sass` directly, no change
 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.
+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
 
@@ -73,10 +74,10 @@ Bulma now has **RTL support**.
 
 By setting the Sass flag `$rtl` to `true`, you can create an RTL version of Bulma, thanks to 4 new Sass mixins:
 
-* `=ltr`
-* `=rtl`
-* `=ltr-property($property, $spacing, $right: true)`
-* `=ltr-position($spacing, $right: true)`
+- `=ltr`
+- `=rtl`
+- `=ltr-property($property, $spacing, $right: true)`
+- `=ltr-position($spacing, $right: true)`
 
 The Bulma package now also comes with a `bulma-rtl.css` and `bulma-rtl.min.css` file to be used straight away.
 
@@ -123,35 +124,35 @@ Bulma now has **spacing helpers**: https://bulma.io/documentation/helpers/spacin
 
 This release also includes the following helpers:
 
-* light and dark color helpers
-* light and dark background color helpers
+- light and dark color helpers
+- light and dark background color helpers
 
 ### Improvements
 
-* #2925 Center table cell content vertically with `is-vcentered`
+- #2925 Center table cell content vertically with `is-vcentered`
 
 ### Bug fixes
 
-* #2955 Fix issue when there's only one `is-toggle` tag
+- #2955 Fix issue when there's only one `is-toggle` tag
 
 ## 0.8.2
 
 ### Bug fixes
 
-* Fix #2885 -> Revert `$input-color: $text-strong`
+- Fix #2885 -> Revert `$input-color: $text-strong`
 
 ## 0.8.1
 
 ### Improvements
 
-* #2709 Add light colors to the `notification` element
-* #2740 Fixes #2739 -> Add variables size for layout `hero`
-* Fix #2741 -> Create `bulmaRgba()` function to support `inherit` value
-* #2756 Add `$button-text-decoration` variable 
+- #2709 Add light colors to the `notification` element
+- #2740 Fixes #2739 -> Add variables size for layout `hero`
+- Fix #2741 -> Create `bulmaRgba()` function to support `inherit` value
+- #2756 Add `$button-text-decoration` variable
 
 ### Bug fixes
 
-* #2664 Fixes #2671 -> Add `$panel-colors` variable
+- #2664 Fixes #2671 -> Add `$panel-colors` variable
 
 ## 0.8.0
 
@@ -166,15 +167,15 @@ $control-height: 2.25em
 $control-padding-vertical: calc(0.375em - #{$control-border-width})
 $control-padding-horizontal: calc(0.625em - #{$control-border-width})
 $button-padding-vertical: calc(0.375em - #{$button-border-width})
-$button-padding-horizontal: 0.75em 
+$button-padding-horizontal: 0.75em
 ```
 
 #### Light and dark colors
 
 Each main color (`"primary"`, `"info"`, `"success"`, `"warning"`, `"danger"`) now has a `*-light` and `*-dark` version. They are calculated using 2 new color functions:
 
-* `findLightColor()` which finds the light version of a color
-* `findDarkolor()` which finds the dark version of a color
+- `findLightColor()` which finds the light version of a color
+- `findDarkolor()` which finds the dark version of a color
 
 The light colors are used by the `button` element, while the light and dark colors are used by the `message` component.
 
@@ -190,10 +191,24 @@ If you provide a `$custom-colors` map, you can decide to provide a map of 1, 2,
 
 ```scss
 $custom-colors: (
-  "lime": (lime),
-  "tomato": (tomato, white),
-  "orange": ($orange, $orange-invert, $orange-light),
-  "lavender": ($lavender, $lavender-invert, $lavender-light, $lavender-dark)
+  'lime': (
+    lime,
+  ),
+  'tomato': (
+    tomato,
+    white,
+  ),
+  'orange': (
+    $orange,
+    $orange-invert,
+    $orange-light,
+  ),
+  'lavender': (
+    $lavender,
+    $lavender-invert,
+    $lavender-light,
+    $lavender-dark,
+  ),
 );
 ```
 
@@ -214,61 +229,61 @@ That is also why most of the codebase now references **derived** variables (`$te
 
 #### Initial variables
 
-* `$green: hsl(141, 53%, 53%)`
-* `$cyan: hsl(204, 71%, 53%)`
-* `$red: hsl(348, 86%, 61%)`
+- `$green: hsl(141, 53%, 53%)`
+- `$cyan: hsl(204, 71%, 53%)`
+- `$red: hsl(348, 86%, 61%)`
 
 #### Derived variables
 
-* `$primary-invert: findColorInvert($primary)`
-* `$primary-light: findLightColor($primary)`
-* `$primary-dark: findDarkColor($primary)`
-* `$info-invert: findColorInvert($info)`
-* `$info-light: findLightColor($info)`
-* `$info-dark: findDarkColor($info)`
-* `$success-invert: findColorInvert($success)`
-* `$success-light: findLightColor($success)`
-* `$success-dark: findDarkColor($success)`
-* `$warning-invert: findColorInvert($warning)`
-* `$warning-light: findLightColor($warning)`
-* `$warning-dark: findDarkColor($warning)`
-* `$danger-invert: findColorInvert($danger)`
-* `$danger-light: findLightColor($danger)`
-* `$danger-dark: findDarkColor($danger)`
-* `$light-invert: findColorInvert($light)`
-* `$dark-invert: findColorInvert($dark)`
-
-* `$scheme-main: $white`
-* `$scheme-main-bis: $white-bis`
-* `$scheme-main-ter: $white-ter`
-* `$scheme-invert: $black`
-* `$scheme-invert-bis: $black-bis`
-* `$scheme-invert-ter: $black-ter`
+- `$primary-invert: findColorInvert($primary)`
+- `$primary-light: findLightColor($primary)`
+- `$primary-dark: findDarkColor($primary)`
+- `$info-invert: findColorInvert($info)`
+- `$info-light: findLightColor($info)`
+- `$info-dark: findDarkColor($info)`
+- `$success-invert: findColorInvert($success)`
+- `$success-light: findLightColor($success)`
+- `$success-dark: findDarkColor($success)`
+- `$warning-invert: findColorInvert($warning)`
+- `$warning-light: findLightColor($warning)`
+- `$warning-dark: findDarkColor($warning)`
+- `$danger-invert: findColorInvert($danger)`
+- `$danger-light: findLightColor($danger)`
+- `$danger-dark: findDarkColor($danger)`
+- `$light-invert: findColorInvert($light)`
+- `$dark-invert: findColorInvert($dark)`
+
+- `$scheme-main: $white`
+- `$scheme-main-bis: $white-bis`
+- `$scheme-main-ter: $white-ter`
+- `$scheme-invert: $black`
+- `$scheme-invert-bis: $black-bis`
+- `$scheme-invert-ter: $black-ter`
 
 ### Other variables
 
-* `$control-height: 2.5em`
-* `$control-padding-vertical: calc(0.5em - #{$control-border-width})`
-* `$control-padding-horizontal: calc(0.75em - #{$control-border-width})`
-* `$media-border-color: rgba($border, 0.5)`
-* `$notification-code-background-color: $scheme-main`
-* `$panel-radius: $radius-large`
-* `$panel-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)`
-* `$textarea-padding: $control-padding-horizontal`
-* `$textarea-max-height: 40em`
-* `$textarea-min-height: 8em`
+- `$control-height: 2.5em`
+- `$control-padding-vertical: calc(0.5em - #{$control-border-width})`
+- `$control-padding-horizontal: calc(0.75em - #{$control-border-width})`
+- `$media-border-color: rgba($border, 0.5)`
+- `$notification-code-background-color: $scheme-main`
+- `$panel-radius: $radius-large`
+- `$panel-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)`
+- `$textarea-padding: $control-padding-horizontal`
+- `$textarea-max-height: 40em`
+- `$textarea-min-height: 8em`
 
 ### Bug fixes
 
-* Fix #2647 -> Missing meta tags in snippet
-* Fix #2031, Fix #2483 -> Invalid output when declaring a custom shade map
-* Fix #2060 -> `height: auto` on HTML `audio` element breaks height of element
-* Fix #706 -> Derive `-invert` variables using `findColorInvert()`
-* #1608 Fix #1552 -> `.container.is-fluid` margins
+- Fix #2647 -> Missing meta tags in snippet
+- Fix #2031, Fix #2483 -> Invalid output when declaring a custom shade map
+- Fix #2060 -> `height: auto` on HTML `audio` element breaks height of element
+- Fix #706 -> Derive `-invert` variables using `findColorInvert()`
+- #1608 Fix #1552 -> `.container.is-fluid` margins
 
 ### New features
 
-* #2563 `.image` has a new `.is-fullwidth` modifier
+- #2563 `.image` has a new `.is-fullwidth` modifier
 
 ## 0.7.5
 
@@ -286,177 +301,177 @@ You can now specify a different `font-family` for the `.title`, `.subtitle` and
 Simply set a value when importing Bulma:
 
 ```scss
-$title-family: "Georgia", serif;
+$title-family: 'Georgia', serif;
 ```
 
-* #2375 Add `.is-relative` helper
-* #2321 Make `.navbar` focus behave like hover for the navigation
-* #2290 Fix #1186 -> Reset the offset on columns
-* #2231 Add `.has-text-weight-medium` helper
-* #2224 Add customizable border radius to progress bar
-* #2480 Add `$footer-color` variable
+- #2375 Add `.is-relative` helper
+- #2321 Make `.navbar` focus behave like hover for the navigation
+- #2290 Fix #1186 -> Reset the offset on columns
+- #2231 Add `.has-text-weight-medium` helper
+- #2224 Add customizable border radius to progress bar
+- #2480 Add `$footer-color` variable
 
 ### Improvements
 
-* #2396 Update docs with webpack 4 example
-* #2381 Make centered buttons have equal margin
-* Fix #2297 -> Remove `.container` fixed width values, use `flex-grow`
-* #2478 Move form.sass into its own folder
+- #2396 Update docs with webpack 4 example
+- #2381 Make centered buttons have equal margin
+- Fix #2297 -> Remove `.container` fixed width values, use `flex-grow`
+- #2478 Move form.sass into its own folder
 
 ### Bug fixes
 
-* #2420 Fix #2414 -> Fix `align` attribute in `td/th` being ignored
-* #2463 Remove duplicate `.has-addons` in `tag.sass`
-* #2253 Fix `$gap` variable default value
-* #2273 Fix #2258 -> Fix Indeterminate Progress Bar animation in Firefox
-* #2175 Proper aligning for `.tabs` within `.content`
-* #2476 Fix #2441 -> Correct active pagination link text colour on hero
+- #2420 Fix #2414 -> Fix `align` attribute in `td/th` being ignored
+- #2463 Remove duplicate `.has-addons` in `tag.sass`
+- #2253 Fix `$gap` variable default value
+- #2273 Fix #2258 -> Fix Indeterminate Progress Bar animation in Firefox
+- #2175 Proper aligning for `.tabs` within `.content`
+- #2476 Fix #2441 -> Correct active pagination link text colour on hero
 
 Fix #1979 -> Correct loading spinner color when a button is:
 
-* outlined and hovered/focused
-* outlined, inverted and hovered/focused
+- outlined and hovered/focused
+- outlined, inverted and hovered/focused
 
 ### New variables
 
 #### Initial variables
 
-* `$block-spacing`
+- `$block-spacing`
 
 #### Base
 
-* `$body-font-size`
-* `$small-font-size`
-* `$pre-font-size`
-* `$pre-padding`
-* `$pre-code-font-size`
+- `$body-font-size`
+- `$small-font-size`
+- `$pre-font-size`
+- `$pre-padding`
+- `$pre-code-font-size`
 
 #### Components
 
-* `$card-header-padding`
-* `$card-content-padding`
-* `$card-media-margin`
-* `$dropdown-menu-min-width`
-* `$dropdown-content-padding-bottom`
-* `$dropdown-content-padding-top`
-* `$level-item-spacing`
-* `$menu-list-line-height`
-* `$menu-list-link-padding`
-* `$menu-nested-list-margin`
-* `$menu-nested-list-padding-left`
-* `$menu-label-font-size`
-* `$menu-label-letter-spacing`
-* `$menu-label-spacing`
-* `$pagination-item-font-size`
-* `$pagination-item-margin`
-* `$pagination-item-padding-left`
-* `$pagination-item-padding-right`
-* `$panel-margin`
-* `$panel-tabs-font-size`
+- `$card-header-padding`
+- `$card-content-padding`
+- `$card-media-margin`
+- `$dropdown-menu-min-width`
+- `$dropdown-content-padding-bottom`
+- `$dropdown-content-padding-top`
+- `$level-item-spacing`
+- `$menu-list-line-height`
+- `$menu-list-link-padding`
+- `$menu-nested-list-margin`
+- `$menu-nested-list-padding-left`
+- `$menu-label-font-size`
+- `$menu-label-letter-spacing`
+- `$menu-label-spacing`
+- `$pagination-item-font-size`
+- `$pagination-item-margin`
+- `$pagination-item-padding-left`
+- `$pagination-item-padding-right`
+- `$panel-margin`
+- `$panel-tabs-font-size`
 
 #### Elements
 
-* `$container-offset`
+- `$container-offset`
 
 #### Grid
 
-* `$tile-spacing`
+- `$tile-spacing`
 
 ## 0.7.3
 
 ### New features
 
-* #2145 Fix #372 -> New indeterminate progress bars
-* #2206 Fix #2046 -> New variables `$table-head-background-color`, `$table-body-background-color` and `$table-foot-background-color` for the `.table` element
-* #592 -> Give arbitrary elements access to the image/ratio classes
-* #1682 Fix #1681 -> Adds disabled styles for `<fieldset disabled>`
-* #2201 Fix #1875 -> `.buttons` and `.tags` group sizing (`.are-small`, `.are-medium`, `.are-large`)
+- #2145 Fix #372 -> New indeterminate progress bars
+- #2206 Fix #2046 -> New variables `$table-head-background-color`, `$table-body-background-color` and `$table-foot-background-color` for the `.table` element
+- #592 -> Give arbitrary elements access to the image/ratio classes
+- #1682 Fix #1681 -> Adds disabled styles for `<fieldset disabled>`
+- #2201 Fix #1875 -> `.buttons` and `.tags` group sizing (`.are-small`, `.are-medium`, `.are-large`)
 
 ### Improvements
 
-* #1978 Fix #1696 -> Force `box-sizing: border-box` on `details` element
-* #2167 Fix #1878 -> New `$footer-padding` variable
-* #2168 -> New `$input-placeholder-color` and `$input-disabled-placeholder-color` variables
+- #1978 Fix #1696 -> Force `box-sizing: border-box` on `details` element
+- #2167 Fix #1878 -> New `$footer-padding` variable
+- #2168 -> New `$input-placeholder-color` and `$input-disabled-placeholder-color` variables
 
 ### Bug fixes
 
-* #2157 Fix #1656 -> Allow border radius if only one `.control` in `.field`
-* #2091 Fix #2091 -> Remove CSS rule which causes `.tag.has-addons` to not work correctly
-* #2186 Fix #1130 -> Prevent `.dropdown` links underlining in `.message` component
-* Fix #2154 -> Move `.hero.is-fullheight-with-navbar` to `navbar.sass` file
+- #2157 Fix #1656 -> Allow border radius if only one `.control` in `.field`
+- #2091 Fix #2091 -> Remove CSS rule which causes `.tag.has-addons` to not work correctly
+- #2186 Fix #1130 -> Prevent `.dropdown` links underlining in `.message` component
+- Fix #2154 -> Move `.hero.is-fullheight-with-navbar` to `navbar.sass` file
 
 ### Deprecation
 
-* `.control.has-icon` deprecated in favor of `.control.has-icons`
+- `.control.has-icon` deprecated in favor of `.control.has-icons`
 
 ## 0.7.2
 
 ### New features
 
-* #1884 New `$navbar-burger-color` variable
-* #1679 Add breakpoint based column gaps
-* #1905 Fix `modal` for IE11 #1902
-* #1919 New `is-arrowless` class for navbar items
-* #1949 New `is-fullheight-with-navbar` class for heros
-* #1764 New `.is-sr-only` helper
-* #2109 Add and use `$navbar-breakpoint` variable
-* New variables `$control-height`, `$control-line-height`, `$pagination-min-width`, `$input-height`
-* #1720 Add list element feature
-* #2123 Add `.content ol` types: `.is-lower-roman`, `.is-upper-roman`, `.is-lower-alpha`, `.is-upper-alpha`, and support for the `type=` HTML attribute
+- #1884 New `$navbar-burger-color` variable
+- #1679 Add breakpoint based column gaps
+- #1905 Fix `modal` for IE11 #1902
+- #1919 New `is-arrowless` class for navbar items
+- #1949 New `is-fullheight-with-navbar` class for heros
+- #1764 New `.is-sr-only` helper
+- #2109 Add and use `$navbar-breakpoint` variable
+- New variables `$control-height`, `$control-line-height`, `$pagination-min-width`, `$input-height`
+- #1720 Add list element feature
+- #2123 Add `.content ol` types: `.is-lower-roman`, `.is-upper-roman`, `.is-lower-alpha`, `.is-upper-alpha`, and support for the `type=` HTML attribute
 
 ### Improvements
 
-* #1964 Allow `.notification` to have a `.dropdown-item`
-* #1999 Change `$border` to `$grey-lighter` in mixins
-* #2085 `.media-content` will allow scrolling horizontally if the content is too wide
-* #1744 Fix #1710 by using `$table-striped-row-even-hover-background-color` only for even rows
-* #2074 Allow `<button>` as `.dropdown-item`
+- #1964 Allow `.notification` to have a `.dropdown-item`
+- #1999 Change `$border` to `$grey-lighter` in mixins
+- #2085 `.media-content` will allow scrolling horizontally if the content is too wide
+- #1744 Fix #1710 by using `$table-striped-row-even-hover-background-color` only for even rows
+- #2074 Allow `<button>` as `.dropdown-item`
 
 ### Bug fixes
 
-* #1749 Fix icons floating out of input area
-* #1993 Fixes #1992 Prevent disabled form elements hover state from overlapping, if control has add-ons elements
-* #1909 Fix Modal card in IE11
-* #1908 Fix IE11 when textarea doesn't listen to `size=""`
-* Fix #1991 The last button in list of full-width buttons has longer width
-* #1982 Fix navbar-burger color when color modifier is used
-* #1819 Fix #1137 error message for required file
-* Fix #1904 and #1969: hide native file input in Chrome
-* #2059 Remove unnecessary right margin from last level-item (level.is-mobile)
+- #1749 Fix icons floating out of input area
+- #1993 Fixes #1992 Prevent disabled form elements hover state from overlapping, if control has add-ons elements
+- #1909 Fix Modal card in IE11
+- #1908 Fix IE11 when textarea doesn't listen to `size=""`
+- Fix #1991 The last button in list of full-width buttons has longer width
+- #1982 Fix navbar-burger color when color modifier is used
+- #1819 Fix #1137 error message for required file
+- Fix #1904 and #1969: hide native file input in Chrome
+- #2059 Remove unnecessary right margin from last level-item (level.is-mobile)
 
 ## 0.7.1
 
 ### Improvements
 
-* #1789 Add all shades to `has-background-*` helpers
+- #1789 Add all shades to `has-background-*` helpers
 
 ### Bug fixes
 
-* #1796 #1806 Remove navbar `box-shadow` by default
+- #1796 #1806 Remove navbar `box-shadow` by default
 
 ## 0.7.0
 
 ### New features
 
-* New variables `$widescreen-enabled` and `$fullhd-enabled`: you can set them to `false` to disable each breakpoint
-* New variables `$control-border-width` and `$button-border-width`
-* 🎉 #1624 Add some common photography aspect ratios and portrait ratios
-* 🎉 #1747 New `$custom-colors` and `$custom-shades` variable for adding your own colors and shades to Bulma's `$colors` and `$shades` maps respectively
+- New variables `$widescreen-enabled` and `$fullhd-enabled`: you can set them to `false` to disable each breakpoint
+- New variables `$control-border-width` and `$button-border-width`
+- 🎉 #1624 Add some common photography aspect ratios and portrait ratios
+- 🎉 #1747 New `$custom-colors` and `$custom-shades` variable for adding your own colors and shades to Bulma's `$colors` and `$shades` maps respectively
 
 ### Improvements
 
-* #1619 Add `$card-header-background-color`, `$card-content-background-color` and `$card-footer-background-color` to allow different background customization for card elements
-* #1669 Add `.is-expanded` modifier to `.buttons.has-addons`
-* #1628 Add `.has-background` helpers for block background colors, like `.has-text`
-* #1767 Added minified bundle with cleancss
+- #1619 Add `$card-header-background-color`, `$card-content-background-color` and `$card-footer-background-color` to allow different background customization for card elements
+- #1669 Add `.is-expanded` modifier to `.buttons.has-addons`
+- #1628 Add `.has-background` helpers for block background colors, like `.has-text`
+- #1767 Added minified bundle with cleancss
 
 ### Bug fixes
 
-* #1778 Fix `is-text-right` precedence over `is-text-left-mobile`
-* #1571 Fix position of delete button on `.tag`
-* #1549 Implementing a simple version of the native sass percentage function
-* #1707 Disable table hover in `.content` by default
-* #1428 Fix `media-content` overflow
+- #1778 Fix `is-text-right` precedence over `is-text-left-mobile`
+- #1571 Fix position of delete button on `.tag`
+- #1549 Implementing a simple version of the native sass percentage function
+- #1707 Disable table hover in `.content` by default
+- #1428 Fix `media-content` overflow
 
 ### Variable changes
 
@@ -893,63 +908,63 @@ Fix #1979 -> Correct loading spinner color when a button is:
 
 ### New features
 
-* 🎉 Rounded buttons, inputs, pagination and toggle tabs
+- 🎉 Rounded buttons, inputs, pagination and toggle tabs
 
 ### Improvements
 
-* #1343 Add `sub` and `sup` title sizes
-* #1452 New `.is-italic` helper
+- #1343 Add `sub` and `sup` title sizes
+- #1452 New `.is-italic` helper
 
 ### Bug fixes
 
-* #935 Bug dropdown in `hero` (primary) menu items not visible
-* #1456 Fix customize documentation
-* #1190 Add `$variable-columns` to disable `--columnGap`
-* #1518 Fix spacing of the delete button in notification element
-* #1569 Fix missing use of `$pagination-color` variable
+- #935 Bug dropdown in `hero` (primary) menu items not visible
+- #1456 Fix customize documentation
+- #1190 Add `$variable-columns` to disable `--columnGap`
+- #1518 Fix spacing of the delete button in notification element
+- #1569 Fix missing use of `$pagination-color` variable
 
 ## 0.6.1
 
 ### New features
 
-* 🎉 [List of buttons](https://bulma.io/documentation/elements/button/#list-of-buttons)
-* 🎉 #1235 Support for five column grid: `.is-one-fifth, .is-two-fifths, .is-three-fifths, .is-four-fifths`
-* 🎉 #1287 New `.is-invisible` helper
-* 🎉 #1255 New `.is-expanded` modifier for `navbar-item`
-* 🎉 #1384 New `.is-centered` and `.is-right` modifiers for `tags`
-* 🎉 #1383 New `.is-empty` modifier for `file`
-* 🎉 #1380 Allow `.is-selected` class on `<td>` and `<th>` tags
+- 🎉 [List of buttons](https://bulma.io/documentation/elements/button/#list-of-buttons)
+- 🎉 #1235 Support for five column grid: `.is-one-fifth, .is-two-fifths, .is-three-fifths, .is-four-fifths`
+- 🎉 #1287 New `.is-invisible` helper
+- 🎉 #1255 New `.is-expanded` modifier for `navbar-item`
+- 🎉 #1384 New `.is-centered` and `.is-right` modifiers for `tags`
+- 🎉 #1383 New `.is-empty` modifier for `file`
+- 🎉 #1380 Allow `.is-selected` class on `<td>` and `<th>` tags
 
 ### Improvements
 
-* #987 Improve `tag > icon` spacing
-* Improve `hamburger` alignment
+- #987 Improve `tag > icon` spacing
+- Improve `hamburger` alignment
 
 ### Bug fixes
 
-* #1358 Fix indentation bug for .is-one-fifth
-* #1356 SASS 3.5+ variable parsing compatibility allows only #{}
-* #1342 Remove black line from progress bar in IE
-* #1334 Fix progress bar colors in IE
-* #1313 Fix Table `is-selected` and `is-hoverable` styling issue
-* #963 Fix Delete Button Bug in iOS Safari
+- #1358 Fix indentation bug for .is-one-fifth
+- #1356 SASS 3.5+ variable parsing compatibility allows only #{}
+- #1342 Remove black line from progress bar in IE
+- #1334 Fix progress bar colors in IE
+- #1313 Fix Table `is-selected` and `is-hoverable` styling issue
+- #963 Fix Delete Button Bug in iOS Safari
 
 ## 0.6.0
 
 ### Breaking changes
 
-* The new `$link` color is part of the `$colors` map. As a result, `.button.is-link` is a colored button now. Use `.button.is-text` if you want the underlined button.
-* The deprecated `variables.sass` file has been removed.
-* The deprecated `nav.sass` file has been removed.
+- The new `$link` color is part of the `$colors` map. As a result, `.button.is-link` is a colored button now. Use `.button.is-text` if you want the underlined button.
+- The deprecated `variables.sass` file has been removed.
+- The deprecated `nav.sass` file has been removed.
 
 ### New features
 
-* #1236 `.table` hover effect is opt-in, by using the `.is-hoverable` modifier class
-* #1254 `.dropdown` now supports `.is-up` modifier
+- #1236 `.table` hover effect is opt-in, by using the `.is-hoverable` modifier class
+- #1254 `.dropdown` now supports `.is-up` modifier
 
 ### Improvements
 
-* #1257 Include placeholder mixin in `=input`
+- #1257 Include placeholder mixin in `=input`
 
 The `$link` color is used instead of `$primary` in the following components:
 
@@ -1018,70 +1033,70 @@ The `$link` color is used instead of `$primary` in the following components:
 
 ### Issues closed
 
-* #708 Import variables in mixins
+- #708 Import variables in mixins
 
 ## 0.5.3
 
 ### New features
 
-* #1101 `.card-header-title` can be centered with `.is-centered`
-* #1189 `.input` readonly and `.is-static`
-* #1189 `.textarea` readonly
+- #1101 `.card-header-title` can be centered with `.is-centered`
+- #1189 `.input` readonly and `.is-static`
+- #1189 `.textarea` readonly
 
 ### Issues closed
 
-* #1177 Fix `.message .tag` combination
-* #1167 Fix `pre code`
-* #1207 Fix `.breadcrumb` alignment
+- #1177 Fix `.message .tag` combination
+- #1167 Fix `pre code`
+- #1207 Fix `.breadcrumb` alignment
 
 ## 0.5.2
 
 ### New features
 
-* #842 `navbar` color modifiers
-* #331 Support for third party icons
-* Added `$button-focus-box-shadow-size` and `$button-focus-box-shadow-color` for customization
-* Added `$input-focus-box-shadow-size` and `$input-focus-box-shadow-color` for customization
-* Navbar tabs
+- #842 `navbar` color modifiers
+- #331 Support for third party icons
+- Added `$button-focus-box-shadow-size` and `$button-focus-box-shadow-color` for customization
+- Added `$input-focus-box-shadow-size` and `$input-focus-box-shadow-color` for customization
+- Navbar tabs
 
 ### Issues closed
 
-* #1168 Undefined variable: `$navbar-item`
-* #930 Remove `vertical-align: top` for icons
-* #735 Font awesome custom `font-size`
-* #395 Font awesome stacked icons
-* #1152 Level-items not centered horizontally on mobile
-* #1147 Add `text-size-adjust: 100%` to `html`
-* #1106 `pagination` docs
-* #1063 `$family-primary` customization
+- #1168 Undefined variable: `$navbar-item`
+- #930 Remove `vertical-align: top` for icons
+- #735 Font awesome custom `font-size`
+- #395 Font awesome stacked icons
+- #1152 Level-items not centered horizontally on mobile
+- #1147 Add `text-size-adjust: 100%` to `html`
+- #1106 `pagination` docs
+- #1063 `$family-primary` customization
 
 ## 0.5.1
 
 ### New features
 
-* 🎉 #280 [File upload element](https://bulma.io/documentation/form/file/)
-* `$container-offset` variable to determine the `.container` breakpoints
-* #1001 Text case helpers
+- 🎉 #280 [File upload element](https://bulma.io/documentation/form/file/)
+- `$container-offset` variable to determine the `.container` breakpoints
+- #1001 Text case helpers
 
 ### Issues closed
 
-* #1030 Add `!important` to non responsive display helpers
-* #1020 Customizing `.navbar-item img` max height
-* #998 `.navbar-dropdown` with **right** alignment
-* #877 `.pagination` isn't using `$pagination-background`
-* #989 `navbar-brand` overflowing on mobile
-* #975 Variable `$table-head-color` isn't used
-* #964 Tabs sass file throwing error with `!important`
-* #949 `.is-size-7` helper is missing
+- #1030 Add `!important` to non responsive display helpers
+- #1020 Customizing `.navbar-item img` max height
+- #998 `.navbar-dropdown` with **right** alignment
+- #877 `.pagination` isn't using `$pagination-background`
+- #989 `navbar-brand` overflowing on mobile
+- #975 Variable `$table-head-color` isn't used
+- #964 Tabs sass file throwing error with `!important`
+- #949 `.is-size-7` helper is missing
 
 ## 0.5.0
 
 ### New features
 
-* 🎉 [List of tags](https://bulma.io/documentation/elements/tag/#list-of-tags)
-* New **variable naming system**: `component`-`subcomponent`-`state`-`property`
-* Improved **customization** thanks to new set of variables
-* #934 New `.is-shadowless` helper
+- 🎉 [List of tags](https://bulma.io/documentation/elements/tag/#list-of-tags)
+- New **variable naming system**: `component`-`subcomponent`-`state`-`property`
+- Improved **customization** thanks to new set of variables
+- #934 New `.is-shadowless` helper
 
 Variable name changes (mostly appending `-color`):
 
@@ -1172,353 +1187,353 @@ Variable name changes (mostly appending `-color`):
 
 ### Improved documentation
 
-* [Starter template](https://bulma.io/documentation/overview/start/#starter-template)
-* [Colors page](https://bulma.io/documentation/overview/colors/)
-* [Typography helpers](https://bulma.io/documentation/modifiers/typography-helpers/)
-* **Meta** information for all elements and components
-* **Variables** information for most elements and components
+- [Starter template](https://bulma.io/documentation/overview/start/#starter-template)
+- [Colors page](https://bulma.io/documentation/overview/colors/)
+- [Typography helpers](https://bulma.io/documentation/modifiers/typography-helpers/)
+- **Meta** information for all elements and components
+- **Variables** information for most elements and components
 
 ### Issues closed
 
-* #909 `.dropdown` wrapping
-* #938 `.is-fullwidth` removed from docs
-* #900 Variable `.navbar-item` for hover+active background/color
-* #902 `.navbar-item` color overrides
+- #909 `.dropdown` wrapping
+- #938 `.is-fullwidth` removed from docs
+- #900 Variable `.navbar-item` for hover+active background/color
+- #902 `.navbar-item` color overrides
 
 ## 0.4.4
 
 ### New features
 
-* New [dropdown button](https://bulma.io/documentation/components/dropdown/)!
-* The breakpoints and `.container` **gap** can be customized with the new `$gap` variable
-* The `.container` has 2 new modifiers: `.is-widescreen` and `.is-fullhd`
+- New [dropdown button](https://bulma.io/documentation/components/dropdown/)!
+- The breakpoints and `.container` **gap** can be customized with the new `$gap` variable
+- The `.container` has 2 new modifiers: `.is-widescreen` and `.is-fullhd`
 
 ### Issues closed
 
-* Fix #26 `.textarea` element will honors `[rows]` attribute
-* Fix #887 `body` scrollbar
-* Fix #715 `.help` class behaviour in horizontal form `is-grouped` field
-* Fix #842 Adding modifiers in `navbar`
-* Fix #841 `.container` as direct child of `.navbar` moves `.navbar-menu` below `.navbar-brand`
-* Fix #861 Box in hero as text and background white
-* Fix #852 charset and version number
-* Fix #856 JavaScript `.nav-burger` example
-* Fix #821 Notification strong color
+- Fix #26 `.textarea` element will honors `[rows]` attribute
+- Fix #887 `body` scrollbar
+- Fix #715 `.help` class behaviour in horizontal form `is-grouped` field
+- Fix #842 Adding modifiers in `navbar`
+- Fix #841 `.container` as direct child of `.navbar` moves `.navbar-menu` below `.navbar-brand`
+- Fix #861 Box in hero as text and background white
+- Fix #852 charset and version number
+- Fix #856 JavaScript `.nav-burger` example
+- Fix #821 Notification strong color
 
 ## 0.4.3
 
 ### New features
 
-* New navbar with dropdown support
-* Add new feature: Breadcrumb component (#632) @vinialbano
-* Add Bloomer to README.md (#787) @AlgusDark
-* Add responsive is-*-touch tags for .column sizes (#780) @tom-rb
-* Adding 'is-hidden' to helpers in docs (#798) @aheuermann
-* Add figure/figcaption as content element (#807) @werthen
-* Add <sup> and <sub> support to content (#808) @werthen
-* Add re-bulma and react-bulma (#809) @kulakowka
-* Add is-halfheight to hero (#783) @felipeas
-* Added a related project with Golang backend (#784) @Caiyeon
+- New navbar with dropdown support
+- Add new feature: Breadcrumb component (#632) @vinialbano
+- Add Bloomer to README.md (#787) @AlgusDark
+- Add responsive is-\*-touch tags for .column sizes (#780) @tom-rb
+- Adding 'is-hidden' to helpers in docs (#798) @aheuermann
+- Add figure/figcaption as content element (#807) @werthen
+- Add <sup> and <sub> support to content (#808) @werthen
+- Add re-bulma and react-bulma (#809) @kulakowka
+- Add is-halfheight to hero (#783) @felipeas
+- Added a related project with Golang backend (#784) @Caiyeon
 
 ### Issues closed
 
-* Fix #827 Breadcrumb and Navbar in docs
-* Fix #824 Code examples broken because of `text-align: center`
-* Fix #820 Loading spinner resizes with controls
-* Fix #819 Remove `height: auto` from media elements
-* Fix #790 Documentation typo
-* Fix #814 Make use of +fullhd mixin for columns @Saboteur777
-* Fix #781 Add min/max height/width to delete class size modifiers @ZackWard
-* Fix #391 Section docs update
+- Fix #827 Breadcrumb and Navbar in docs
+- Fix #824 Code examples broken because of `text-align: center`
+- Fix #820 Loading spinner resizes with controls
+- Fix #819 Remove `height: auto` from media elements
+- Fix #790 Documentation typo
+- Fix #814 Make use of +fullhd mixin for columns @Saboteur777
+- Fix #781 Add min/max height/width to delete class size modifiers @ZackWard
+- Fix #391 Section docs update
 
 ## 0.4.2
 
-* Fix #728 selected row on striped table
-* Fix #747 remove flex-shrink for is-expanded
-* Fix #702 add icons support for select dropdown
-* Fix #712 delete button as flexbox item
-* Fix #759 static button
+- Fix #728 selected row on striped table
+- Fix #747 remove flex-shrink for is-expanded
+- Fix #702 add icons support for select dropdown
+- Fix #712 delete button as flexbox item
+- Fix #759 static button
 
 ## 0.4.1
 
-* Fix #568 max-width container
-* Fix #589 notification delete
-* Fix #272 nav-right without nav-menu
-* Fix #616 hero and notification buttons
-* Fix #607 has-addons z-index
-* Feature #586 select color modifiers
-* Fix #537 -ms-expand
-* Fix #578 better `+center` mixin
-* Fix #565 `dl` styles
-* Fix #389 `pre` `margin-bottom`
-* Fix #484 icon alignment
-* Fix #506 bold nav menu
-* Fix #581 nav container
-* Fix #512 nav grouped buttons
-* Fix #605 container example
-* Fix #458 select expanded
-* Fix #403 separate animations
-* Fix #637 customize Bulma
-* Fix #584 loading select
-* Fix #571 control height
-* Fix #634 is-grouped control
-* Fix #676 checkbox/radio wrapping
-* Feature #479 has-icons placement
-* Fix #442 selected table row
-* Fix #187 add customize page
-* Fix #449 columns negative horizontal margin
-* Fix #399 pagination wrapping
-* Fix #227 color keys as strings
+- Fix #568 max-width container
+- Fix #589 notification delete
+- Fix #272 nav-right without nav-menu
+- Fix #616 hero and notification buttons
+- Fix #607 has-addons z-index
+- Feature #586 select color modifiers
+- Fix #537 -ms-expand
+- Fix #578 better `+center` mixin
+- Fix #565 `dl` styles
+- Fix #389 `pre` `margin-bottom`
+- Fix #484 icon alignment
+- Fix #506 bold nav menu
+- Fix #581 nav container
+- Fix #512 nav grouped buttons
+- Fix #605 container example
+- Fix #458 select expanded
+- Fix #403 separate animations
+- Fix #637 customize Bulma
+- Fix #584 loading select
+- Fix #571 control height
+- Fix #634 is-grouped control
+- Fix #676 checkbox/radio wrapping
+- Feature #479 has-icons placement
+- Fix #442 selected table row
+- Fix #187 add customize page
+- Fix #449 columns negative horizontal margin
+- Fix #399 pagination wrapping
+- Fix #227 color keys as strings
 
 ## 0.4.0
 
-* **Default font-size is 16px**
-* **New `.field` element ; `.control` repurposed**
-* **New `.pagination` sizes**
-* **New `$fullhd` breakpoint (1344px)**
-
-* Remove monospace named fonts
-* Remove icon spacing logic
-* Split icon container dimensions and icon size
-* Fix delete button by using pixels instead of (r)em
-* Fix level on mobile
-* Add new `.is-spaced` modifier for titles and subtitles
-
-* Fix #487
-* Fix #489
-* Fix #502
-* Fix #514
-* Fix #524
-* Fix #536
+- **Default font-size is 16px**
+- **New `.field` element ; `.control` repurposed**
+- **New `.pagination` sizes**
+- **New `$fullhd` breakpoint (1344px)**
+
+- Remove monospace named fonts
+- Remove icon spacing logic
+- Split icon container dimensions and icon size
+- Fix delete button by using pixels instead of (r)em
+- Fix level on mobile
+- Add new `.is-spaced` modifier for titles and subtitles
+
+- Fix #487
+- Fix #489
+- Fix #502
+- Fix #514
+- Fix #524
+- Fix #536
 
 ## 0.3.2
 
-* Fix #478
+- Fix #478
 
 ## 0.3.1
 
-* Fix #441
-* Fix #443
+- Fix #441
+- Fix #443
 
 ## 0.3.0
 
-* Use `rem` and `em` (!)
-* Fix Font Awesome icons in buttons (!)
-* Fix message colors (!)
-* Use `{% capture %}` to ensure same display as code snippet (!)
-
-* Move variables to their own file
-* Remove small tag
-* Add `:focus` state
-* Fix table
-* Remove table `.is-icon` and `.is-link`
-* Add `.content` table
-* Fix inputs with icons
-* Input icons require the `.icon` container
-* Deprecate `.media-number`
-* Fix `.level-item` height
-* Fix `.menu` spacing
-* Deprecate `.menu-nav`
-* Add invert outlined buttons
-* Fix `.nav`
-* Fix `.pagination`
-* Fix `.tabs`
-* Fix `.panel`
-* Fix `.delete`
-* Add mixins documentation
-* Add functions documentation
+- Use `rem` and `em` (!)
+- Fix Font Awesome icons in buttons (!)
+- Fix message colors (!)
+- Use `{% capture %}` to ensure same display as code snippet (!)
+
+- Move variables to their own file
+- Remove small tag
+- Add `:focus` state
+- Fix table
+- Remove table `.is-icon` and `.is-link`
+- Add `.content` table
+- Fix inputs with icons
+- Input icons require the `.icon` container
+- Deprecate `.media-number`
+- Fix `.level-item` height
+- Fix `.menu` spacing
+- Deprecate `.menu-nav`
+- Add invert outlined buttons
+- Fix `.nav`
+- Fix `.pagination`
+- Fix `.tabs`
+- Fix `.panel`
+- Fix `.delete`
+- Add mixins documentation
+- Add functions documentation
 
 ## 0.2.2
 
-* Fix: remove multiple imports
+- Fix: remove multiple imports
 
 ## 0.2.1
 
-* Fix: container flex
-* Fix: nav-item flex
-* Fix: media-number flex
-* Fix: new brand colors
+- Fix: container flex
+- Fix: nav-item flex
+- Fix: media-number flex
+- Fix: new brand colors
 
 ## 0.2.0
 
-* Added: new branding
-* Added: modularity
-* Added: grid folder
-* Added: .github folder
+- Added: new branding
+- Added: modularity
+- Added: grid folder
+- Added: .github folder
 
 ## 0.1.1
 
-* Remove `flex: 1` shorthand
+- Remove `flex: 1` shorthand
 
 ## 0.1.0
 
-* Fix #227
-* Fix #232
-* Fix #242
-* Fix #243
-* Fix #228
-* Fix #245
-* Fix #246
+- Fix #227
+- Fix #232
+- Fix #242
+- Fix #243
+- Fix #228
+- Fix #245
+- Fix #246
 
 ## 0.0.28
 
-* BREAKING: `.control.is-grouped` now uses `.control` elements as direct children
-* Fix #220
-* Fix #214
-* Fix #210
-* Fix #206
-* Fix #122
+- BREAKING: `.control.is-grouped` now uses `.control` elements as direct children
+- Fix #220
+- Fix #214
+- Fix #210
+- Fix #206
+- Fix #122
 
 ## 0.0.27
 
-* Fix: #217
-* Fix: #213
-* Fix: #209
-* Fix: #205
-* Fix: #204
-* Fix: #81
+- Fix: #217
+- Fix: #213
+- Fix: #209
+- Fix: #205
+- Fix: #204
+- Fix: #81
 
 ## 0.0.26
 
-* Added: `.modal-card`
-* Added: display responsive utilities
-* Added: `.nav-center`
-* Added: `.tabs ul` left center right
-* Changed: `.navbar` renamed to `.level`
-* Changed: `.header` renamed to `.nav`
-* Deprecated: `.header`
-* Deprecated: `.navbar`
-* Fixed: `.hero` layout
+- Added: `.modal-card`
+- Added: display responsive utilities
+- Added: `.nav-center`
+- Added: `.tabs ul` left center right
+- Changed: `.navbar` renamed to `.level`
+- Changed: `.header` renamed to `.nav`
+- Deprecated: `.header`
+- Deprecated: `.navbar`
+- Fixed: `.hero` layout
 
 ## 0.0.25
 
-* Added: `utilities/controls.sass` and `elements/form.sass`
-* Added: new responsive classes
-* Added: white/black and light/dark colors
-* Changed: `.tabs` need `.icon` now
-* Changed: cdnjs link doesn't include version
+- Added: `utilities/controls.sass` and `elements/form.sass`
+- Added: new responsive classes
+- Added: white/black and light/dark colors
+- Changed: `.tabs` need `.icon` now
+- Changed: cdnjs link doesn't include version
 
 ## 0.0.24
 
 ### Added
 
-* `is-mobile` for the navbar
+- `is-mobile` for the navbar
 
 ### Removed
 
-* removed border between sections. Use `<hr class="is-marginless">` now
+- removed border between sections. Use `<hr class="is-marginless">` now
 
 ### Updated
 
-* restructured files
-* added back `inline-flex` for controls and tags
+- restructured files
+- added back `inline-flex` for controls and tags
 
 ### Removed
 
-* test tiles
+- test tiles
 
 ## 0.0.23
 
 ### BREAKING
 
-* `bulma` folder renamed to `sass` to avoid the redundant `bulma/bulma` path
-* `variables.sass` moved to `/utilities`
-* almost everything is singular now
-* **elements** only have one class
-* **components** have at least one sub-class
-* `.content` moved to elements
-* `.table` moved to elements
-* `.message` moved to components
-* `.table-icon`, `.table-link`, `.table-narrow` are now called `.is-icon`, `.is-link`, `.is-narrow`
+- `bulma` folder renamed to `sass` to avoid the redundant `bulma/bulma` path
+- `variables.sass` moved to `/utilities`
+- almost everything is singular now
+- **elements** only have one class
+- **components** have at least one sub-class
+- `.content` moved to elements
+- `.table` moved to elements
+- `.message` moved to components
+- `.table-icon`, `.table-link`, `.table-narrow` are now called `.is-icon`, `.is-link`, `.is-narrow`
 
 ### Added
 
-* all variables are now `!default` so you can set your custom variables before importing Bulma
+- all variables are now `!default` so you can set your custom variables before importing Bulma
 
 ## 0.0.22
 
 ### Fixed
 
-* links in hero subtitle
+- links in hero subtitle
 
 ## 0.0.21
 
 ### Added
 
-* `.column.is-narrow` to make a column `flex: none`
+- `.column.is-narrow` to make a column `flex: none`
 
 ## 0.0.20
 
 ### Added
 
-* `.has-icon` support for different `.input` sizes
+- `.has-icon` support for different `.input` sizes
 
 ## 0.0.19
 
 ### NEW!!!
 
-* `.tile`
+- `.tile`
 
 ### BREAKING
 
-* `.is-third` renamed to `.is-one-third`
-* `.is-quarter` renamed to `.is-one-quarter`
+- `.is-third` renamed to `.is-one-third`
+- `.is-quarter` renamed to `.is-one-quarter`
 
 ### Added
 
-* `.is-two-thirds`
-* `.is-three-quarters`
+- `.is-two-thirds`
+- `.is-three-quarters`
 
 ### Changed
 
-* `.delete` in `.tag` has no red
+- `.delete` in `.tag` has no red
 
 ## 0.0.18
 
 ### BREAKING
 
-* `.is-text-*` renamed to `.has-text-*`
-* removed `.is-fullwidth` helper
+- `.is-text-*` renamed to `.has-text-*`
+- removed `.is-fullwidth` helper
 
 ### Added
 
-* **small tag**: `.tag.is-small`
-* 12th column classes
-* `*-full` column classes
-* `$family-code`
+- **small tag**: `.tag.is-small`
+- 12th column classes
+- `*-full` column classes
+- `$family-code`
 
 ### Fixed
 
-* disabled input with element
-* `.table` last row with `th`
-* `.card` color in `.hero`
-* `.columns.is-gapless`
+- disabled input with element
+- `.table` last row with `th`
+- `.card` color in `.hero`
+- `.columns.is-gapless`
 
 ### Removed
 
-* removed `box-shadow` from `.tag`
-* custom checkboxes and radio buttons
+- removed `box-shadow` from `.tag`
+- custom checkboxes and radio buttons
 
 ### Updated
 
-* `.tag` uses `display: inline-flex` now
+- `.tag` uses `display: inline-flex` now
 
 ## 0.0.17
 
 ### Added
 
-* **pagination**: `.pagination`
-* **horizontal forms**: `.control.is-horizontal`
-* **help** text for form controls: `.help`
-* **progress bars**: `.progress`
+- **pagination**: `.pagination`
+- **horizontal forms**: `.control.is-horizontal`
+- **help** text for form controls: `.help`
+- **progress bars**: `.progress`
 
 ### Updated
 
-* `.button` uses `display: inline-flex` now
-* `.button` needs an `.icon` now
-* `.control.is-grouped` renamed to `.control.has-addons`
-* `.control.is-inline` renamed to `.control.is-grouped`
+- `.button` uses `display: inline-flex` now
+- `.button` needs an `.icon` now
+- `.control.is-grouped` renamed to `.control.has-addons`
+- `.control.is-inline` renamed to `.control.is-grouped`
 
 ### Removed
 
-* **helpers** `.is-inline` and `.is-block`
+- **helpers** `.is-inline` and `.is-block`