node_modules/bulma/CHANGELOG.md

   1 # Bulma Changelog
   2
   3 ## 0.8.0
   4
   5 ### Big update
   6
   7 #### Larger form controls
   8
   9 Controls and buttons are now `2.5em` high. You can revert this resizing by setting these previous values:
  10
  11 ```sass
  12 $control-height: 2.25em
  13 $control-padding-vertical: calc(0.375em - #{$control-border-width})
  14 $control-padding-horizontal: calc(0.625em - #{$control-border-width})
  15 $button-padding-vertical: calc(0.375em - #{$button-border-width})
  16 $button-padding-horizontal: 0.75em
  17 ```
  18
  19 #### Light and dark colors
  20
  21 Each main color (`"primary"`, `"info"`, `"success"`, `"warning"`, `"danger"`) now has a `*-light` and `*-dark` version. They are calculated using 2 new color functions:
  22
  23 * `findLightColor()` which finds the light version of a color
  24 * `findDarkolor()` which finds the dark version of a color
  25
  26 The light colors are used by the `button` element, while the light and dark colors are used by the `message` component.
  27
  28 #### Panel colors
  29
  30 The `panel` component is now available in all the different colors.
  31
  32 #### 4-value color map
  33
  34 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.
  35
  36 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:
  37
  38 ```scss
  39 $custom-colors: (
  40   "lime": (lime),
  41   "tomato": (tomato, white),
  42   "orange": ($orange, $orange-invert, $orange-light),
  43   "lavender": ($lavender, $lavender-invert, $lavender-light, $lavender-dark)
  44 );
  45 ```
  46
  47 This is processed by the updated `mergeColorMaps()` Sass function.
  48
  49 #### Scheme variables
  50
  51 There are 6 new `$scheme` derived variables: `$scheme-main` `$scheme-main-bis` `$scheme-main-ter` `$scheme-invert` `$scheme-invert-bis` `$scheme-invert-ter`
  52 They replace the `$white` and `$black` occurences in the codebase. This makes it easy to create a "Dark mode" simply by swapping the values:
  53
  54 ```sass
  55 $scheme-main: $black
  56 $scheme-invert: $white
  57 // etc.
  58 ```
  59
  60 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.
  61
  62 #### Initial variables
  63
  64 * `$green: hsl(141, 53%, 53%)`
  65 * `$cyan: hsl(204, 71%, 53%)`
  66 * `$red: hsl(348, 86%, 61%)`
  67
  68 #### Derived variables
  69
  70 * `$primary-invert: findColorInvert($primary)`
  71 * `$primary-light: findLightColor($primary)`
  72 * `$primary-dark: findDarkColor($primary)`
  73 * `$info-invert: findColorInvert($info)`
  74 * `$info-light: findLightColor($info)`
  75 * `$info-dark: findDarkColor($info)`
  76 * `$success-invert: findColorInvert($success)`
  77 * `$success-light: findLightColor($success)`
  78 * `$success-dark: findDarkColor($success)`
  79 * `$warning-invert: findColorInvert($warning)`
  80 * `$warning-light: findLightColor($warning)`
  81 * `$warning-dark: findDarkColor($warning)`
  82 * `$danger-invert: findColorInvert($danger)`
  83 * `$danger-light: findLightColor($danger)`
  84 * `$danger-dark: findDarkColor($danger)`
  85 * `$light-invert: findColorInvert($light)`
  86 * `$dark-invert: findColorInvert($dark)`
  87
  88 * `$scheme-main: $white`
  89 * `$scheme-main-bis: $white-bis`
  90 * `$scheme-main-ter: $white-ter`
  91 * `$scheme-invert: $black`
  92 * `$scheme-invert-bis: $black-bis`
  93 * `$scheme-invert-ter: $black-ter`
  94
  95 ### Other variables
  96
  97 * `$control-height: 2.5em`
  98 * `$control-padding-vertical: calc(0.5em - #{$control-border-width})`
  99 * `$control-padding-horizontal: calc(0.75em - #{$control-border-width})`
 100 * `$media-border-color: rgba($border, 0.5)`
 101 * `$notification-code-background-color: $scheme-main`
 102 * `$panel-radius: $radius-large`
 103 * `$panel-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)`
 104 * `$textarea-padding: $control-padding-horizontal`
 105 * `$textarea-max-height: 40em`
 106 * `$textarea-min-height: 8em`
 107
 108 ### Bug fixes
 109
 110 * Fix #2647 -> Missing meta tags in snippet
 111 * Fix #2031, Fix #2483 -> Invalid output when declaring a custom shade map
 112 * Fix #2060 -> `height: auto` on HTML `audio` element breaks height of element
 113 * Fix #706 -> Derive `-invert` variables using `findColorInvert()`
 114 * #1608 Fix #1552 -> `.container.is-fluid` margins
 115
 116 ### New features
 117
 118 * #2563 `.image` has a new `.is-fullwidth` modifier
 119
 120 ## 0.7.5
 121
 122 ### Deprecation warning
 123
 124 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.
 125 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 bbefore.
 126
 127 ### New features
 128
 129 #### Support for overriding the `font-family`
 130
 131 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.
 132
 133 Simply set a value when importing Bulma:
 134
 135 ```scss
 136 $title-family: "Georgia", serif;
 137 ```
 138
 139 * #2375 Add `.is-relative` helper
 140 * #2321 Make `.navbar` focus behave like hover for the navigation
 141 * #2290 Fix #1186 -> Reset the offset on columns
 142 * #2231 Add `.has-text-weight-medium` helper
 143 * #2224 Add customizable border radius to progress bar
 144 * #2480 Add `$footer-color` variable
 145
 146 ### Improvements
 147
 148 * #2396 Update docs with webpack 4 example
 149 * #2381 Make centered buttons have equal margin
 150 * Fix #2297 -> Remove `.container` fixed width values, use `flex-grow`
 151 * #2478 Move form.sass into its own folder
 152
 153 ### Bug fixes
 154
 155 * #2420 Fix #2414 -> Fix `align` attribute in `td/th` being ignored
 156 * #2463 Remove duplicate `.has-addons` in `tag.sass`
 157 * #2253 Fix `$gap` variable default value
 158 * #2273 Fix #2258 -> Fix Indeterminate Progress Bar animation in Firefox
 159 * #2175 Proper aligning for `.tabs` within `.content`
 160 * #2476 Fix #2441 -> Correct active pagination link text colour on hero
 161
 162 Fix #1979 -> Correct loading spinner color when a button is:
 163
 164 * outlined and hovered/focused
 165 * outlined, inverted and hovered/focused
 166
 167 ### New variables
 168
 169 #### Initial variables
 170
 171 * `$block-spacing`
 172
 173 #### Base
 174
 175 * `$body-font-size`
 176 * `$small-font-size`
 177 * `$pre-font-size`
 178 * `$pre-padding`
 179 * `$pre-code-font-size`
 180
 181 #### Components
 182
 183 * `$card-header-padding`
 184 * `$card-content-padding`
 185 * `$card-media-margin`
 186 * `$dropdown-menu-min-width`
 187 * `$dropdown-content-padding-bottom`
 188 * `$dropdown-content-padding-top`
 189 * `$level-item-spacing`
 190 * `$menu-list-line-height`
 191 * `$menu-list-link-padding`
 192 * `$menu-nested-list-margin`
 193 * `$menu-nested-list-padding-left`
 194 * `$menu-label-font-size`
 195 * `$menu-label-letter-spacing`
 196 * `$menu-label-spacing`
 197 * `$pagination-item-font-size`
 198 * `$pagination-item-margin`
 199 * `$pagination-item-padding-left`
 200 * `$pagination-item-padding-right`
 201 * `$panel-margin`
 202 * `$panel-tabs-font-size`
 203
 204 #### Elements
 205
 206 * `$container-offset`
 207
 208 #### Grid
 209
 210 * `$tile-spacing`
 211
 212 ## 0.7.3
 213
 214 ### New features
 215
 216 * #2145 Fix #372 -> New indeterminate progress bars
 217 * #2206 Fix #2046 -> New variables `$table-head-background-color`, `$table-body-background-color` and `$table-foot-background-color` for the `.table` element
 218 * #592 -> Give arbitrary elements access to the image/ratio classes
 219 * #1682 Fix #1681 -> Adds disabled styles for `<fieldset disabled>`
 220 * #2201 Fix #1875 -> `.buttons` and `.tags` group sizing (`.are-small`, `.are-medium`, `.are-large`)
 221
 222 ### Improvements
 223
 224 * #1978 Fix #1696 -> Force `box-sizing: border-box` on `details` element
 225 * #2167 Fix #1878 -> New `$footer-padding` variable
 226 * #2168 -> New `$input-placeholder-color` and `$input-disabled-placeholder-color` variables
 227
 228 ### Bug fixes
 229
 230 * #2157 Fix #1656 -> Allow border radius if only one `.control` in `.field`
 231 * #2091 Fix #2091 -> Remove CSS rule which causes `.tag.has-addons` to not work correctly
 232 * #2186 Fix #1130 -> Prevent `.dropdown` links underlining in `.message` component
 233 * Fix #2154 -> Move `.hero.is-fullheight-with-navbar` to `navbar.sass` file
 234
 235 ### Deprecation
 236
 237 * `.control.has-icon` deprecated in favor of `.control.has-icons`
 238
 239 ## 0.7.2
 240
 241 ### New features
 242
 243 * #1884 New `$navbar-burger-color` variable
 244 * #1679 Add breakpoint based column gaps
 245 * #1905 Fix `modal` for IE11 #1902
 246 * #1919 New `is-arrowless` class for navbar items
 247 * #1949 New `is-fullheight-with-navbar` class for heros
 248 * #1764 New `.is-sr-only` helper
 249 * #2109 Add and use `$navbar-breakpoint` variable
 250 * New variables `$control-height`, `$control-line-height`, `$pagination-min-width`, `$input-height`
 251 * #1720 Add list element feature
 252 * #2123 Add `.content ol` types: `.is-lower-roman`, `.is-upper-roman`, `.is-lower-alpha`, `.is-upper-alpha`, and support for the `type=` HTML attribute
 253
 254 ### Improvements
 255
 256 * #1964 Allow `.notification` to have a `.dropdown-item`
 257 * #1999 Change `$border` to `$grey-lighter` in mixins
 258 * #2085 `.media-content` will allow scrolling horizontally if the content is too wide
 259 * #1744 Fix #1710 by using `$table-striped-row-even-hover-background-color` only for even rows
 260 * #2074 Allow `<button>` as `.dropdown-item`
 261
 262 ### Bug fixes
 263
 264 * #1749 Fix icons floating out of input area
 265 * #1993 Fixes #1992 Prevent disabled form elements hover state from overlapping, if control has add-ons elements
 266 * #1909 Fix Modal card in IE11
 267 * #1908 Fix IE11 when textarea doesn't listen to `size=""`
 268 * Fix #1991 The last button in list of full-width buttons has longer width
 269 * #1982 Fix navbar-burger color when color modifier is used
 270 * #1819 Fix #1137 error message for required file
 271 * Fix #1904 and #1969: hide native file input in Chrome
 272 * #2059 Remove unnecessary right margin from last level-item (level.is-mobile)
 273
 274 ## 0.7.1
 275
 276 ### Improvements
 277
 278 * #1789 Add all shades to `has-background-*` helpers
 279
 280 ### Bug fixes
 281
 282 * #1796 #1806 Remove navbar `box-shadow` by default
 283
 284 ## 0.7.0
 285
 286 ### New features
 287
 288 * New variables `$widescreen-enabled` and `$fullhd-enabled`: you can set them to `false` to disable each breakpoint
 289 * New variables `$control-border-width` and `$button-border-width`
 290 * 🎉 #1624 Add some common photography aspect ratios and portrait ratios
 291 * 🎉 #1747 New `$custom-colors` and `$custom-shades` variable for adding your own colors and shades to Bulma's `$colors` and `$shades` maps respectively
 292
 293 ### Improvements
 294
 295 * #1619 Add `$card-header-background-color`, `$card-content-background-color` and `$card-footer-background-color` to allow different background customization for card elements
 296 * #1669 Add `.is-expanded` modifier to `.buttons.has-addons`
 297 * #1628 Add `.has-background` helpers for block background colors, like `.has-text`
 298 * #1767 Added minified bundle with cleancss
 299
 300 ### Bug fixes
 301
 302 * #1778 Fix `is-text-right` precedence over `is-text-left-mobile`
 303 * #1571 Fix position of delete button on `.tag`
 304 * #1549 Implementing a simple version of the native sass percentage function
 305 * #1707 Disable table hover in `.content` by default
 306 * #1428 Fix `media-content` overflow
 307
 308 ### Variable changes
 309
 310 #### Updated default values
 311
 312 <table class="table is-bordered">
 313   <tbody>
 314     <tr>
 315       <th class="is-light" colspan="3">
 316         File
 317         <code>sass/utilities/initial-variables.sass</code>
 318       </th>
 319     </tr>
 320     <tr>
 321       <th>Variable</th>
 322       <th>From</th>
 323       <th>To</th>
 324     </tr>
 325     <tr>
 326       <td>
 327         <code>$gap</code>
 328       </td>
 329       <td>
 330         <code>32px</code>
 331       </td>
 332       <td>
 333         <code>64px</code>
 334       </td>
 335     </tr>
 336     <tr>
 337       <td>
 338         <code>$radius</code>
 339       </td>
 340       <td>
 341         <code>3px</code>
 342       </td>
 343       <td>
 344         <code>4px</code>
 345       </td>
 346     </tr>
 347     <tr>
 348       <td>
 349         <code>$radius-large</code>
 350       </td>
 351       <td>
 352         <code>5px</code>
 353       </td>
 354       <td>
 355         <code>6px</code>
 356       </td>
 357     </tr>
 358   </tbody>
 359 </table>
 360
 361 <table class="table is-bordered">
 362   <tbody>
 363     <tr>
 364       <th class="is-light" colspan="3">
 365         File
 366         <code>sass/base/generic.sass</code>
 367       </th>
 368     </tr>
 369     <tr>
 370       <th>Variable</th>
 371       <th>From</th>
 372       <th>To</th>
 373     </tr>
 374     <tr>
 375       <td>
 376         <code>$hr-background-color</code>
 377       </td>
 378       <td>
 379         <code>$border</code>
 380       </td>
 381       <td>
 382         <code>$background</code>
 383       </td>
 384     </tr>
 385     <tr>
 386       <td>
 387         <code>$hr-height</code>
 388       </td>
 389       <td>
 390         <code>1px</code>
 391       </td>
 392       <td>
 393         <code>2px</code>
 394       </td>
 395     </tr>
 396   </tbody>
 397 </table>
 398
 399 <table class="table is-bordered">
 400   <tbody>
 401     <tr>
 402       <th class="is-light" colspan="3">
 403         File
 404         <code>sass/elements/content.sass</code>
 405       </th>
 406     </tr>
 407     <tr>
 408       <th>Variable</th>
 409       <th>From</th>
 410       <th>To</th>
 411     </tr>
 412     <tr>
 413       <td>
 414         <code>$content-heading-weight</code>
 415       </td>
 416       <td>
 417         <code>$weight-normal</code>
 418       </td>
 419       <td>
 420         <code>$weight-semibold</code>
 421       </td>
 422     </tr>
 423   </tbody>
 424 </table>
 425
 426 <table class="table is-bordered">
 427   <tbody>
 428     <tr>
 429       <th class="is-light" colspan="3">
 430         File
 431         <code>sass/components/message.sass</code>
 432       </th>
 433     </tr>
 434     <tr>
 435       <th>Variable</th>
 436       <th>From</th>
 437       <th>To</th>
 438     </tr>
 439     <tr>
 440       <td>
 441         <code>$message-header-padding</code>
 442       </td>
 443       <td>
 444         <code>0.5em 0.75em</code>
 445       </td>
 446       <td>
 447         <code>0.75em 1em</code>
 448       </td>
 449     </tr>
 450     <tr>
 451       <td>
 452         <code>$message-body-padding</code>
 453       </td>
 454       <td>
 455         <code>1em 1.25em</code>
 456       </td>
 457       <td>
 458         <code>1.25em 1.5em</code>
 459       </td>
 460     </tr>
 461   </tbody>
 462 </table>
 463
 464 <table class="table is-bordered">
 465   <tbody>
 466     <tr>
 467       <th class="is-light" colspan="3">
 468         File
 469         <code>sass/components/navbar.sass</code>
 470       </th>
 471     </tr>
 472     <tr>
 473       <th>Variable</th>
 474       <th>From</th>
 475       <th>To</th>
 476     </tr>
 477     <tr>
 478       <td>
 479         <code>$navbar-item-hover-background-color</code>
 480       </td>
 481       <td>
 482         <code>$background</code>
 483       </td>
 484       <td>
 485         <code>$white-bis</code>
 486       </td>
 487     </tr>
 488     <tr>
 489       <td>
 490         <code>$navbar-dropdown-border-top</code>
 491       </td>
 492       <td>
 493         <code>1px solid $border</code>
 494       </td>
 495       <td>
 496         <code>2px solid $border</code>
 497       </td>
 498     </tr>
 499     <tr>
 500       <td>
 501         <code>$navbar-divider-background-color</code>
 502       </td>
 503       <td>
 504         <code>$border</code>
 505       </td>
 506       <td>
 507         <code>$background</code>
 508       </td>
 509     </tr>
 510   </tbody>
 511 </table>
 512
 513 <table class="table is-bordered">
 514   <tbody>
 515     <tr>
 516       <th class="is-light" colspan="3">
 517         File
 518         <code>sass/layout/footer.sass</code>
 519       </th>
 520     </tr>
 521     <tr>
 522       <th>Variable</th>
 523       <th>From</th>
 524       <th>To</th>
 525     </tr>
 526     <tr>
 527       <td>
 528         <code>$footer-background-color</code>
 529       </td>
 530       <td>
 531         <code>$background</code>
 532       </td>
 533       <td>
 534         <code>$white-bis</code>
 535       </td>
 536     </tr>
 537   </tbody>
 538 </table>
 539
 540 #### New variables
 541
 542 <table class="table is-bordered">
 543   <tbody>
 544     <tr>
 545       <th class="is-light" colspan="2">
 546         File
 547         <code>sass/components/breadcrumb.sass</code>
 548       </th>
 549     </tr>
 550     <tr>
 551       <th>Name</th>
 552       <th>Value</th>
 553     </tr>
 554     <tr>
 555       <td>
 556         <code>$breadcrumb-item-padding-vertical</code>
 557       </td>
 558       <td>
 559         <code>0</code>
 560       </td>
 561     </tr>
 562     <tr>
 563       <td>
 564         <code>$breadcrumb-item-padding-horizontal</code>
 565       </td>
 566       <td>
 567         <code>0.75em</code>
 568       </td>
 569     </tr>
 570   </tbody>
 571 </table>
 572
 573 <table class="table is-bordered">
 574   <tbody>
 575     <tr>
 576       <th class="is-light" colspan="2">
 577         File
 578         <code>sass/components/message.sass</code>
 579       </th>
 580     </tr>
 581     <tr>
 582       <th>Name</th>
 583       <th>Value</th>
 584     </tr>
 585     <tr>
 586       <td>
 587         <code>$message-body-border-color</code>
 588       </td>
 589       <td>
 590         <code>$border</code>
 591       </td>
 592     </tr>
 593     <tr>
 594       <td>
 595         <code>$message-body-border-width</code>
 596       </td>
 597       <td>
 598         <code>0 0 0 4px</code>
 599       </td>
 600     </tr>
 601     <tr>
 602       <td>
 603         <code>$message-header-weight</code>
 604       </td>
 605       <td>
 606         <code>$weight-bold</code>
 607       </td>
 608     </tr>
 609     <tr>
 610       <td>
 611         <code>$message-header-body-border-width</code>
 612       </td>
 613       <td>
 614         <code>0</code>
 615       </td>
 616     </tr>
 617   </tbody>
 618 </table>
 619
 620 <table class="table is-bordered">
 621   <tbody>
 622     <tr>
 623       <th class="is-light" colspan="2">
 624         File
 625         <code>sass/components/navbar.sass</code>
 626       </th>
 627     </tr>
 628     <tr>
 629       <th>Name</th>
 630       <th>Value</th>
 631     </tr>
 632     <tr>
 633       <td>
 634         <code>$navbar-box-shadow-size</code>
 635       </td>
 636       <td>
 637         <code>0 2px 0 0</code>
 638       </td>
 639     </tr>
 640     <tr>
 641       <td>
 642         <code>$navbar-box-shadow-color</code>
 643       </td>
 644       <td>
 645         <code>$background</code>
 646       </td>
 647     </tr>
 648     <tr>
 649       <td>
 650         <code>$navbar-padding-vertical</code>
 651       </td>
 652       <td>
 653         <code>1rem</code>
 654       </td>
 655     </tr>
 656     <tr>
 657       <td>
 658         <code>$navbar-padding-horizontal</code>
 659       </td>
 660       <td>
 661         <code>2rem</code>
 662       </td>
 663     </tr>
 664     <tr>
 665       <td>
 666         <code>$navbar-z</code>
 667       </td>
 668       <td>
 669         <code>30</code>
 670       </td>
 671     </tr>
 672   </tbody>
 673 </table>
 674
 675 <table class="table is-bordered">
 676   <tbody>
 677     <tr>
 678       <th class="is-light" colspan="2">
 679         File
 680         <code>sass/elements/title.sass</code>
 681       </th>
 682     </tr>
 683     <tr>
 684       <th>Name</th>
 685       <th>Value</th>
 686     </tr>
 687     <tr>
 688       <td>
 689         <code>$title-line-height</code>
 690       </td>
 691       <td>
 692         <code>1.125</code>
 693       </td>
 694     </tr>
 695     <tr>
 696       <td>
 697         <code>$subtitle-line-height</code>
 698       </td>
 699       <td>
 700         <code>1.25</code>
 701       </td>
 702     </tr>
 703     <tr>
 704       <td>
 705         <code>$subtitle-negative-margin</code>
 706       </td>
 707       <td>
 708         <code>-1.25rem</code>
 709       </td>
 710     </tr>
 711   </tbody>
 712 </table>
 713
 714 #### Removed variables
 715
 716 <table class="table is-bordered">
 717   <tbody>
 718     <tr>
 719       <th>File</th>
 720       <th>Removed</th>
 721       <th>Replaced with</th>
 722     </tr>
 723     <tr>
 724       <td>
 725         <code>sass/components/message.sass</code>
 726       </td>
 727       <td>
 728         <code>$message-body-border</code>
 729       </td>
 730       <td>
 731         <code>$message-body-border-color</code>
 732         <br>
 733         <code>$message-body-border-width</code>
 734       </td>
 735     </tr>
 736   </tbody>
 737 </table>
 738
 739 ## 0.6.2
 740
 741 ### New features
 742
 743 * 🎉 Rounded buttons, inputs, pagination and toggle tabs
 744
 745 ### Improvements
 746
 747 * #1343 Add `sub` and `sup` title sizes
 748 * #1452 New `.is-italic` helper
 749
 750 ### Bug fixes
 751
 752 * #935 Bug dropdown in `hero` (primary) menu items not visible
 753 * #1456 Fix customize documentation
 754 * #1190 Add `$variable-columns` to disable `--columnGap`
 755 * #1518 Fix spacing of the delete button in notification element
 756 * #1569 Fix missing use of `$pagination-color` variable
 757
 758 ## 0.6.1
 759
 760 ### New features
 761
 762 * 🎉 [List of buttons](https://bulma.io/documentation/elements/button/#list-of-buttons)
 763 * 🎉 #1235 Support for five column grid: `.is-one-fifth, .is-two-fifths, .is-three-fifths, .is-four-fifths`
 764 * 🎉 #1287 New `.is-invisible` helper
 765 * 🎉 #1255 New `.is-expanded` modifier for `navbar-item`
 766 * 🎉 #1384 New `.is-centered` and `.is-right` modifiers for `tags`
 767 * 🎉 #1383 New `.is-empty` modifier for `file`
 768 * 🎉 #1380 Allow `.is-selected` class on `<td>` and `<th>` tags
 769
 770 ### Improvements
 771
 772 * #987 Improve `tag > icon` spacing
 773 * Improve `hamburger` alignment
 774
 775 ### Bug fixes
 776
 777 * #1358 Fix indentation bug for .is-one-fifth
 778 * #1356 SASS 3.5+ variable parsing compatibility allows only #{}
 779 * #1342 Remove black line from progress bar in IE
 780 * #1334 Fix progress bar colors in IE
 781 * #1313 Fix Table `is-selected` and `is-hoverable` styling issue
 782 * #963 Fix Delete Button Bug in iOS Safari
 783
 784 ## 0.6.0
 785
 786 ### Breaking changes
 787
 788 * 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.
 789 * The deprecated `variables.sass` file has been removed.
 790 * The deprecated `nav.sass` file has been removed.
 791
 792 ### New features
 793
 794 * #1236 `.table` hover effect is opt-in, by using the `.is-hoverable` modifier class
 795 * #1254 `.dropdown` now supports `.is-up` modifier
 796
 797 ### Improvements
 798
 799 * #1257 Include placeholder mixin in `=input`
 800
 801 The `$link` color is used instead of `$primary` in the following components:
 802
 803 <table>
 804   <tr>
 805     <th>Variable</th>
 806     <th>Old value</th>
 807     <th>New value</th>
 808   </tr>
 809   <tr>
 810     <td><code>$dropdown-item-active-color</code></td>
 811     <td><code>$primary-invert</code></td>
 812     <td><code>$link-invert</code></td>
 813   </tr>
 814   <tr>
 815     <td><code>$dropdown-item-active-background-color</code></td>
 816     <td><code>$primary</code></td>
 817     <td><code>$link</code></td>
 818   </tr>
 819   <tr>
 820     <td><code>$navbar-tab-hover-border-bottom-color</code></td>
 821     <td><code>$primary</code></td>
 822     <td><code>$link</code></td>
 823   </tr>
 824   <tr>
 825     <td><code>$navbar-tab-active-color</code></td>
 826     <td><code>$primary</code></td>
 827     <td><code>$link</code></td>
 828   </tr>
 829   <tr>
 830     <td><code>$navbar-tab-active-border-bottom-color</code></td>
 831     <td><code>$primary</code></td>
 832     <td><code>$link</code></td>
 833   </tr>
 834   <tr>
 835     <td><code>$navbar-dropdown-item-active-color</code></td>
 836     <td><code>$primary</code></td>
 837     <td><code>$link</code></td>
 838   </tr>
 839   <tr>
 840     <td><code>$tabs-link-active-border-bottom-color</code></td>
 841     <td><code>$primary</code></td>
 842     <td><code>$link</code></td>
 843   </tr>
 844   <tr>
 845     <td><code>$tabs-link-active-color</code></td>
 846     <td><code>$primary</code></td>
 847     <td><code>$link</code></td>
 848   </tr>
 849   <tr>
 850     <td><code>$tabs-toggle-link-active-background-color</code></td>
 851     <td><code>$primary</code></td>
 852     <td><code>$link</code></td>
 853   </tr>
 854   <tr>
 855     <td><code>$tabs-toggle-link-active-border-color</code></td>
 856     <td><code>$primary</code></td>
 857     <td><code>$link</code></td>
 858   </tr>
 859   <tr>
 860     <td><code>$tabs-toggle-link-active-color</code></td>
 861     <td><code>$primary-invert</code></td>
 862     <td><code>$link-invert</code></td>
 863   </tr>
 864 </table>
 865
 866 ### Issues closed
 867
 868 * #708 Import variables in mixins
 869
 870 ## 0.5.3
 871
 872 ### New features
 873
 874 * #1101 `.card-header-title` can be centered with `.is-centered`
 875 * #1189 `.input` readonly and `.is-static`
 876 * #1189 `.textarea` readonly
 877
 878 ### Issues closed
 879
 880 * #1177 Fix `.message .tag` combination
 881 * #1167 Fix `pre code`
 882 * #1207 Fix `.breadcrumb` alignment
 883
 884 ## 0.5.2
 885
 886 ### New features
 887
 888 * #842 `navbar` color modifiers
 889 * #331 Support for third party icons
 890 * Added `$button-focus-box-shadow-size` and `$button-focus-box-shadow-color` for customization
 891 * Added `$input-focus-box-shadow-size` and `$input-focus-box-shadow-color` for customization
 892 * Navbar tabs
 893
 894 ### Issues closed
 895
 896 * #1168 Undefined variable: `$navbar-item`
 897 * #930 Remove `vertical-align: top` for icons
 898 * #735 Font awesome custom `font-size`
 899 * #395 Font awesome stacked icons
 900 * #1152 Level-items not centered horizontally on mobile
 901 * #1147 Add `text-size-adjust: 100%` to `html`
 902 * #1106 `pagination` docs
 903 * #1063 `$family-primary` customization
 904
 905 ## 0.5.1
 906
 907 ### New features
 908
 909 * 🎉 #280 [File upload element](https://bulma.io/documentation/form/file/)
 910 * `$container-offset` variable to determine the `.container` breakpoints
 911 * #1001 Text case helpers
 912
 913 ### Issues closed
 914
 915 * #1030 Add `!important` to non responsive display helpers
 916 * #1020 Customizing `.navbar-item img` max height
 917 * #998 `.navbar-dropdown` with **right** alignment
 918 * #877 `.pagination` isn't using `$pagination-background`
 919 * #989 `navbar-brand` overflowing on mobile
 920 * #975 Variable `$table-head-color` isn't used
 921 * #964 Tabs sass file throwing error with `!important`
 922 * #949 `.is-size-7` helper is missing
 923
 924 ## 0.5.0
 925
 926 ### New features
 927
 928 * 🎉 [List of tags](https://bulma.io/documentation/elements/tag/#list-of-tags)
 929 * New **variable naming system**: `component`-`subcomponent`-`state`-`property`
 930 * Improved **customization** thanks to new set of variables
 931 * #934 New `.is-shadowless` helper
 932
 933 Variable name changes (mostly appending `-color`):
 934
 935 <table>
 936 <tr><th>From</th><th>To</th></tr>
 937 <tr><td><code>$card</code></td><td><code>$card-color</code></td></tr>
 938 <tr><td><code>$card-background</code></td><td><code>$card-background-color</code></td></tr>
 939 <tr><td><code>$card-header</code></td><td><code>$card-header-color</code></td></tr>
 940 <tr><td><code>$dropdown-item</code></td><td><code>$dropdown-item-color</code></td></tr>
 941 <tr><td><code>$dropdown-content-background</code></td><td><code>$dropdown-content-background-color</code></td></tr>
 942 <tr><td><code>$dropdown-item-hover-background</code></td><td><code>$dropdown-item-hover-background-color</code></td></tr>
 943 <tr><td><code>$dropdown-item-hover</code></td><td><code>$dropdown-item-hover-color</code></td></tr>
 944 <tr><td><code>$dropdown-item-active-background</code></td><td><code>$dropdown-item-active-background-color</code></td></tr>
 945 <tr><td><code>$dropdown-item-active</code></td><td><code>$dropdown-item-active-color</code></td></tr>
 946 <tr><td><code>$dropdown-divider-background</code></td><td><code>$dropdown-divider-background-color</code></td></tr>
 947 <tr><td><code>$menu-item</code></td><td><code>$menu-item-color</code></td></tr>
 948 <tr><td><code>$menu-item-hover</code></td><td><code>$menu-item-hover-color</code></td></tr>
 949 <tr><td><code>$menu-item-hover-background</code></td><td><code>$menu-item-hover-background-color</code></td></tr>
 950 <tr><td><code>$menu-item-active</code></td><td><code>$menu-item-active-color</code></td></tr>
 951 <tr><td><code>$menu-item-active-background</code></td><td><code>$menu-item-active-background-color</code></td></tr>
 952 <tr><td><code>$menu-label</code></td><td><code>$menu-label-color</code></td></tr>
 953 <tr><td><code>$message-background</code></td><td><code>$message-background-color</code></td></tr>
 954 <tr><td><code>$message-header-background</code></td><td><code>$message-header-background-color</code></td></tr>
 955 <tr><td><code>$navbar-background</code></td><td><code>$navbar-background-color</code></td></tr>
 956 <tr><td><code>$navbar-item</code></td><td><code>$navbar-item-color</code></td></tr>
 957 <tr><td><code>$navbar-item-hover</code></td><td><code>$navbar-item-hover-color</code></td></tr>
 958 <tr><td><code>$navbar-item-hover-background</code></td><td><code>$navbar-item-hover-background-color</code></td></tr>
 959 <tr><td><code>$navbar-item-active</code></td><td><code>$navbar-item-active-color</code></td></tr>
 960 <tr><td><code>$navbar-item-active-background</code></td><td><code>$navbar-item-active-background-color</code></td></tr>
 961 <tr><td><code>$navbar-tab-hover-background</code></td><td><code>$navbar-tab-hover-background-color</code></td></tr>
 962 <tr><td><code>$navbar-tab-hover-border-bottom</code></td><td><code>$navbar-tab-hover-border-bottom-color</code></td></tr>
 963 <tr><td><code>$navbar-tab-active</code></td><td><code>$navbar-tab-active-color</code></td></tr>
 964 <tr><td><code>$navbar-tab-active-background</code></td><td><code>$navbar-tab-active-background-color</code></td></tr>
 965 <tr><td><code>$navbar-divider-background</code></td><td><code>$navbar-divider-background-color</code></td></tr>
 966 <tr><td><code>$navbar-dropdown-item-hover</code></td><td><code>$navbar-dropdown-item-hover-color</code></td></tr>
 967 <tr><td><code>$navbar-dropdown-item-hover-background</code></td><td><code>$navbar-dropdown-item-hover-background-color</code></td></tr>
 968 <tr><td><code>$navbar-dropdown-item-active</code></td><td><code>$navbar-dropdown-item-active-color</code></td></tr>
 969 <tr><td><code>$navbar-dropdown-item-active-background</code></td><td><code>$navbar-dropdown-item-active-background-color</code></td></tr>
 970 <tr><td><code>$pagination</code></td><td><code>$pagination-color</code></td></tr>
 971 <tr><td><code>$pagination-hover</code></td><td><code>$pagination-hover-color</code></td></tr>
 972 <tr><td><code>$pagination-hover-border</code></td><td><code>$pagination-hover-border-color</code></td></tr>
 973 <tr><td><code>$pagination-focus</code></td><td><code>$pagination-focus-color</code></td></tr>
 974 <tr><td><code>$pagination-focus-border</code></td><td><code>$pagination-focus-border-color</code></td></tr>
 975 <tr><td><code>$pagination-active</code></td><td><code>$pagination-active-color</code></td></tr>
 976 <tr><td><code>$pagination-active-border</code></td><td><code>$pagination-active-border-color</code></td></tr>
 977 <tr><td><code>$pagination-disabled</code></td><td><code>$pagination-disabled-color</code></td></tr>
 978 <tr><td><code>$pagination-disabled-background</code></td><td><code>$pagination-disabled-background-color</code></td></tr>
 979 <tr><td><code>$pagination-disabled-border</code></td><td><code>$pagination-disabled-border-color</code></td></tr>
 980 <tr><td><code>$pagination-current</code></td><td><code>$pagination-current-color</code></td></tr>
 981 <tr><td><code>$pagination-current-background</code></td><td><code>$pagination-current-background-color</code></td></tr>
 982 <tr><td><code>$pagination-current-border</code></td><td><code>$pagination-current-border-color</code></td></tr>
 983 <tr><td><code>$pagination-ellipsis</code></td><td><code>$pagination-ellipsis-color</code></td></tr>
 984 <tr><td><code>$box</code></td><td><code>$box-color</code></td></tr>
 985 <tr><td><code>$box-background</code></td><td><code>$box-background-color</code></td></tr>
 986 <tr><td><code>$button</code></td><td><code>$button-color</code></td></tr>
 987 <tr><td><code>$button-background</code></td><td><code>$button-background-color</code></td></tr>
 988 <tr><td><code>$button-border</code></td><td><code>$button-border-color</code></td></tr>
 989 <tr><td><code>$button-link</code></td><td><code>$button-link-color</code></td></tr>
 990 <tr><td><code>$button-link-hover-background</code></td><td><code>$button-link-hover-background-color</code></td></tr>
 991 <tr><td><code>$button-link-hover</code></td><td><code>$button-link-hover-color</code></td></tr>
 992 <tr><td><code>$button-disabled-background</code></td><td><code>$button-disabled-background-color</code></td></tr>
 993 <tr><td><code>$button-disabled-border</code></td><td><code>$button-disabled-border-color</code></td></tr>
 994 <tr><td><code>$button-static</code></td><td><code>$button-static-color</code></td></tr>
 995 <tr><td><code>$button-static-background</code></td><td><code>$button-static-background-color</code></td></tr>
 996 <tr><td><code>$button-static-border</code></td><td><code>$button-static-border-color</code></td></tr>
 997 <tr><td><code>$input</code></td><td><code>$input-color</code></td></tr>
 998 <tr><td><code>$input-background</code></td><td><code>$input-background-color</code></td></tr>
 999 <tr><td><code>$input-border</code></td><td><code>$input-border-color</code></td></tr>
1000 <tr><td><code>$input-hover</code></td><td><code>$input-hover-color</code></td></tr>
1001 <tr><td><code>$input-hover-border</code></td><td><code>$input-hover-border-color</code></td></tr>
1002 <tr><td><code>$input-focus</code></td><td><code>$input-focus-color</code></td></tr>
1003 <tr><td><code>$input-focus-border</code></td><td><code>$input-focus-border-color</code></td></tr>
1004 <tr><td><code>$input-disabled</code></td><td><code>$input-disabled-color</code></td></tr>
1005 <tr><td><code>$input-disabled-background</code></td><td><code>$input-disabled-background-color</code></td></tr>
1006 <tr><td><code>$input-disabled-border</code></td><td><code>$input-disabled-border-color</code></td></tr>
1007 <tr><td><code>$input-icon</code></td><td><code>$input-icon-color</code></td></tr>
1008 <tr><td><code>$input-icon-active</code></td><td><code>$input-icon-active-color</code></td></tr>
1009 <tr><td><code>$title</code></td><td><code>$title-color</code></td></tr>
1010 <tr><td><code>$subtitle</code></td><td><code>$subtitle-color</code></td></tr>
1011 <tr><td><code>$card-footer-border</code></td><td><code>$card-footer-border-top</code></td></tr>
1012 <tr><td><code>$menu-list-border</code></td><td><code>$menu-list-border-left</code></td></tr>
1013 <tr><td><code>$navbar-tab-hover-border</code></td><td><code>$navbar-tab-hover-border-bottom-color</code></td></tr>
1014 <tr><td><code>$navbar-tab-active-border</code></td><td><code>$navbar-tab-active-border-bottom</code></td></tr>
1015 <tr><td><code>$table-border</code></td><td><code>$table-cell-border</code></td></tr>
1016 <tr><td><code>$table-row-even-background</code></td><td><code>$table-striped-row-even-background-color</code></td></tr>
1017 <tr><td><code>$table-row-even-hover-background</code></td><td><code>$table-striped-row-even-hover-background-color</code></td></tr>
1018 </table>
1019
1020 ### Improved documentation
1021
1022 * [Starter template](https://bulma.io/documentation/overview/start/#starter-template)
1023 * [Colors page](https://bulma.io/documentation/overview/colors/)
1024 * [Typography helpers](https://bulma.io/documentation/modifiers/typography-helpers/)
1025 * **Meta** information for all elements and components
1026 * **Variables** information for most elements and components
1027
1028 ### Issues closed
1029
1030 * #909 `.dropdown` wrapping
1031 * #938 `.is-fullwidth` removed from docs
1032 * #900 Variable `.navbar-item` for hover+active background/color
1033 * #902 `.navbar-item` color overrides
1034
1035 ## 0.4.4
1036
1037 ### New features
1038
1039 * New [dropdown button](https://bulma.io/documentation/components/dropdown/)!
1040 * The breakpoints and `.container` **gap** can be customized with the new `$gap` variable
1041 * The `.container` has 2 new modifiers: `.is-widescreen` and `.is-fullhd`
1042
1043 ### Issues closed
1044
1045 * Fix #26 `.textarea` element will honors `[rows]` attribute
1046 * Fix #887 `body` scrollbar
1047 * Fix #715 `.help` class behaviour in horizontal form `is-grouped` field
1048 * Fix #842 Adding modifiers in `navbar`
1049 * Fix #841 `.container` as direct child of `.navbar` moves `.navbar-menu` below `.navbar-brand`
1050 * Fix #861 Box in hero as text and background white
1051 * Fix #852 charset and version number
1052 * Fix #856 JavaScript `.nav-burger` example
1053 * Fix #821 Notification strong color
1054
1055 ## 0.4.3
1056
1057 ### New features
1058
1059 * New navbar with dropdown support
1060 * Add new feature: Breadcrumb component (#632) @vinialbano
1061 * Add Bloomer to README.md (#787) @AlgusDark
1062 * Add responsive is-*-touch tags for .column sizes (#780) @tom-rb
1063 * Adding 'is-hidden' to helpers in docs (#798) @aheuermann
1064 * Add figure/figcaption as content element (#807) @werthen
1065 * Add <sup> and <sub> support to content (#808) @werthen
1066 * Add re-bulma and react-bulma (#809) @kulakowka
1067 * Add is-halfheight to hero (#783) @felipeas
1068 * Added a related project with Golang backend (#784) @Caiyeon
1069
1070 ### Issues closed
1071
1072 * Fix #827 Breadcrumb and Navbar in docs
1073 * Fix #824 Code examples broken because of `text-align: center`
1074 * Fix #820 Loading spinner resizes with controls
1075 * Fix #819 Remove `height: auto` from media elements
1076 * Fix #790 Documentation typo
1077 * Fix #814 Make use of +fullhd mixin for columns @Saboteur777
1078 * Fix #781 Add min/max height/width to delete class size modifiers @ZackWard
1079 * Fix #391 Section docs update
1080
1081 ## 0.4.2
1082
1083 * Fix #728 selected row on striped table
1084 * Fix #747 remove flex-shrink for is-expanded
1085 * Fix #702 add icons support for select dropdown
1086 * Fix #712 delete button as flexbox item
1087 * Fix #759 static button
1088
1089 ## 0.4.1
1090
1091 * Fix #568 max-width container
1092 * Fix #589 notification delete
1093 * Fix #272 nav-right without nav-menu
1094 * Fix #616 hero and notification buttons
1095 * Fix #607 has-addons z-index
1096 * Feature #586 select color modifiers
1097 * Fix #537 -ms-expand
1098 * Fix #578 better `+center` mixin
1099 * Fix #565 `dl` styles
1100 * Fix #389 `pre` `margin-bottom`
1101 * Fix #484 icon alignment
1102 * Fix #506 bold nav menu
1103 * Fix #581 nav container
1104 * Fix #512 nav grouped buttons
1105 * Fix #605 container example
1106 * Fix #458 select expanded
1107 * Fix #403 separate animations
1108 * Fix #637 customize Bulma
1109 * Fix #584 loading select
1110 * Fix #571 control height
1111 * Fix #634 is-grouped control
1112 * Fix #676 checkbox/radio wrapping
1113 * Feature #479 has-icons placement
1114 * Fix #442 selected table row
1115 * Fix #187 add customize page
1116 * Fix #449 columns negative horizontal margin
1117 * Fix #399 pagination wrapping
1118 * Fix #227 color keys as strings
1119
1120 ## 0.4.0
1121
1122 * **Default font-size is 16px**
1123 * **New `.field` element ; `.control` repurposed**
1124 * **New `.pagination` sizes**
1125 * **New `$fullhd` breakpoint (1344px)**
1126
1127 * Remove monospace named fonts
1128 * Remove icon spacing logic
1129 * Split icon container dimensions and icon size
1130 * Fix delete button by using pixels instead of (r)em
1131 * Fix level on mobile
1132 * Add new `.is-spaced` modifier for titles and subtitles
1133
1134 * Fix #487
1135 * Fix #489
1136 * Fix #502
1137 * Fix #514
1138 * Fix #524
1139 * Fix #536
1140
1141 ## 0.3.2
1142
1143 * Fix #478
1144
1145 ## 0.3.1
1146
1147 * Fix #441
1148 * Fix #443
1149
1150 ## 0.3.0
1151
1152 * Use `rem` and `em` (!)
1153 * Fix Font Awesome icons in buttons (!)
1154 * Fix message colors (!)
1155 * Use `{% capture %}` to ensure same display as code snippet (!)
1156
1157 * Move variables to their own file
1158 * Remove small tag
1159 * Add `:focus` state
1160 * Fix table
1161 * Remove table `.is-icon` and `.is-link`
1162 * Add `.content` table
1163 * Fix inputs with icons
1164 * Input icons require the `.icon` container
1165 * Deprecate `.media-number`
1166 * Fix `.level-item` height
1167 * Fix `.menu` spacing
1168 * Deprecate `.menu-nav`
1169 * Add invert outlined buttons
1170 * Fix `.nav`
1171 * Fix `.pagination`
1172 * Fix `.tabs`
1173 * Fix `.panel`
1174 * Fix `.delete`
1175 * Add mixins documentation
1176 * Add functions documentation
1177
1178 ## 0.2.2
1179
1180 * Fix: remove multiple imports
1181
1182 ## 0.2.1
1183
1184 * Fix: container flex
1185 * Fix: nav-item flex
1186 * Fix: media-number flex
1187 * Fix: new brand colors
1188
1189 ## 0.2.0
1190
1191 * Added: new branding
1192 * Added: modularity
1193 * Added: grid folder
1194 * Added: .github folder
1195
1196 ## 0.1.1
1197
1198 * Remove `flex: 1` shorthand
1199
1200 ## 0.1.0
1201
1202 * Fix #227
1203 * Fix #232
1204 * Fix #242
1205 * Fix #243
1206 * Fix #228
1207 * Fix #245
1208 * Fix #246
1209
1210 ## 0.0.28
1211
1212 * BREAKING: `.control.is-grouped` now uses `.control` elements as direct children
1213 * Fix #220
1214 * Fix #214
1215 * Fix #210
1216 * Fix #206
1217 * Fix #122
1218
1219 ## 0.0.27
1220
1221 * Fix: #217
1222 * Fix: #213
1223 * Fix: #209
1224 * Fix: #205
1225 * Fix: #204
1226 * Fix: #81
1227
1228 ## 0.0.26
1229
1230 * Added: `.modal-card`
1231 * Added: display responsive utilities
1232 * Added: `.nav-center`
1233 * Added: `.tabs ul` left center right
1234 * Changed: `.navbar` renamed to `.level`
1235 * Changed: `.header` renamed to `.nav`
1236 * Deprecated: `.header`
1237 * Deprecated: `.navbar`
1238 * Fixed: `.hero` layout
1239
1240 ## 0.0.25
1241
1242 * Added: `utilities/controls.sass` and `elements/form.sass`
1243 * Added: new responsive classes
1244 * Added: white/black and light/dark colors
1245 * Changed: `.tabs` need `.icon` now
1246 * Changed: cdnjs link doesn't include version
1247
1248 ## 0.0.24
1249
1250 ### Added
1251
1252 * `is-mobile` for the navbar
1253
1254 ### Removed
1255
1256 * removed border between sections. Use `<hr class="is-marginless">` now
1257
1258 ### Updated
1259
1260 * restructured files
1261 * added back `inline-flex` for controls and tags
1262
1263 ### Removed
1264
1265 * test tiles
1266
1267 ## 0.0.23
1268
1269 ### BREAKING
1270
1271 * `bulma` folder renamed to `sass` to avoid the redundant `bulma/bulma` path
1272 * `variables.sass` moved to `/utilities`
1273 * almost everything is singular now
1274 * **elements** only have one class
1275 * **components** have at least one sub-class
1276 * `.content` moved to elements
1277 * `.table` moved to elements
1278 * `.message` moved to components
1279 * `.table-icon`, `.table-link`, `.table-narrow` are now called `.is-icon`, `.is-link`, `.is-narrow`
1280
1281 ### Added
1282
1283 * all variables are now `!default` so you can set your custom variables before importing Bulma
1284
1285 ## 0.0.22
1286
1287 ### Fixed
1288
1289 * links in hero subtitle
1290
1291 ## 0.0.21
1292
1293 ### Added
1294
1295 * `.column.is-narrow` to make a column `flex: none`
1296
1297 ## 0.0.20
1298
1299 ### Added
1300
1301 * `.has-icon` support for different `.input` sizes
1302
1303 ## 0.0.19
1304
1305 ### NEW!!!
1306
1307 * `.tile`
1308
1309 ### BREAKING
1310
1311 * `.is-third` renamed to `.is-one-third`
1312 * `.is-quarter` renamed to `.is-one-quarter`
1313
1314 ### Added
1315
1316 * `.is-two-thirds`
1317 * `.is-three-quarters`
1318
1319 ### Changed
1320
1321 * `.delete` in `.tag` has no red
1322
1323 ## 0.0.18
1324
1325 ### BREAKING
1326
1327 * `.is-text-*` renamed to `.has-text-*`
1328 * removed `.is-fullwidth` helper
1329
1330 ### Added
1331
1332 * **small tag**: `.tag.is-small`
1333 * 12th column classes
1334 * `*-full` column classes
1335 * `$family-code`
1336
1337 ### Fixed
1338
1339 * disabled input with element
1340 * `.table` last row with `th`
1341 * `.card` color in `.hero`
1342 * `.columns.is-gapless`
1343
1344 ### Removed
1345
1346 * removed `box-shadow` from `.tag`
1347 * custom checkboxes and radio buttons
1348
1349 ### Updated
1350
1351 * `.tag` uses `display: inline-flex` now
1352
1353 ## 0.0.17
1354
1355 ### Added
1356
1357 * **pagination**: `.pagination`
1358 * **horizontal forms**: `.control.is-horizontal`
1359 * **help** text for form controls: `.help`
1360 * **progress bars**: `.progress`
1361
1362 ### Updated
1363
1364 * `.button` uses `display: inline-flex` now
1365 * `.button` needs an `.icon` now
1366 * `.control.is-grouped` renamed to `.control.has-addons`
1367 * `.control.is-inline` renamed to `.control.is-grouped`
1368
1369 ### Removed
1370
1371 * **helpers** `.is-inline` and `.is-block`