Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Missing --bulma-column-gap CSS variable when importing columns SCSS module into class #3846

Closed
FilipJakab opened this issue Jun 25, 2024 · 0 comments · Fixed by #3860
Closed

Comments

@FilipJakab
Copy link

Overview of the problem

This is about the Bulma CSS framework

I'm using Bulma version [1.0.1]

I am sure this issue is not a duplicate?

Description

When importing columns module I do not have --bulma-column-gap CSS variable defined

Steps to Reproduce

  1. Import columns module scoped to some class:
    image
  2. Use simple columns:
<div class="columns">
	<div class="column is-4-desktop">
		Smaller column
	</div>
	<div class="column">
		Big column
	</div>
</div>
  1. Check computed width of fixed column:
    image

Expected behavior

The variable --bulma-column-gap should get set.

Actual behavior

The reason is that the --bulma-column-gap variable is missing, so the width does not get set.
By setting the variable manually, the columns start to work.

Do I have to import anything else? Is it the limitation of scoped imports?

Thanks

# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant