intia-theme 0.1.0 → 0.1.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_sass/_main.scss +13 -11
- data/favicon.png +0 -0
- data/node_modules/bulma/CHANGELOG.md +1558 -0
- data/node_modules/bulma/LICENSE +21 -0
- data/node_modules/bulma/README.md +134 -0
- data/node_modules/bulma/bulma.sass +10 -0
- data/node_modules/bulma/css/bulma-rtl.css +11811 -0
- data/node_modules/bulma/css/bulma-rtl.css.map +1 -0
- data/node_modules/bulma/css/bulma-rtl.min.css +1 -0
- data/node_modules/bulma/css/bulma.css +11811 -0
- data/node_modules/bulma/css/bulma.css.map +1 -0
- data/node_modules/bulma/css/bulma.min.css +1 -0
- data/node_modules/bulma/package.json +82 -0
- data/node_modules/bulma/sass/base/_all.sass +6 -0
- data/node_modules/bulma/sass/base/animations.sass +5 -0
- data/node_modules/bulma/sass/base/generic.sass +145 -0
- data/node_modules/bulma/sass/base/helpers.sass +1 -0
- data/node_modules/bulma/sass/base/minireset.sass +79 -0
- data/node_modules/bulma/sass/components/_all.sass +15 -0
- data/node_modules/bulma/sass/components/breadcrumb.sass +77 -0
- data/node_modules/bulma/sass/components/card.sass +103 -0
- data/node_modules/bulma/sass/components/dropdown.sass +83 -0
- data/node_modules/bulma/sass/components/level.sass +79 -0
- data/node_modules/bulma/sass/components/media.sass +59 -0
- data/node_modules/bulma/sass/components/menu.sass +59 -0
- data/node_modules/bulma/sass/components/message.sass +101 -0
- data/node_modules/bulma/sass/components/modal.sass +117 -0
- data/node_modules/bulma/sass/components/navbar.sass +446 -0
- data/node_modules/bulma/sass/components/pagination.sass +166 -0
- data/node_modules/bulma/sass/components/panel.sass +121 -0
- data/node_modules/bulma/sass/components/tabs.sass +176 -0
- data/node_modules/bulma/sass/elements/_all.sass +16 -0
- data/node_modules/bulma/sass/elements/box.sass +26 -0
- data/node_modules/bulma/sass/elements/button.sass +345 -0
- data/node_modules/bulma/sass/elements/container.sass +29 -0
- data/node_modules/bulma/sass/elements/content.sass +159 -0
- data/node_modules/bulma/sass/elements/form.sass +1 -0
- data/node_modules/bulma/sass/elements/icon.sass +46 -0
- data/node_modules/bulma/sass/elements/image.sass +73 -0
- data/node_modules/bulma/sass/elements/notification.sass +52 -0
- data/node_modules/bulma/sass/elements/other.sass +31 -0
- data/node_modules/bulma/sass/elements/progress.sass +73 -0
- data/node_modules/bulma/sass/elements/table.sass +133 -0
- data/node_modules/bulma/sass/elements/tag.sass +140 -0
- data/node_modules/bulma/sass/elements/title.sass +70 -0
- data/node_modules/bulma/sass/form/_all.sass +9 -0
- data/node_modules/bulma/sass/form/checkbox-radio.sass +22 -0
- data/node_modules/bulma/sass/form/file.sass +184 -0
- data/node_modules/bulma/sass/form/input-textarea.sass +66 -0
- data/node_modules/bulma/sass/form/select.sass +87 -0
- data/node_modules/bulma/sass/form/shared.sass +60 -0
- data/node_modules/bulma/sass/form/tools.sass +215 -0
- data/node_modules/bulma/sass/grid/_all.sass +5 -0
- data/node_modules/bulma/sass/grid/columns.sass +513 -0
- data/node_modules/bulma/sass/grid/tiles.sass +36 -0
- data/node_modules/bulma/sass/helpers/_all.sass +12 -0
- data/node_modules/bulma/sass/helpers/color.sass +39 -0
- data/node_modules/bulma/sass/helpers/flexbox.sass +35 -0
- data/node_modules/bulma/sass/helpers/float.sass +10 -0
- data/node_modules/bulma/sass/helpers/other.sass +14 -0
- data/node_modules/bulma/sass/helpers/overflow.sass +2 -0
- data/node_modules/bulma/sass/helpers/position.sass +7 -0
- data/node_modules/bulma/sass/helpers/spacing.sass +31 -0
- data/node_modules/bulma/sass/helpers/typography.sass +103 -0
- data/node_modules/bulma/sass/helpers/visibility.sass +122 -0
- data/node_modules/bulma/sass/layout/_all.sass +6 -0
- data/node_modules/bulma/sass/layout/footer.sass +11 -0
- data/node_modules/bulma/sass/layout/hero.sass +153 -0
- data/node_modules/bulma/sass/layout/section.sass +17 -0
- data/node_modules/bulma/sass/utilities/_all.sass +9 -0
- data/node_modules/bulma/sass/utilities/animations.sass +1 -0
- data/node_modules/bulma/sass/utilities/controls.sass +49 -0
- data/node_modules/bulma/sass/utilities/derived-variables.sass +114 -0
- data/node_modules/bulma/sass/utilities/extends.sass +25 -0
- data/node_modules/bulma/sass/utilities/functions.sass +136 -0
- data/node_modules/bulma/sass/utilities/initial-variables.sass +78 -0
- data/node_modules/bulma/sass/utilities/mixins.sass +280 -0
- data/node_modules/bulma-block-list/LICENSE.txt +21 -0
- data/node_modules/bulma-block-list/README.md +32 -0
- data/node_modules/bulma-block-list/node_modules/bulma/CHANGELOG.md +1390 -0
- data/node_modules/bulma-block-list/node_modules/bulma/LICENSE +21 -0
- data/node_modules/bulma-block-list/node_modules/bulma/README.md +130 -0
- data/node_modules/bulma-block-list/node_modules/bulma/bulma.sass +9 -0
- data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.css +10855 -0
- data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.css.map +1 -0
- data/node_modules/bulma-block-list/node_modules/bulma/css/bulma.min.css +1 -0
- data/node_modules/bulma-block-list/node_modules/bulma/package.json +80 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/base/_all.sass +5 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/base/generic.sass +142 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/base/helpers.sass +281 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/base/minireset.sass +79 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/_all.sass +15 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/breadcrumb.sass +75 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/card.sass +79 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/dropdown.sass +81 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/level.sass +77 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/list.sass +39 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/media.sass +50 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/menu.sass +57 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/message.sass +99 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/modal.sass +113 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/navbar.sass +441 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/pagination.sass +150 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/panel.sass +119 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/components/tabs.sass +151 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/_all.sass +15 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/box.sass +24 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/button.sass +323 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/container.sass +24 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/content.sass +155 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/form.sass +1 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/icon.sass +21 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/image.sass +71 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/notification.sass +43 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/other.sass +39 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/progress.sass +67 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/table.sass +127 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/tag.sass +128 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/elements/title.sass +70 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/form/_all.sass +8 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/form/checkbox-radio.sass +21 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/form/file.sass +180 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/form/input-textarea.sass +64 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/form/select.sass +85 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/form/shared.sass +55 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/form/tools.sass +205 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/_all.sass +4 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/columns.sass +504 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/grid/tiles.sass +34 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/_all.sass +5 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/footer.sass +9 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/hero.sass +145 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/layout/section.sass +13 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/_all.sass +8 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/animations.sass +5 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/controls.sass +50 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/derived-variables.sass +106 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/functions.sass +110 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/initial-variables.sass +77 -0
- data/node_modules/bulma-block-list/node_modules/bulma/sass/utilities/mixins.sass +261 -0
- data/node_modules/bulma-block-list/package.json +59 -0
- data/node_modules/bulma-block-list/src/block-list.scss +109 -0
- data/node_modules/bulma-block-list/src/demo.scss +3 -0
- data/node_modules/bulma-carousel/CHANGELOG.md +307 -0
- data/node_modules/bulma-carousel/LICENSE +21 -0
- data/node_modules/bulma-carousel/README.md +13 -0
- data/node_modules/bulma-carousel/dist/css/bulma-carousel.min.css +1 -0
- data/node_modules/bulma-carousel/dist/js/bulma-carousel.js +2371 -0
- data/node_modules/bulma-carousel/package.json +108 -0
- data/node_modules/bulma-carousel/src/demo/_data/events.yml +15 -0
- data/node_modules/bulma-carousel/src/demo/_data/getters.yml +26 -0
- data/node_modules/bulma-carousel/src/demo/_data/menu.yml +26 -0
- data/node_modules/bulma-carousel/src/demo/_data/methods.yml +57 -0
- data/node_modules/bulma-carousel/src/demo/_data/options.yml +79 -0
- data/node_modules/bulma-carousel/src/demo/_data/setters.yml +0 -0
- data/node_modules/bulma-carousel/src/demo/_data/tree.yml +30 -0
- data/node_modules/bulma-carousel/src/demo/_includes/anchor.html +3 -0
- data/node_modules/bulma-carousel/src/demo/_includes/breadcrumb.html +5 -0
- data/node_modules/bulma-carousel/src/demo/_includes/events.html +33 -0
- data/node_modules/bulma-carousel/src/demo/_includes/getters.html +28 -0
- data/node_modules/bulma-carousel/src/demo/_includes/head.html +22 -0
- data/node_modules/bulma-carousel/src/demo/_includes/menu.html +22 -0
- data/node_modules/bulma-carousel/src/demo/_includes/methods.html +49 -0
- data/node_modules/bulma-carousel/src/demo/_includes/options.html +33 -0
- data/node_modules/bulma-carousel/src/demo/_includes/setters.html +28 -0
- data/node_modules/bulma-carousel/src/demo/_includes/tree.html +25 -0
- data/node_modules/bulma-carousel/src/demo/_includes/variables.html +28 -0
- data/node_modules/bulma-carousel/src/demo/_layouts/default.html +47 -0
- data/node_modules/bulma-carousel/src/demo/assets/css/bulma-carousel.min.css +1 -0
- data/node_modules/bulma-carousel/src/demo/assets/css/documentation.min.css +1 -0
- data/node_modules/bulma-carousel/src/demo/assets/css/highlight.css +78 -0
- data/node_modules/bulma-carousel/src/demo/assets/images/1.jpg +0 -0
- data/node_modules/bulma-carousel/src/demo/assets/images/2.jpg +0 -0
- data/node_modules/bulma-carousel/src/demo/assets/images/3.jpg +0 -0
- data/node_modules/bulma-carousel/src/demo/assets/images/4.jpg +0 -0
- data/node_modules/bulma-carousel/src/demo/assets/images/5.jpg +0 -0
- data/node_modules/bulma-carousel/src/demo/assets/images/6.jpg +0 -0
- data/node_modules/bulma-carousel/src/demo/assets/images/left.svg +3 -0
- data/node_modules/bulma-carousel/src/demo/assets/images/right.svg +3 -0
- data/node_modules/bulma-carousel/src/demo/assets/js/bulma-carousel.min.js +1 -0
- data/node_modules/bulma-carousel/src/demo/assets/js/doc.js +111 -0
- data/node_modules/bulma-carousel/src/demo/assets/js/main.js +23 -0
- data/node_modules/bulma-carousel/src/demo/changelog.html +17 -0
- data/node_modules/bulma-carousel/src/demo/customization.html +78 -0
- data/node_modules/bulma-carousel/src/demo/demonstration/index.html +402 -0
- data/node_modules/bulma-carousel/src/demo/index.html +396 -0
- data/node_modules/bulma-carousel/src/js/components/Media.js +129 -0
- data/node_modules/bulma-carousel/src/js/components/autoplay.js +111 -0
- data/node_modules/bulma-carousel/src/js/components/breakpoint.js +91 -0
- data/node_modules/bulma-carousel/src/js/components/infinite.js +60 -0
- data/node_modules/bulma-carousel/src/js/components/loop.js +35 -0
- data/node_modules/bulma-carousel/src/js/components/navigation.js +107 -0
- data/node_modules/bulma-carousel/src/js/components/pagination.js +103 -0
- data/node_modules/bulma-carousel/src/js/components/swipe.js +106 -0
- data/node_modules/bulma-carousel/src/js/components/transitioner.js +74 -0
- data/node_modules/bulma-carousel/src/js/components/transitions/fade.js +90 -0
- data/node_modules/bulma-carousel/src/js/components/transitions/translate.js +98 -0
- data/node_modules/bulma-carousel/src/js/defaultOptions.js +50 -0
- data/node_modules/bulma-carousel/src/js/index.js +428 -0
- data/node_modules/bulma-carousel/src/js/templates/index.js +5 -0
- data/node_modules/bulma-carousel/src/js/templates/item.js +3 -0
- data/node_modules/bulma-carousel/src/js/templates/navigation.js +4 -0
- data/node_modules/bulma-carousel/src/js/templates/pagination-page.js +3 -0
- data/node_modules/bulma-carousel/src/js/templates/pagination.js +3 -0
- data/node_modules/bulma-carousel/src/js/utils/coordinate.js +98 -0
- data/node_modules/bulma-carousel/src/js/utils/css.js +84 -0
- data/node_modules/bulma-carousel/src/js/utils/detect-prefixes.js +50 -0
- data/node_modules/bulma-carousel/src/js/utils/detect-supportsPassive.js +16 -0
- data/node_modules/bulma-carousel/src/js/utils/device.js +17 -0
- data/node_modules/bulma-carousel/src/js/utils/dom.js +10 -0
- data/node_modules/bulma-carousel/src/js/utils/eventEmitter.js +19 -0
- data/node_modules/bulma-carousel/src/js/utils/events.js +65 -0
- data/node_modules/bulma-carousel/src/js/utils/index.js +16 -0
- data/node_modules/bulma-carousel/src/js/utils/type.js +21 -0
- data/node_modules/bulma-carousel/src/sass/index.sass +145 -0
- data/package-lock.json +32 -0
- data/package.json +10 -0
- metadata +217 -2
- data/_config.yml +0 -72
@@ -0,0 +1,1558 @@
|
|
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`
|