Questions tagged [bulma]
Bulma is a free, open source CSS framework based on Flexbox.
bulma
947
questions
0
votes
0
answers
17
views
Setting a transparent background on bulma hero?
How to set the background colour of a hero element in Bulma to transparent?
Version 1 of Bulma
Set the $primary variable?
This doesn't work.
$primary: transparent;
@use "../../../../libraries/...
0
votes
0
answers
18
views
How to overwrite SCSS module's variable with new value using previous/default value
I am trying to overwrite Bulma's $breakpoints variable by introducing another breakpoints.
My issue is that I do not know how reference previous/default values defined by Bulma.
My current attempt is:
...
0
votes
0
answers
19
views
Keeping a form centered on mobile in Bulma? (when it's centered on desktop)
I have been imporoving my ancient webdesign skills lately and decided to try out Bulma for a simple todo list flask app. Everything works great but when I reduce the screen size for mobile/tablet, my ...
0
votes
2
answers
54
views
Customizing BulmaCSS colors with CSS
After reading the documentation, I still don't understand why I can't set the primary color with CSS like this:
<!DOCTYPE html>
<!-- Force the light theme: -->
<html data-theme="...
0
votes
0
answers
68
views
Cannot get Bulma color overrides to work after Bulma upgrade to 1.0.1
I have a create-react-app in which I am trying to upgrade bulma from version 0.9.4 to 1.0.1. So far, everything seems to have worked, with exception of the new dart method of overriding the colors.
I ...
1
vote
0
answers
42
views
Add custom color to both light and dark mode in bulma
Bulma 1.0 added support for dark mode.
I already figured out how to add a custom color to Bulma.
Now, I want to know how I can get it to use a different color value in dark mode.
$groovy: #4298B8;
// ...
4
votes
0
answers
436
views
FATAL:gpu_data_manager_impl_private.cc(448)] GPU process isn't usable. Goodbye
Trying to setup Electron on my computer, to setup .exe files for my HTML/CSS/JS projects
I'm currently developing on Windows and got this:
[3088:0525/235414.074:ERROR:gpu_process_host.cc(991)] GPU ...
0
votes
1
answer
32
views
cards with same size in columns
I face a similar problem like described here: I want to place 3-6 cards next to each other and I want them to be the same width & height. I tied adding is-flex option to the column, but this ...
0
votes
2
answers
56
views
Center text in a card-header in Bulma
Using bulma makes it easy to position text - usually. I was not able to place the card-header attribute centered.
My Try:
<link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/1.0.1/css/...
0
votes
0
answers
12
views
card component ignores column size
I am using bulma 1.0 and I tried to get an example working:
<link href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css" rel="stylesheet"/>
<div id="randomUIDNumber" class="...
0
votes
0
answers
22
views
color effect over all columns of a table [duplicate]
I generated a table using django and bulma and also some custom css, and it looks like this:
th, td {
padding: 0.2rem 1rem;
}
th {
font-weight: normal;
...
2
votes
1
answer
42
views
How to Custom Navbar component in Bulma framework?
I want to full width of <router link> element in navbar component. How can I achieve that. I also interested in some keywords about something like this.
Here is my error:
I want a full-width ...
1
vote
1
answer
469
views
disable dark mode in bulma 1.0
I tried disabling the dark mode in my base.css like bulma describes in their docs by adding the @media lines:
@media (prefers-color-scheme: light) {
:root {
}
}
body {
display: flex;
min-...
0
votes
0
answers
42
views
How to change the progress bar background color in Bulma?
I'm using Bulma CSS.
My whole page has white background color but there is a problem with the progress bar:
the black isn't needed.
I've tried this:
.progress-bar-custom {
--bulma-progress-bar-...
0
votes
1
answer
33
views
Bulma - SCSS customization for own component
In BULMA or SCSS maybe more specifically I want to use a component but sort of take a copy of it rather than overriding it, is the only way to do this through extend, or are there other mechanisms.
...