<li>
<div class="field has-addons">
<a class="is-active">foo</a>
<a class="is-small is-primary">
<span class="icon is-small">
<i class="fas fa-minus"></i>
</span>
</a>
</div>
</li>
flex-grow: 1
to the first anchor does the trick, but perhaps that's not the most appropriate way. For now, I'll do that with a temporary bit of inline css while I wait to see if anyone can come up with a better solution.
<div class="file has-name is-fullwidth">
<label class="file-label">
<input class="file-input" type="file" name="resume">
<span class="file-cta">
<span class="file-icon">
<i class="fas fa-upload"></i>
</span>
<span class="file-label">
Choose a fileā¦
</span>
</span>
<span class="file-name">
Screen Shot 2017-07-29 at 15.54.25.png
</span>
</label>
</div>
hi guys! I am using .sass
I have imported the "tiles" component:
@import "bulma/sass/grid/tiles"
and I have copied the first example from https://bulma.io/documentation/layout/tiles/ but it's not working
<div class="container">
<div class="tile is-ancestor">
<div class="tile is-vertical is-8">
<div class="tile">
<div class="tile is-parent is-vertical">
<article class="tile is-child notification is-primary">
<p class="title">Vertical...</p>
<p class="subtitle">Top tile</p>
</article>
<article class="tile is-child notification is-warning">
<p class="title">...tiles</p>
<p class="subtitle">Bottom tile</p>
</article>
</div>
<div class="tile is-parent">
<article class="tile is-child notification is-info">
<p class="title">Middle tile</p>
<p class="subtitle">With an image</p>
<figure class="image is-4by3">
<img src="https://bulma.io/images/placeholders/640x480.png">
</figure>
</article>
</div>
</div>
<div class="tile is-parent">
<article class="tile is-child notification is-danger">
<p class="title">Wide tile</p>
<p class="subtitle">Aligned with the right tile</p>
<div class="content">
<!-- Content -->
</div>
</article>
</div>
</div>
<div class="tile is-parent">
<article class="tile is-child notification is-success">
<div class="content">
<p class="title">Tall tile</p>
<p class="subtitle">With even more content</p>
<div class="content">
<!-- Content -->
</div>
</div>
</article>
</div>
</div>
</div>
Bulma
root folder isn't reflecting in the docs.npm run start
in root folder this happens when I save my file: "status": 1,
"file": "/Users/abner/Projects/bulma/sass/form/checkbox-radio.sass",
"line": 9,
"column": 12,
"message": "Undefined variable: \"$input-hover-color\".",
"formatted": "Error: Undefined variable: \"$input-hover-color\"
Would that be a good idea to have an issue to replace img tags in documentation from being void elements to their closed variation? eg
<img src="..." > => <img src="..." />
Why? Because JSX doesn't recognize void elements and fails to compile sample snippets
index.js: Expected corresponding JSX closing tag for <img> (152:20)
150 | <p className="image is-32x32">
151 | <img src="https://bulma.io/images/placeholders/128x128.png">
> 152 | </p>
| ^
Hi guys, I recently open sourced my app with 12+ years research behind it.
https://github.com/OpenLitterMap is built with Laravel, Vue, Bulma, and react-native
Inspired by OpenStreetMap, we apply the same principles of crowdsourcing and open data to litter and plastic pollution
See openlittermap.com
For more info, here is a presentation I gave at the UN last week https://www.youtube.com/watch?v=QhLsA0WIfTA
We would love if anyone here could take an interest in our laravel project <3
Hi guys, I recently open sourced my app with 12+ years research behind it.
https://github.com/OpenLitterMap is built with Laravel, Vue, Bulma, and react-native
Inspired by OpenStreetMap, we apply the same principles of crowdsourcing and open data to litter and plastic pollution
See openlittermap.com
For more info, here is a presentation I gave at the UN last week https://www.youtube.com/watch?v=QhLsA0WIfTA
We would love if anyone here could take an interest in our laravel project <3
And people say Laravel is "dead". People build kickass projects with it.
I am having issues with modals
<div id="deleteModal" class="modal modal-fx-normal is-active">
<div class="modal-background"></div>
<div class="modal-content box"></div>
<button class="modal-close is-large" aria-label="close"></button>
</div>
when I remove the "is-active" class manually or using js the background disappears instantly and the the buttons disappear after like 500ms
is there any fix for that..?