jgthms/bulma

Modern CSS framework based on Flexbox

Jan Hovancik

@hovancik

don't see any reason why not

Mher Shahinyan

@Shahinyanm

Hi guys, how to do this so that the imported CSS code only affects the #editor ID. Thanks

#editor {
    // Import Bulma
    @import "~bulma";

    // Import Buefy;
    @import '~buefy/dist/buefy.css';

    // Import Functions
    @import "functions.scss";
}

Shawn Maddock

@smaddock

That’s not possible with CSS, you’d have to use SASS and compile it so the ID is propagated to each declaration.

Mher Shahinyan

@Shahinyanm

Thank you @smaddock

Avan Aroueterra

@Aroueterra

Hey guys, was wondering if it's alright to ask for help here.

Joseph Haig

@jrmhaig

Hi. Please excuse the beginner question. How can I know what modules I need to import for a particular feature? For example, can I see from this page what modules are required for each example? https://bulma.io/documentation/form/input/

Alistair MacDonald

@F1LT3R

I am also beginning to look at Bulma, and I came on to ask the exact same question as @jrmhaig :)

For me, it’s a Web Components setup, so I’m thinking about how I can pull just the CSS needed for certain components into each shadow dom.

This will likely be through a JavaScript module, rather than a CSS @import rule, as the performance would be considerably better according to various blog posts I’ve seen written by people workong on the V8 engine.

Eric

@sliceofbytes

@F1LT3R not exactly an answer but normally I just run my bundle through something like purifycss or uncss to remove all the extra bs

that isn't used

@jrmhaig @import '~bulma/scss/form/_all.scss' if you want to get even more detailed then that you can see what _all.scss imports

Alistair MacDonald

@F1LT3R

Thanks Eric

Vyacheslav Konovalov

@vyachkonovalov

I know this was asked a thousand times before😁 Why sass over scss?

Warrumin

@Warrumin

Hello :)

Is Bulma based on material design?

I mean material design principles

Vyacheslav Konovalov

@vyachkonovalov

Warrumin: in a nightmare😄

Warrumin

@Warrumin

You don't like material design? haha

Too flat?

Vyacheslav Konovalov

@vyachkonovalov

I've used it and I hate it :)

elements can't just fly on a page, they need a material.. bla bla, bull shit

Warrumin

@Warrumin

"elements can't just fly on a page, they need a material." What do you mean?

Vyacheslav Konovalov

@vyachkonovalov

@Warrumin can't find the source, they changed the guides

AzoR | Jonah

@Jonah412

https://i.imgur.com/wQOX7bL.png

How would i go about centering that to the middle of the page?

Raj

@rajsinghUSA

@Jonah412 what do you mean? It looks centered

AzoR | Jonah

@Jonah412

I got it

Now how do i change the background color of a table?

scratch that

AzoR | Jonah

@Jonah412

So i made a pulsating circle using css

But its not working

This is the codepen i am using

https://codepen.io/peeke/pen/BjxXZa

Chris Shortreed

@illusive-ch

hey everyone, I have a profile dropdown that when mobile goes inside the hamburger is there an easy way to keep an item outside of the hamburger and place it beside?

Chris Shortreed

@illusive-ch

on IOS safari "hero is-white is-fullheight-with-navbar" the footer isn't showing it has to be scrolled down to be able to see the footer even using the hero template they give you its still not in view, any thoughts on how to fix this?

https://share.getcloudapp.com/2NuXdpdK
https://share.getcloudapp.com/RBuveJeJ

Norbert Haberl

@nhaberl

Has anybody done masonry style layout with sorting and fil

filtering?

Kulcanhez

@Kulcanhez

Hello people! I'm migrating to Bulma or at least trying and I'm facing with an issue so simple...how can I give a margin or a padding easily?

For example, in that case, but instead of having banner-main-title and banner-sub-title I have 'title is-1' and 'title is-3' how can I give a margin to that?

Kulcanhez

@Kulcanhez

well I can always use scoped but I was expecting some utility class for it :p

Norbert Haberl

@nhaberl

Guys ... is this book still accurate ?

https://bleedingedgepress.com/creating-interfaces-bulma/