Skip to content
This repository has been archived by the owner on Jun 11, 2024. It is now read-only.

Bulma v1 Compatibility #28

Open
iBotPeaches opened this issue Mar 22, 2024 · 1 comment
Open

Bulma v1 Compatibility #28

iBotPeaches opened this issue Mar 22, 2024 · 1 comment

Comments

@iBotPeaches
Copy link

Bulma v1 dropped today :)

https://github.com/jgthms/bulma/releases/tag/1.0.0

error during build:
Error: Undefined variable.
  ╷
1 │ $ribbon-color: $grey-darker !default
  │                ^^^^^^^^^^^^
  ╵
  node_modules/bulma-ribbon/src/sass/index.sass 1:16  @import
  resources/sass/app.scss 20:9                        root stylesheet
@kranack
Copy link

kranack commented Mar 22, 2024

You can use this workaround waiting for the patch if you want

@use "sass:map"
@use "bulma/sass" as bulma

// global variables for bulma-ribbon
$colors: ("white": (bulma.$white, bulma.$black), "black": (bulma.$black, bulma.$white), "light": (bulma.$light, bulma.$dark), "dark": (bulma.$dark, bulma.$light), "info": (bulma.$info, bulma.$light))
$grey-darker: bulma.$grey-darker
$grey-lighter: bulma.$grey-lighter
$white: bulma.$white

$size-small: bulma.$size-small
$size-normal: bulma.$size-normal
$size-medium: bulma.$size-medium
$size-large: bulma.$size-large

@import "../../node_modules/bulma-ribbon/src/sass/index"

It's not really easy to use because you have to patch all the colors by yourself for now but at least it compiles

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

No branches or pull requests

2 participants