Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    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?
    Screenshot 2020-04-19 at 23.42.59.jpg
    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 ?
    Callum Cassidy-Nolan
    @cuppajoeman
    Hey is anyone here?
    Carlo Ascani
    @2pxsolidblack_gitlab
    Hi all, I am sure I am doing something wrong, I see a negative margin top and bottom the columns class, what is that for?
    here's what I mean, I really don't understand the purpose of that negative margin, I am surely doing something wrong
    Lean Junio
    @leanjunio
    Hey guys, does bulma allow flex-direction: column on columns? They all seem to be rows
    rsoeldner
    @rsoeldner
    Hi, is it possible to use bulma & modals in fullscreen, without js stuff ?
    Brian Minsk
    @brianminsk
    Where is the most active Bulma community, please?
    Ivan
    @abreulima
    Is there any easy way to edit the max-width of the container?
    I was thinking about putting it inside a column, but it doesn't sound right.
    nUKEmAN4
    @nUKEmAN4
    hey can anyone help me with bulma's notification
    Ghost
    @ghost~5f05d820d73408ce4fe90c95
    Hi All. Scratching head here... I've defined the viewport as described everywhere but Bulma is not rendering anything (hero, form, etc) to use the full width of the screen real estate. Mac here w/Retina display. Can't find anything useful on the net - help?
    Ghost
    @ghost~5f05d820d73408ce4fe90c95
    WTF, I'm seeing 504 people in membership but mostly questions here without answers being offered. I'm going to bootstrap - see youz.
    nUKEmAN4
    @nUKEmAN4
    ok karen
    Trevor Hunka
    @Grizvok
    LOL
    Neil Duffy
    @skiv71
    not sure what I've missed, but a site I'm creating, that uses bulma, looked awful under mobile...
    Trevor Hunka
    @Grizvok
    Not sure what exactly you did wrong or missed, but bulma is great for responsive design.
    We'd have to see the code.
    Or potentially inspect the html through dev tools, but ain't nobody got time for that!
    nUKEmAN4
    @nUKEmAN4
    What is best to use modals with js or pure css? I will be making reply system
    nUKEmAN4
    @nUKEmAN4
    Hey, i have this https://hastebin.com/iqemixiseq.xml how could i pass information in modal?
    Trevor Hunka
    @Grizvok
    a data attribute
    Neil Duffy
    @skiv71
    navbar, when mobile, my navbar end (like a right aligned brand logo) is gone and ends up as a fullwidth item underneath the main navbar
    my navbar only has a single item left, and one right... and I'd like to preserve them regardless of media device
    will i have to ditch the navbar has use a banner of sorts, instead?
    nUKEmAN4
    @nUKEmAN4

    a data attribute

    Users can change that information in inspect element like when reply to comment

    Cryoten
    @cryoten
    When using a menu list, how would I go about adding an anchor to the right hand side of each li? So far, I have this which is near what I want... but I want the first anchor to be expanded.
    <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>
    Adding 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.
    Neil Duffy
    @skiv71
    just heads up, my new app is fully responsive now - feedback welcome https://smartpoll.io/vote?poll=NO5Z8FRbjxWitd2jBWLO
    Patryk Szylin
    @Patryk-Szylin
    Has anyone realized that buefy is missing the "is-fluid" modifier on the container class? Or am I doing something wrong ?
    Jannik Malken
    @MannikJ
    Hi! Maybe this is a stupiud question, but how can I disable any action (hover, file choose dialog) of a file input with name most easily? I am using it wrapped inside a vue base component.
    <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>
    Marco Aceti
    @MarcoBuster

    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

    as the tiles component is not imported.
    the examlpe code:
    <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>
    maybe I need to add some other component from the sass?
    if I import the complete bulma.css file it works. what I've missed?
    vxfil
    @vxfil
    hi guys, please help center this block vertically, it centers perfectly horizontally, but I can't seem to center it vertically
    <div className="columns is-desktop is-centered is-vcentered">
          <div className="column is-one-quarter">
            <div className="box">
              // code...
            </div>
          </div>
    </div>
    Abner Soares Alves Junior
    @abnersajr
    I'm having issues to properly build Bulma locally for developer purposes. I'm following what is in the readme but isn't working properly.
    The changes made in the Bulma root folder isn't reflecting in the docs.
    With 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\"
    Matt
    @duartemvix
    Omg I love bulma I finally found our hub
    Dmitry
    @xotonic

    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>
          |                     ^