Skip to content
New issue

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

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

Already on GitHub? Sign in 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

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

Successfully merging a pull request may close this issue.

1 participant