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)

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

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

Deprecation

• .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

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

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)

0.7.1

Improvements

• #1789 Add all shades to has-background-* helpers

Bug fixes

• #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

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

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

Variable changes

Updated default values

<table class="table is-bordered"> <tbody> <tr> <th class="is-light" colspan="3"> File <code>sass/utilities/initial-variables.sass</code> </th> </tr> <tr> <th>Variable</th> <th>From</th> <th>To</th> </tr> <tr> <td> <code>$gap</code> </td> <td> <code>32px</code> </td> <td> <code>64px</code> </td> </tr> <tr> <td> <code>$radius</code> </td> <td> <code>3px</code> </td> <td> <code>4px</code> </td> </tr> <tr> <td> <code>$radius-large</code> </td> <td> <code>5px</code> </td> <td> <code>6px</code> </td> </tr> </tbody> </table> <table class="table is-bordered"> <tbody> <tr> <th class="is-light" colspan="3"> File <code>sass/base/generic.sass</code> </th> </tr> <tr> <th>Variable</th> <th>From</th> <th>To</th> </tr> <tr> <td> <code>$hr-background-color</code> </td> <td> <code>$border</code> </td> <td> <code>$background</code> </td> </tr> <tr> <td> <code>$hr-height</code> </td> <td> <code>1px</code> </td> <td> <code>2px</code> </td> </tr> </tbody> </table> <table class="table is-bordered"> <tbody> <tr> <th class="is-light" colspan="3"> File <code>sass/elements/content.sass</code> </th> </tr> <tr> <th>Variable</th> <th>From</th> <th>To</th> </tr> <tr> <td> <code>$content-heading-weight</code> </td> <td> <code>$weight-normal</code> </td> <td> <code>$weight-semibold</code> </td> </tr> </tbody> </table> <table class="table is-bordered"> <tbody> <tr> <th class="is-light" colspan="3"> File <code>sass/components/message.sass</code> </th> </tr> <tr> <th>Variable</th> <th>From</th> <th>To</th> </tr> <tr> <td> <code>$message-header-padding</code> </td> <td> <code>0.5em 0.75em</code> </td> <td> <code>0.75em 1em</code> </td> </tr> <tr> <td> <code>$message-body-padding</code> </td> <td> <code>1em 1.25em</code> </td> <td> <code>1.25em 1.5em</code> </td> </tr> </tbody> </table> <table class="table is-bordered"> <tbody> <tr> <th class="is-light" colspan="3"> File <code>sass/components/navbar.sass</code> </th> </tr> <tr> <th>Variable</th> <th>From</th> <th>To</th> </tr> <tr> <td> <code>$navbar-item-hover-background-color</code> </td> <td> <code>$background</code> </td> <td> <code>$white-bis</code> </td> </tr> <tr> <td> <code>$navbar-dropdown-border-top</code> </td> <td> <code>1px solid $border</code> </td> <td> <code>2px solid $border</code> </td> </tr> <tr> <td> <code>$navbar-divider-background-color</code> </td> <td> <code>$border</code> </td> <td> <code>$background</code> </td> </tr> </tbody> </table> <table class="table is-bordered"> <tbody> <tr> <th class="is-light" colspan="3"> File <code>sass/layout/footer.sass</code> </th> </tr> <tr> <th>Variable</th> <th>From</th> <th>To</th> </tr> <tr> <td> <code>$footer-background-color</code> </td> <td> <code>$background</code> </td> <td> <code>$white-bis</code> </td> </tr> </tbody> </table>

New variables

<table class="table is-bordered"> <tbody> <tr> <th class="is-light" colspan="2"> File <code>sass/components/breadcrumb.sass</code> </th> </tr> <tr> <th>Name</th> <th>Value</th> </tr> <tr> <td> <code>$breadcrumb-item-padding-vertical</code> </td> <td> <code>0</code> </td> </tr> <tr> <td> <code>$breadcrumb-item-padding-horizontal</code> </td> <td> <code>0.75em</code> </td> </tr> </tbody> </table> <table class="table is-bordered"> <tbody> <tr> <th class="is-light" colspan="2"> File <code>sass/components/message.sass</code> </th> </tr> <tr> <th>Name</th> <th>Value</th> </tr> <tr> <td> <code>$message-body-border-color</code> </td> <td> <code>$border</code> </td> </tr> <tr> <td> <code>$message-body-border-width</code> </td> <td> <code>0 0 0 4px</code> </td> </tr> <tr> <td> <code>$message-header-weight</code> </td> <td> <code>$weight-bold</code> </td> </tr> <tr> <td> <code>$message-header-body-border-width</code> </td> <td> <code>0</code> </td> </tr> </tbody> </table> <table class="table is-bordered"> <tbody> <tr> <th class="is-light" colspan="2"> File <code>sass/components/navbar.sass</code> </th> </tr> <tr> <th>Name</th> <th>Value</th> </tr> <tr> <td> <code>$navbar-box-shadow-size</code> </td> <td> <code>0 2px 0 0</code> </td> </tr> <tr> <td> <code>$navbar-box-shadow-color</code> </td> <td> <code>$background</code> </td> </tr> <tr> <td> <code>$navbar-padding-vertical</code> </td> <td> <code>1rem</code> </td> </tr> <tr> <td> <code>$navbar-padding-horizontal</code> </td> <td> <code>2rem</code> </td> </tr> <tr> <td> <code>$navbar-z</code> </td> <td> <code>30</code> </td> </tr> </tbody> </table> <table class="table is-bordered"> <tbody> <tr> <th class="is-light" colspan="2"> File <code>sass/elements/title.sass</code> </th> </tr> <tr> <th>Name</th> <th>Value</th> </tr> <tr> <td> <code>$title-line-height</code> </td> <td> <code>1.125</code> </td> </tr> <tr> <td> <code>$subtitle-line-height</code> </td> <td> <code>1.25</code> </td> </tr> <tr> <td> <code>$subtitle-negative-margin</code> </td> <td> <code>-1.25rem</code> </td> </tr> </tbody> </table>

Removed variables

<table class="table is-bordered"> <tbody> <tr> <th>File</th> <th>Removed</th> <th>Replaced with</th> </tr> <tr> <td> <code>sass/components/message.sass</code> </td> <td> <code>$message-body-border</code> </td> <td> <code>$message-body-border-color</code> <br> <code>$message-body-border-width</code> </td> </tr> </tbody> </table>

0.6.2

New features

• 🎉 Rounded buttons, inputs, pagination and toggle tabs

Improvements

• #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

0.6.1

New features

• 🎉 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

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

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.

New features

• #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

The $link color is used instead of $primary in the following components:

<table> <tr> <th>Variable</th> <th>Old value</th> <th>New value</th> </tr> <tr> <td><code>$dropdown-item-active-color</code></td> <td><code>$primary-invert</code></td> <td><code>$link-invert</code></td> </tr> <tr> <td><code>$dropdown-item-active-background-color</code></td> <td><code>$primary</code></td> <td><code>$link</code></td> </tr> <tr> <td><code>$navbar-tab-hover-border-bottom-color</code></td> <td><code>$primary</code></td> <td><code>$link</code></td> </tr> <tr> <td><code>$navbar-tab-active-color</code></td> <td><code>$primary</code></td> <td><code>$link</code></td> </tr> <tr> <td><code>$navbar-tab-active-border-bottom-color</code></td> <td><code>$primary</code></td> <td><code>$link</code></td> </tr> <tr> <td><code>$navbar-dropdown-item-active-color</code></td> <td><code>$primary</code></td> <td><code>$link</code></td> </tr> <tr> <td><code>$tabs-link-active-border-bottom-color</code></td> <td><code>$primary</code></td> <td><code>$link</code></td> </tr> <tr> <td><code>$tabs-link-active-color</code></td> <td><code>$primary</code></td> <td><code>$link</code></td> </tr> <tr> <td><code>$tabs-toggle-link-active-background-color</code></td> <td><code>$primary</code></td> <td><code>$link</code></td> </tr> <tr> <td><code>$tabs-toggle-link-active-border-color</code></td> <td><code>$primary</code></td> <td><code>$link</code></td> </tr> <tr> <td><code>$tabs-toggle-link-active-color</code></td> <td><code>$primary-invert</code></td> <td><code>$link-invert</code></td> </tr> </table>

Issues closed

• #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

Issues closed

• #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

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