0.7.4

Same as 0.7.3 but with the CSS files attached.

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

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

File sass/utilities/initial-variables.sass
Variable	From	To

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

File sass/base/generic.sass
Variable	From	To

  <tr>
    <td>
      <code>$content-heading-weight</code>
    </td>
    <td>
      <code>$weight-normal</code>
    </td>
    <td>
      <code>$weight-semibold</code>
    </td>
  </tr>

File sass/elements/content.sass
Variable	From	To

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

File sass/components/message.sass
Variable	From	To

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

File sass/components/navbar.sass
Variable	From	To

  <tr>
    <td>
      <code>$footer-background-color</code>
    </td>
    <td>
      <code>$background</code>
    </td>
    <td>
      <code>$white-bis</code>
    </td>
  </tr>

File sass/layout/footer.sass
Variable	From	To

New variables

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

File sass/components/breadcrumb.sass
Name	Value

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

File sass/components/message.sass
Name	Value

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

File sass/components/navbar.sass
Name	Value

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

File sass/elements/title.sass
Name	Value

Removed variables

  <tr>
    <td>
      <code>sass/components/message.sass</code>
    </td>
    <td>
      <code>$message-body-border</code>
    </td>
    <td>

        <code>$message-body-border-color</code>

        <code>$message-body-border-width</code>

    </td>
  </tr>

File	Removed	Replaced with

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:

Variable	Old value	New value
$dropdown-item-active-color	$primary-invert	$link-invert
$dropdown-item-active-background-color	$primary	$link
$navbar-tab-hover-border-bottom-color	$primary	$link
$navbar-tab-active-color	$primary	$link
$navbar-tab-active-border-bottom-color	$primary	$link
$navbar-dropdown-item-active-color	$primary	$link
$tabs-link-active-border-bottom-color	$primary	$link
$tabs-link-active-color	$primary	$link
$tabs-toggle-link-active-background-color	$primary	$link
$tabs-toggle-link-active-border-color	$primary	$link
$tabs-toggle-link-active-color	$primary-invert	$link-invert

Issues closed

• #708 Import variables in mixins