# Bulma Changelog ## 0.5.2 ### Issues closed * #1063 `$family-primary` customisation ## 0.5.1 ### New features * 🎉 #280 [File upload element](http://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 ## 0.5.0 ### New features * 🎉 [List of tags](http://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`):
FromTo
$card$card-color
$card-background$card-background-color
$card-header$card-header-color
$dropdown-item$dropdown-item-color
$dropdown-content-background$dropdown-content-background-color
$dropdown-item-hover-background$dropdown-item-hover-background-color
$dropdown-item-hover$dropdown-item-hover-color
$dropdown-item-active-background$dropdown-item-active-background-color
$dropdown-item-active$dropdown-item-active-color
$dropdown-divider-background$dropdown-divider-background-color
$menu-item$menu-item-color
$menu-item-hover$menu-item-hover-color
$menu-item-hover-background$menu-item-hover-background-color
$menu-item-active$menu-item-active-color
$menu-item-active-background$menu-item-active-background-color
$menu-label$menu-label-color
$message-background$message-background-color
$message-header-background$message-header-background-color
$navbar-background$navbar-background-color
$navbar-item$navbar-item-color
$navbar-item-hover$navbar-item-hover-color
$navbar-item-hover-background$navbar-item-hover-background-color
$navbar-item-active$navbar-item-active-color
$navbar-item-active-background$navbar-item-active-background-color
$navbar-tab-hover-background$navbar-tab-hover-background-color
$navbar-tab-hover-border-bottom$navbar-tab-hover-border-bottom-color
$navbar-tab-active$navbar-tab-active-color
$navbar-tab-active-background$navbar-tab-active-background-color
$navbar-divider-background$navbar-divider-background-color
$navbar-dropdown-item-hover$navbar-dropdown-item-hover-color
$navbar-dropdown-item-hover-background$navbar-dropdown-item-hover-background-color
$navbar-dropdown-item-active$navbar-dropdown-item-active-color
$navbar-dropdown-item-active-background$navbar-dropdown-item-active-background-color
$pagination$pagination-color
$pagination-hover$pagination-hover-color
$pagination-hover-border$pagination-hover-border-color
$pagination-focus$pagination-focus-color
$pagination-focus-border$pagination-focus-border-color
$pagination-active$pagination-active-color
$pagination-active-border$pagination-active-border-color
$pagination-disabled$pagination-disabled-color
$pagination-disabled-background$pagination-disabled-background-color
$pagination-disabled-border$pagination-disabled-border-color
$pagination-current$pagination-current-color
$pagination-current-background$pagination-current-background-color
$pagination-current-border$pagination-current-border-color
$pagination-ellipsis$pagination-ellipsis-color
$box$box-color
$box-background$box-background-color
$button$button-color
$button-background$button-background-color
$button-border$button-border-color
$button-link$button-link-color
$button-link-hover-background$button-link-hover-background-color
$button-link-hover$button-link-hover-color
$button-disabled-background$button-disabled-background-color
$button-disabled-border$button-disabled-border-color
$button-static$button-static-color
$button-static-background$button-static-background-color
$button-static-border$button-static-border-color
$input$input-color
$input-background$input-background-color
$input-border$input-border-color
$input-hover$input-hover-color
$input-hover-border$input-hover-border-color
$input-focus$input-focus-color
$input-focus-border$input-focus-border-color
$input-disabled$input-disabled-color
$input-disabled-background$input-disabled-background-color
$input-disabled-border$input-disabled-border-color
$input-icon$input-icon-color
$input-icon-active$input-icon-active-color
$title$title-color
$subtitle$subtitle-color
$card-footer-border$card-footer-border-top
$menu-list-border$menu-list-border-left
$navbar-tab-hover-border$navbar-tab-hover-border-bottom-color
$navbar-tab-active-border$navbar-tab-active-border-bottom
$table-border$table-cell-border
$table-row-even-background$table-striped-row-even-background-color
$table-row-even-hover-background$table-striped-row-even-hover-background-color
### Improved documentation * [Starter template](http://bulma.io/documentation/overview/start/#starter-template) * [Colors page](http://bulma.io/documentation/overview/colors/) * [Typography helpers](http://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 ## 0.4.4 ### New features * New [dropdown button](http://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 ## 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 and 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 ## 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 ## 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 ## 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` modifer for titles and subtitles * Fix #487 * Fix #489 * Fix #502 * Fix #514 * Fix #524 * Fix #536 ## 0.3.2 * Fix #478 ## 0.3.1 * 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 ## 0.2.2 * Fix: remove multiple imports ## 0.2.1 * 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 ## 0.1.1 * Remove `flex: 1` shorthand ## 0.1.0 * 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 ## 0.0.27 * Fix: #217 * Fix: #213 * Fix: #209 * Fix: #205 * Fix: #204 * Fix: #81 ## 0.0.26 * Added: `.modal-card` * Added: display responsive utilites * 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 ## 0.0.24 ### Added * `is-mobile` for the navbar ### Removed * removed border between sections. Use `
` now ### Updated * restructured files * added back `inline-flex` for controls and tags ### Removed * 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` ### Added * all variables are now `!default` so you can set your custom variables before importing Bulma ## 0.0.22 ### Fixed * links in hero subtitle ## 0.0.21 ### Added * `.column.is-narrow` to make a column `flex: none` ## 0.0.20 ### Added * `.has-icon` support for different `.input` sizes ## 0.0.19 ### NEW!!! * `.tile` ### BREAKING * `.is-third` renamed to `.is-one-third` * `.is-quarter` renamed to `.is-one-quarter` ### Added * `.is-two-thirds` * `.is-three-quarters` ### Changed * `.delete` in `.tag` has no red ## 0.0.18 ### BREAKING * `.is-text-*` renamed to `.has-text-*` * removed `.is-fullwidth` helper ### Added * **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` ### Removed * removed `box-shadow` from `.tag` * custom checkboxes and radio buttons ### Updated * `.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` ### 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` ### Removed * **helpers** `.is-inline` and `.is-block`