bulma-clean-theme 0.13.1 → 0.13.2

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