Open
Conversation
|
Pull request by bot. No need to analyze |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This PR contains the following updates:
^0.5.1->^0.9.00.5.1->0.9.3Release Notes
jgthms/bulma
v0.9.3Compare Source
New features
is-underlinedclass for underlined text and linksautovalue for margin and padding helper classesImprovements
$section-padding-desktopSass variable$hero-body-padding-tabletSass variable$shadowSass variable (used for.box,.card,.dropdownand.panel)is-normalsize modifiers to.fileand.content%resetplaceholderBugfix
v0.9.2Compare Source
Breaking change
To fix duplicate imports, all Sass placeholders have moved from the
utilities/mixinsfile to its ownutilities/extendsfile.The Sass placeholders are:
%control%unselectable%arrow%block%delete%loader%overlayIf you were importing them directly from
utilities/mixins, you'll need to importutilities/extendsinstead.If you were importing
utilities/_allor evenbulma.sassdirectly, no change is required.New features
is-ghostbutton that behaves / looks like a regular linkicon-textcomponent, to combine an icon with text on its sideBug fixes
columnoffsets in RTLwidth: unsetfor narrow columnsmixinsimports, created a singleextendsfile.sassfile extension have been removed, since they're unnecessary when there's no ambiguity between a.sassfile or a.scssfileImprovements
$media-*variables, set to!defaultv0.9.1Compare Source
New features
is-clickablehelper$navbar-colors,$button-colors,$notification-colors,$progress-colors,$table-colors,$tag-colors,$file-colors,$textarea-colors,$select-colors,$form-colors,$label-colorsand$hero-colorsImprovements
$card-radiusvariable$card-overflowvariable$codelistings more accessible$modal-breakpointvariable for modal breakpointoptgrouptogeneric.sassv0.9.0Compare Source
Deprecation warning
The
base/helpers.sassfile is deprecated. It has moved into its own/helpersfolder. If you were importingbase/helpers.sassorbase/_all.sass, please importsass/helpers/_all.sassnow.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.The
listcomponent is also deprecated: thecomponents/list.sassfile has been deleted. It was never officially supported as it was too similar topanelcomponent. Use that one instead.RTL support
Bulma now has RTL support.
By setting the Sass flag
$rtltotrue, you can create an RTL version of Bulma, thanks to 4 new Sass mixins:=ltr=rtl=ltr-property($property, $spacing, $right: true)=ltr-position($spacing, $right: true)The Bulma package now also comes with a
bulma-rtl.cssandbulma-rtl.min.cssfile to be used straight away.Spacing helpers
Bulma now has spacing helpers: https://bulma.io/documentation/helpers/spacing-helpers/
Bulma provides margin
m*and paddingp*helpers in all directions:*tfor top*rfor right*bfor bottom*lfor left*xhorizontally for both left and right*yvertically for both top and bottomYou need to combine a margin/padding prefix with a direction suffix. For example:
margin-top, usemt-*padding-bottom, usepb-*margin-leftandmargin-right, usemx-*Each of these
property-directioncombinations needs to be appended with one of 6 value suffixesThis release also includes the following helpers:
Improvements
is-vcenteredBug fixes
is-toggletagv0.8.2Compare Source
Bug fixes
$input-color: $text-strongv0.8.1Compare Source
Improvements
notificationelementherobulmaRgba()function to supportinheritvalue$button-text-decorationvariableBug fixes
$panel-colorsvariablev0.8.0Compare Source
Big update
Larger form controls
Controls and buttons are now
2.5emhigh. You can revert this resizing by setting these previous values:Light and dark colors
Each main color (
"primary","info","success","warning","danger") now has a*-lightand*-darkversion. They are calculated using 2 new color functions:findLightColor()which finds the light version of a colorfindDarkColor()which finds the dark version of a colorThe light colors are used by the
buttonelement, while the light and dark colors are used by themessagecomponent.Panel colors
The
panelcomponent is now available in all the different colors.4-value color map
The
$colorsSass map now accepts, for each of its values, a map of up to 4 values. For example: the key"info"now has the($info, $info-invert, $info-light, $info-dark)map.If you provide a
$custom-colorsmap, 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:This is processed by the updated
mergeColorMaps()Sass function.Scheme variables
There are 6 new
$schemederived variables:$scheme-main$scheme-main-bis$scheme-main-ter$scheme-invert$scheme-invert-bis$scheme-invert-terThey replace the
$whiteand$blackoccurrences in the codebase. This makes it easy to create a "Dark mode" simply by swapping the values:That is also why most of the codebase now references derived variables (
$text,$background,$borderetc.) instead of initial ones ($grey,$grey-lighter,$grey-darkeretc.): updating the derived variables will affect all elements and components directly.Initial variables
$green: hsl(141, 53%, 53%)$cyan: hsl(204, 71%, 53%)$red: hsl(348, 86%, 61%)Derived variables
$primary-invert: findColorInvert($primary)$primary-light: findLightColor($primary)$primary-dark: findDarkColor($primary)$info-invert: findColorInvert($info)$info-light: findLightColor($info)$info-dark: findDarkColor($info)$success-invert: findColorInvert($success)$success-light: findLightColor($success)$success-dark: findDarkColor($success)$warning-invert: findColorInvert($warning)$warning-light: findLightColor($warning)$warning-dark: findDarkColor($warning)$danger-invert: findColorInvert($danger)$danger-light: findLightColor($danger)$danger-dark: findDarkColor($danger)$light-invert: findColorInvert($light)$dark-invert: findColorInvert($dark)$scheme-main: $white$scheme-main-bis: $white-bis$scheme-main-ter: $white-ter$scheme-invert: $black$scheme-invert-bis: $black-bis$scheme-invert-ter: $black-terOther variables
$control-height: 2.5em$control-padding-vertical: calc(0.5em - #{$control-border-width})$control-padding-horizontal: calc(0.75em - #{$control-border-width})$media-border-color: rgba($border, 0.5)$notification-code-background-color: $scheme-main$panel-radius: $radius-large$panel-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)$textarea-padding: $control-padding-horizontal$textarea-max-height: 40em$textarea-min-height: 8emBug fixes
height: autoon HTMLaudioelement breaks height of element-invertvariables usingfindColorInvert().container.is-fluidmarginsNew features
.imagehas a new.is-fullwidthmodifierv0.7.5Compare Source
Deprecation warning
The
form.sassfile is deprecated. It has moved into its own/formfolder. If you were importingform.sass, please importsass/form/_all.sassnow.If you were simply importing the whole of Bulma with
@import "~/bulma/bulma.sass"or similar, you won't have to change anything, and everything will work as before.New features
Support for overriding the
font-familyYou can now specify a different
font-familyfor the.title,.subtitleand.buttonby using the variables$title-family,$subtitle-familyand$button-familyrespectively.Simply set a value when importing Bulma:
.is-relativehelper.navbarfocus behave like hover for the navigation.has-text-weight-mediumhelper$footer-colorvariableImprovements
.containerfixed width values, useflex-growBug fixes
alignattribute intd/thbeing ignored.has-addonsintag.sass$gapvariable default value.tabswithin.contentFix #1979 -> Correct loading spinner color when a button is:
New variables
Initial variables
$block-spacingBase
$body-font-size$small-font-size$pre-font-size$pre-padding$pre-code-font-sizeComponents
$card-header-padding$card-content-padding$card-media-margin$dropdown-menu-min-width$dropdown-content-padding-bottom$dropdown-content-padding-top$level-item-spacing$menu-list-line-height$menu-list-link-padding$menu-nested-list-margin$menu-nested-list-padding-left$menu-label-font-size$menu-label-letter-spacing$menu-label-spacing$pagination-item-font-size$pagination-item-margin$pagination-item-padding-left$pagination-item-padding-right$panel-margin$panel-tabs-font-sizeElements
$container-offsetGrid
$tile-spacingv0.7.4Compare Source
Same as
0.7.3but with the CSS files attached.v0.7.3Compare Source
New features
$table-head-background-color,$table-body-background-colorand$table-foot-background-colorfor the.tableelement<fieldset disabled>.buttonsand.tagsgroup sizing (.are-small,.are-medium,.are-large)Improvements
box-sizing: border-boxondetailselement$footer-paddingvariable$input-placeholder-colorand$input-disabled-placeholder-colorvariablesBug fixes
.controlin.field.tag.has-addonsto not work correctly.dropdownlinks underlining in.messagecomponent.hero.is-fullheight-with-navbartonavbar.sassfileDeprecation
.control.has-icondeprecated in favor of.control.has-iconsv0.7.2Compare Source
New features
$navbar-burger-colorvariablemodalfor IE11 #1902is-arrowlessclass for navbar itemsis-fullheight-with-navbarclass for heros.is-sr-onlyhelper$navbar-breakpointvariable$control-height,$control-line-height,$pagination-min-width,$input-height.content oltypes:.is-lower-roman,.is-upper-roman,.is-lower-alpha,.is-upper-alpha, and support for thetype=HTML attributeImprovements
.notificationto have a.dropdown-item$borderto$grey-lighterin mixins.media-contentwill allow scrolling horizontally if the content is too wide$table-striped-row-even-hover-background-coloronly for even rows<button>as.dropdown-itemBug fixes
size=""v0.7.1Compare Source
Improvements
has-background-*helpersBug fixes
box-shadowby defaultv0.7.0Compare Source
New features
$widescreen-enabledand$fullhd-enabled: you can set them tofalseto disable each breakpoint$control-border-widthand$button-border-width$custom-colorsand$custom-shadesvariable for adding your own colors and shades to Bulma's$colorsand$shadesmaps respectivelyImprovements
$card-header-background-color,$card-content-background-colorand$card-footer-background-colorto allow different background customization for card elements.is-expandedmodifier to.buttons.has-addons.has-backgroundhelpers for block background colors, like.has-textBug fixes
is-text-rightprecedence overis-text-left-mobile.tag.contentby defaultmedia-contentoverflowVariable changes
Updated default values
sass/utilities/initial-variables.sass$gap32px64px$radius3px4px$radius-large5px6pxsass/base/generic.sass$hr-background-color$border$background$hr-height1px2pxsass/elements/content.sass$content-heading-weight$weight-normal$weight-semiboldsass/components/message.sass$message-header-padding0.5em 0.75em0.75em 1em$message-body-padding1em 1.25em1.25em 1.5emsass/components/navbar.sass$navbar-item-hover-background-color$background$white-bis$navbar-dropdown-border-top1px solid $border2px solid $border$navbar-divider-background-color$border$backgroundsass/layout/footer.sass$footer-background-color$background$white-bissass/components/breadcrumb.sass$breadcrumb-item-padding-vertical0$breadcrumb-item-padding-horizontal0.75emsass/components/message.sass$message-body-border-color$border$message-body-border-width0 0 0 4px$message-header-weight$weight-bold$message-header-body-border-width0sass/components/navbar.sass$navbar-box-shadow-size0 2px 0 0$navbar-box-shadow-color$background$navbar-padding-vertical1rem$navbar-padding-horizontal2rem$navbar-z30sass/elements/title.sass$title-line-height1.125$subtitle-line-height1.25$subtitle-negative-margin-1.25remsass/components/message.sass$message-body-border$message-body-border-color$message-body-border-widthv0.6.2Compare Source
New features
Improvements
subandsuptitle sizes.is-italichelperBug fixes
hero(primary) menu items not visible$variable-columnsto disable--columnGap$pagination-colorvariablev0.6.1Compare Source
New features
.is-one-fifth, .is-two-fifths, .is-three-fifths, .is-four-fifths.is-invisiblehelper.is-expandedmodifier fornavbar-item.is-centeredand.is-rightmodifiers fortags.is-emptymodifier forfile.is-selectedclass on<td>and<th>tagsImprovements
tag > iconspacinghamburgeralignmentBug fixes
is-selectedandis-hoverablestyling issuev0.6.0Compare Source
Breaking changes
$linkcolor is part of the$colorsmap. As a result,.button.is-linkis a colored button now. Use.button.is-textif you want the underlined button.variables.sassfile has been removed.nav.sassfile has been removed.New features
.tablehover effect is opt-in, by using the.is-hoverablemodifier class.dropdownnow supports.is-upmodifierImprovements
=inputThe
$linkcolor is used instead of$primaryin the following components:$dropdown-item-active-color$primary-invert$link-invert$dropdown-item-active-background-color$primary$link$navbar-tab-hover-border-bottom-color$primary$link$navbar-tab-active-color$primary$link$navbar-tab-active-border-bottom-color$primary$link$navbar-dropdown-item-active-color$primary$link$tabs-link-active-border-bottom-color$primary$link$tabs-link-active-color$primary$link$tabs-toggle-link-active-background-color$primary$link$tabs-toggle-link-active-border-color$primary$link$tabs-toggle-link-active-color$primary-invert$link-invertv0.5.3Compare Source
New features
.card-header-titlecan be centered with.is-centered.inputreadonly and.is-static.textareareadonlyIssues closed
.message .tagcombinationpre code.breadcrumbalignmentv0.5.2Compare Source
New features
navbarcolor modifiers$button-focus-box-shadow-sizeand$button-focus-box-shadow-colorfor customization$input-focus-box-shadow-sizeand$input-focus-box-shadow-colorfor customizationIssues closed
$navbar-itemvertical-align: topfor iconsfont-sizetext-size-adjust: 100%tohtmlpaginationdocs$family-primarycustomizationConfiguration
📅 Schedule: At any time (no schedule defined).
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about these updates again.
This PR has been generated by WhiteSource Renovate. View repository job log here.