bulma/CHANGELOG.md
Jeremy Thomas 5560ec8a1b Fix #1030
2017-08-07 19:57:34 +01:00

17 KiB

Bulma Changelog

0.5.1

New features

  • 🎉 #280 File upload element
  • $container-offset variable to determine the .container breakpoints
  • #1001 Text case helpers

Issues closed

  • #1030 Add !importnant 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
  • 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

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!
  • 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 <hr class="is-marginless"> 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