@jgthms jgthms released this Feb 8, 2019 · 2 commits to master since this release

Same as 0.7.3 but with the CSS files attached.

Assets 3

@jgthms jgthms released this Feb 7, 2019 · 4 commits to master since this release

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

@jgthms jgthms released this Oct 12, 2018 · 72 commits to master since this release

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)
Assets 3

@jgthms jgthms released this Apr 18, 2018 · 212 commits to master since this release

Improvements

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

Bug fixes

Assets 3

@jgthms jgthms released this Apr 13, 2018 · 230 commits to master since this release

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

@jgthms jgthms released this Jan 10, 2018 · 378 commits to master since this release

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

@jgthms jgthms released this Nov 6, 2017 · 441 commits to master since this release

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

@jgthms jgthms released this Oct 10, 2017 · 513 commits to master since this release

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
Assets 3
Sep 18, 2017
Deploy 0.5.3
Sep 11, 2017
Deploy 0.5.2