diff options
author | Adam T. Carpenter <atc@53hor.net> | 2021-06-14 22:11:50 -0400 |
---|---|---|
committer | Adam T. Carpenter <atc@53hor.net> | 2021-06-14 22:11:50 -0400 |
commit | 3df910b359125d35ca71f4e9419b0bd41d56718c (patch) | |
tree | 5820c70c948223d4dcbb329cb05c25b94859a47a /_bulma/node_modules/bulma/CHANGELOG.md | |
parent | 7a21088226eb6be30e72ec99f695c70e93a76173 (diff) | |
download | carpentertutoring-3df910b359125d35ca71f4e9419b0bd41d56718c.tar.xz carpentertutoring-3df910b359125d35ca71f4e9419b0bd41d56718c.zip |
stripping bulma and cobalt; uneeded at this point
Diffstat (limited to '_bulma/node_modules/bulma/CHANGELOG.md')
-rw-r--r-- | _bulma/node_modules/bulma/CHANGELOG.md | 1390 |
1 files changed, 0 insertions, 1390 deletions
diff --git a/_bulma/node_modules/bulma/CHANGELOG.md b/_bulma/node_modules/bulma/CHANGELOG.md deleted file mode 100644 index bc501a1..0000000 --- a/_bulma/node_modules/bulma/CHANGELOG.md +++ /dev/null @@ -1,1390 +0,0 @@ -# Bulma Changelog - -## 0.8.2 - -### Bug fixes - -* Fix #2885 -> Revert `$input-color: $text-strong` - -## 0.8.1 - -### Improvements - -* #2709 Add light colors to the `notification` element -* #2740 Fixes #2739 -> Add variables size for layout `hero` -* Fix #2741 -> Create `bulmaRgba()` function to support `inherit` value -* #2756 Add `$button-text-decoration` variable - -### Bug fixes - -* #2664 Fixes #2671 -> Add `$panel-colors` variable - -## 0.8.0 - -### Big update - -#### Larger form controls - -Controls and buttons are now `2.5em` high. You can revert this resizing by setting these previous values: - -```sass -$control-height: 2.25em -$control-padding-vertical: calc(0.375em - #{$control-border-width}) -$control-padding-horizontal: calc(0.625em - #{$control-border-width}) -$button-padding-vertical: calc(0.375em - #{$button-border-width}) -$button-padding-horizontal: 0.75em -``` - -#### Light and dark colors - -Each main color (`"primary"`, `"info"`, `"success"`, `"warning"`, `"danger"`) now has a `*-light` and `*-dark` version. They are calculated using 2 new color functions: - -* `findLightColor()` which finds the light version of a color -* `findDarkolor()` which finds the dark version of a color - -The light colors are used by the `button` element, while the light and dark colors are used by the `message` component. - -#### Panel colors - -The `panel` component is now available in all the different colors. - -#### 4-value color map - -The `$colors` Sass map now accepts, for each of its values, a map of up to **4** values. For example: the key `"info"` now has the `($info, $info-invert, $info-light, $info-dark)` map. - -If you provide a `$custom-colors` map, you can decide to provide a map of 1, 2, 3 or 4 values for each value. If fewer than 4 are provided, Bulma will calculate the remaining ones: - -```scss -$custom-colors: ( - "lime": (lime), - "tomato": (tomato, white), - "orange": ($orange, $orange-invert, $orange-light), - "lavender": ($lavender, $lavender-invert, $lavender-light, $lavender-dark) -); -``` - -This is processed by the updated `mergeColorMaps()` Sass function. - -#### Scheme variables - -There are 6 new `$scheme` derived variables: `$scheme-main` `$scheme-main-bis` `$scheme-main-ter` `$scheme-invert` `$scheme-invert-bis` `$scheme-invert-ter` -They replace the `$white` and `$black` occurences in the codebase. This makes it easy to create a "Dark mode" simply by swapping the values: - -```sass -$scheme-main: $black -$scheme-invert: $white -// etc. -``` - -That is also why most of the codebase now references **derived** variables (`$text`, `$background`, `$border` etc.) instead of **initial** ones (`$grey`, `$grey-lighter`, `$grey-darker` etc.): updating the derived variables will affect all elements and components directly. - -#### Initial variables - -* `$green: hsl(141, 53%, 53%)` -* `$cyan: hsl(204, 71%, 53%)` -* `$red: hsl(348, 86%, 61%)` - -#### Derived variables - -* `$primary-invert: findColorInvert($primary)` -* `$primary-light: findLightColor($primary)` -* `$primary-dark: findDarkColor($primary)` -* `$info-invert: findColorInvert($info)` -* `$info-light: findLightColor($info)` -* `$info-dark: findDarkColor($info)` -* `$success-invert: findColorInvert($success)` -* `$success-light: findLightColor($success)` -* `$success-dark: findDarkColor($success)` -* `$warning-invert: findColorInvert($warning)` -* `$warning-light: findLightColor($warning)` -* `$warning-dark: findDarkColor($warning)` -* `$danger-invert: findColorInvert($danger)` -* `$danger-light: findLightColor($danger)` -* `$danger-dark: findDarkColor($danger)` -* `$light-invert: findColorInvert($light)` -* `$dark-invert: findColorInvert($dark)` - -* `$scheme-main: $white` -* `$scheme-main-bis: $white-bis` -* `$scheme-main-ter: $white-ter` -* `$scheme-invert: $black` -* `$scheme-invert-bis: $black-bis` -* `$scheme-invert-ter: $black-ter` - -### Other variables - -* `$control-height: 2.5em` -* `$control-padding-vertical: calc(0.5em - #{$control-border-width})` -* `$control-padding-horizontal: calc(0.75em - #{$control-border-width})` -* `$media-border-color: rgba($border, 0.5)` -* `$notification-code-background-color: $scheme-main` -* `$panel-radius: $radius-large` -* `$panel-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)` -* `$textarea-padding: $control-padding-horizontal` -* `$textarea-max-height: 40em` -* `$textarea-min-height: 8em` - -### Bug fixes - -* Fix #2647 -> Missing meta tags in snippet -* Fix #2031, Fix #2483 -> Invalid output when declaring a custom shade map -* Fix #2060 -> `height: auto` on HTML `audio` element breaks height of element -* Fix #706 -> Derive `-invert` variables using `findColorInvert()` -* #1608 Fix #1552 -> `.container.is-fluid` margins - -### New features - -* #2563 `.image` has a new `.is-fullwidth` modifier - -## 0.7.5 - -### Deprecation warning - -The `form.sass` file is **deprecated**. It has moved into its own `/form` folder. If you were importing `form.sass`, please import `sass/form/_all.sass` now. -If you were simply importing the whole of Bulma with `@import "~/bulma/bulma.sass"` or similar, you won't have to change anything, and everything will work as before. - -### New features - -#### Support for overriding the `font-family` - -You can now specify a different `font-family` for the `.title`, `.subtitle` and `.button` by using the variables `$title-family`, `$subtitle-family` and `$button-family` respectively. - -Simply set a value when importing Bulma: - -```scss -$title-family: "Georgia", serif; -``` - -* #2375 Add `.is-relative` helper -* #2321 Make `.navbar` focus behave like hover for the navigation -* #2290 Fix #1186 -> Reset the offset on columns -* #2231 Add `.has-text-weight-medium` helper -* #2224 Add customizable border radius to progress bar -* #2480 Add `$footer-color` variable - -### Improvements - -* #2396 Update docs with webpack 4 example -* #2381 Make centered buttons have equal margin -* Fix #2297 -> Remove `.container` fixed width values, use `flex-grow` -* #2478 Move form.sass into its own folder - -### Bug fixes - -* #2420 Fix #2414 -> Fix `align` attribute in `td/th` being ignored -* #2463 Remove duplicate `.has-addons` in `tag.sass` -* #2253 Fix `$gap` variable default value -* #2273 Fix #2258 -> Fix Indeterminate Progress Bar animation in Firefox -* #2175 Proper aligning for `.tabs` within `.content` -* #2476 Fix #2441 -> Correct active pagination link text colour on hero - -Fix #1979 -> Correct loading spinner color when a button is: - -* outlined and hovered/focused -* outlined, inverted and hovered/focused - -### New variables - -#### Initial variables - -* `$block-spacing` - -#### Base - -* `$body-font-size` -* `$small-font-size` -* `$pre-font-size` -* `$pre-padding` -* `$pre-code-font-size` - -#### Components - -* `$card-header-padding` -* `$card-content-padding` -* `$card-media-margin` -* `$dropdown-menu-min-width` -* `$dropdown-content-padding-bottom` -* `$dropdown-content-padding-top` -* `$level-item-spacing` -* `$menu-list-line-height` -* `$menu-list-link-padding` -* `$menu-nested-list-margin` -* `$menu-nested-list-padding-left` -* `$menu-label-font-size` -* `$menu-label-letter-spacing` -* `$menu-label-spacing` -* `$pagination-item-font-size` -* `$pagination-item-margin` -* `$pagination-item-padding-left` -* `$pagination-item-padding-right` -* `$panel-margin` -* `$panel-tabs-font-size` - -#### Elements - -* `$container-offset` - -#### Grid - -* `$tile-spacing` - -## 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](https://bulma.io/documentation/elements/button/#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 - -## 0.5.1 - -### New features - -* 🎉 #280 [File upload element](https://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](https://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`): - -<table> -<tr><th>From</th><th>To</th></tr> -<tr><td><code>$card</code></td><td><code>$card-color</code></td></tr> -<tr><td><code>$card-background</code></td><td><code>$card-background-color</code></td></tr> -<tr><td><code>$card-header</code></td><td><code>$card-header-color</code></td></tr> -<tr><td><code>$dropdown-item</code></td><td><code>$dropdown-item-color</code></td></tr> -<tr><td><code>$dropdown-content-background</code></td><td><code>$dropdown-content-background-color</code></td></tr> -<tr><td><code>$dropdown-item-hover-background</code></td><td><code>$dropdown-item-hover-background-color</code></td></tr> -<tr><td><code>$dropdown-item-hover</code></td><td><code>$dropdown-item-hover-color</code></td></tr> -<tr><td><code>$dropdown-item-active-background</code></td><td><code>$dropdown-item-active-background-color</code></td></tr> -<tr><td><code>$dropdown-item-active</code></td><td><code>$dropdown-item-active-color</code></td></tr> -<tr><td><code>$dropdown-divider-background</code></td><td><code>$dropdown-divider-background-color</code></td></tr> -<tr><td><code>$menu-item</code></td><td><code>$menu-item-color</code></td></tr> -<tr><td><code>$menu-item-hover</code></td><td><code>$menu-item-hover-color</code></td></tr> -<tr><td><code>$menu-item-hover-background</code></td><td><code>$menu-item-hover-background-color</code></td></tr> -<tr><td><code>$menu-item-active</code></td><td><code>$menu-item-active-color</code></td></tr> -<tr><td><code>$menu-item-active-background</code></td><td><code>$menu-item-active-background-color</code></td></tr> -<tr><td><code>$menu-label</code></td><td><code>$menu-label-color</code></td></tr> -<tr><td><code>$message-background</code></td><td><code>$message-background-color</code></td></tr> -<tr><td><code>$message-header-background</code></td><td><code>$message-header-background-color</code></td></tr> -<tr><td><code>$navbar-background</code></td><td><code>$navbar-background-color</code></td></tr> -<tr><td><code>$navbar-item</code></td><td><code>$navbar-item-color</code></td></tr> -<tr><td><code>$navbar-item-hover</code></td><td><code>$navbar-item-hover-color</code></td></tr> -<tr><td><code>$navbar-item-hover-background</code></td><td><code>$navbar-item-hover-background-color</code></td></tr> -<tr><td><code>$navbar-item-active</code></td><td><code>$navbar-item-active-color</code></td></tr> -<tr><td><code>$navbar-item-active-background</code></td><td><code>$navbar-item-active-background-color</code></td></tr> -<tr><td><code>$navbar-tab-hover-background</code></td><td><code>$navbar-tab-hover-background-color</code></td></tr> -<tr><td><code>$navbar-tab-hover-border-bottom</code></td><td><code>$navbar-tab-hover-border-bottom-color</code></td></tr> -<tr><td><code>$navbar-tab-active</code></td><td><code>$navbar-tab-active-color</code></td></tr> -<tr><td><code>$navbar-tab-active-background</code></td><td><code>$navbar-tab-active-background-color</code></td></tr> -<tr><td><code>$navbar-divider-background</code></td><td><code>$navbar-divider-background-color</code></td></tr> -<tr><td><code>$navbar-dropdown-item-hover</code></td><td><code>$navbar-dropdown-item-hover-color</code></td></tr> -<tr><td><code>$navbar-dropdown-item-hover-background</code></td><td><code>$navbar-dropdown-item-hover-background-color</code></td></tr> -<tr><td><code>$navbar-dropdown-item-active</code></td><td><code>$navbar-dropdown-item-active-color</code></td></tr> -<tr><td><code>$navbar-dropdown-item-active-background</code></td><td><code>$navbar-dropdown-item-active-background-color</code></td></tr> -<tr><td><code>$pagination</code></td><td><code>$pagination-color</code></td></tr> -<tr><td><code>$pagination-hover</code></td><td><code>$pagination-hover-color</code></td></tr> -<tr><td><code>$pagination-hover-border</code></td><td><code>$pagination-hover-border-color</code></td></tr> -<tr><td><code>$pagination-focus</code></td><td><code>$pagination-focus-color</code></td></tr> -<tr><td><code>$pagination-focus-border</code></td><td><code>$pagination-focus-border-color</code></td></tr> -<tr><td><code>$pagination-active</code></td><td><code>$pagination-active-color</code></td></tr> -<tr><td><code>$pagination-active-border</code></td><td><code>$pagination-active-border-color</code></td></tr> -<tr><td><code>$pagination-disabled</code></td><td><code>$pagination-disabled-color</code></td></tr> -<tr><td><code>$pagination-disabled-background</code></td><td><code>$pagination-disabled-background-color</code></td></tr> -<tr><td><code>$pagination-disabled-border</code></td><td><code>$pagination-disabled-border-color</code></td></tr> -<tr><td><code>$pagination-current</code></td><td><code>$pagination-current-color</code></td></tr> -<tr><td><code>$pagination-current-background</code></td><td><code>$pagination-current-background-color</code></td></tr> -<tr><td><code>$pagination-current-border</code></td><td><code>$pagination-current-border-color</code></td></tr> -<tr><td><code>$pagination-ellipsis</code></td><td><code>$pagination-ellipsis-color</code></td></tr> -<tr><td><code>$box</code></td><td><code>$box-color</code></td></tr> -<tr><td><code>$box-background</code></td><td><code>$box-background-color</code></td></tr> -<tr><td><code>$button</code></td><td><code>$button-color</code></td></tr> -<tr><td><code>$button-background</code></td><td><code>$button-background-color</code></td></tr> -<tr><td><code>$button-border</code></td><td><code>$button-border-color</code></td></tr> -<tr><td><code>$button-link</code></td><td><code>$button-link-color</code></td></tr> -<tr><td><code>$button-link-hover-background</code></td><td><code>$button-link-hover-background-color</code></td></tr> -<tr><td><code>$button-link-hover</code></td><td><code>$button-link-hover-color</code></td></tr> -<tr><td><code>$button-disabled-background</code></td><td><code>$button-disabled-background-color</code></td></tr> -<tr><td><code>$button-disabled-border</code></td><td><code>$button-disabled-border-color</code></td></tr> -<tr><td><code>$button-static</code></td><td><code>$button-static-color</code></td></tr> -<tr><td><code>$button-static-background</code></td><td><code>$button-static-background-color</code></td></tr> -<tr><td><code>$button-static-border</code></td><td><code>$button-static-border-color</code></td></tr> -<tr><td><code>$input</code></td><td><code>$input-color</code></td></tr> -<tr><td><code>$input-background</code></td><td><code>$input-background-color</code></td></tr> -<tr><td><code>$input-border</code></td><td><code>$input-border-color</code></td></tr> -<tr><td><code>$input-hover</code></td><td><code>$input-hover-color</code></td></tr> -<tr><td><code>$input-hover-border</code></td><td><code>$input-hover-border-color</code></td></tr> -<tr><td><code>$input-focus</code></td><td><code>$input-focus-color</code></td></tr> -<tr><td><code>$input-focus-border</code></td><td><code>$input-focus-border-color</code></td></tr> -<tr><td><code>$input-disabled</code></td><td><code>$input-disabled-color</code></td></tr> -<tr><td><code>$input-disabled-background</code></td><td><code>$input-disabled-background-color</code></td></tr> -<tr><td><code>$input-disabled-border</code></td><td><code>$input-disabled-border-color</code></td></tr> -<tr><td><code>$input-icon</code></td><td><code>$input-icon-color</code></td></tr> -<tr><td><code>$input-icon-active</code></td><td><code>$input-icon-active-color</code></td></tr> -<tr><td><code>$title</code></td><td><code>$title-color</code></td></tr> -<tr><td><code>$subtitle</code></td><td><code>$subtitle-color</code></td></tr> -<tr><td><code>$card-footer-border</code></td><td><code>$card-footer-border-top</code></td></tr> -<tr><td><code>$menu-list-border</code></td><td><code>$menu-list-border-left</code></td></tr> -<tr><td><code>$navbar-tab-hover-border</code></td><td><code>$navbar-tab-hover-border-bottom-color</code></td></tr> -<tr><td><code>$navbar-tab-active-border</code></td><td><code>$navbar-tab-active-border-bottom</code></td></tr> -<tr><td><code>$table-border</code></td><td><code>$table-cell-border</code></td></tr> -<tr><td><code>$table-row-even-background</code></td><td><code>$table-striped-row-even-background-color</code></td></tr> -<tr><td><code>$table-row-even-hover-background</code></td><td><code>$table-striped-row-even-hover-background-color</code></td></tr> -</table> - -### Improved documentation - -* [Starter template](https://bulma.io/documentation/overview/start/#starter-template) -* [Colors page](https://bulma.io/documentation/overview/colors/) -* [Typography helpers](https://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](https://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 <sup> and <sub> 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` modifier 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 utilities -* 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` |