jgthms / bulma Goto Github PK

Will you be releasing this as an npm module anytime soon? I would love to try the full framework out, but trying to stay away from Bower.

I opened an issue cdnjs/cdnjs#6837

The <input type="checkbox"> and <input type="radio"> are not properly styled.
Screenshot:

They appear to be default style.

My browser:

• Application Name: Netscape
• Code Name: Mozilla
• Version: 5.0 (X11)
• User Agent: Mozilla/5.0 (X11; Ubuntu; Linux i686; rv:44.0) Gecko/20100101 Firefox/

This is a great project a that still not have a v1. And I was wondering when you guys are planing on releasing v1? In order for other projects like WordPress and Drupal to use this as theme they will need a major/stable release.

Maybe in the future I build Drupal base theme but without a major/stable version does not make sense to build base on IMO.

I propose to create a issues in Github base on the new features/improvements/bugs to the framework and add milestone to it. Base on the next version that feature might be include it.

Just noticed this bug on Bulma.io when switching to narrow screen, the dropdown of the right side hamburger menu is rendered behind the secondary tab menu. Expected: it should cover any other element.

Screenshots: On the second image, I extended the length of the menu to see what the problem is.

http://imgur.com/a/DJND7

Icons is not centered in header.

Hello,

(Just to note, really loving the Flexbox concept, and the polish of the site)

There are some major accessibility issues in this project, some could be implemented quite easily:

• Roles missing, eg: Notifications require role="alert"
• Aria actions missing, eg: labels on close buttons
• Colors too washed out, default fail contrast accessibility (Including is-dark tags)
• HTML syntax is invalid, eg: <a class="button">Button</a> - Links are not buttons

Some would probably fall onto the user (eg the html syntax, as this is a CSS framework?), these are some key points I look into when it comes to boilerplate resources. I'd be expecting some users/clients going at the use "as-is" approach and then we have a world that forgets accessibility.

Any there plans to address some of these, at least the colours, providing an extra tag for high contrast, or would it be down to the user to modify the variables.sass file?

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows

It would be nice if Bulma had built-in support for "sticky footers" as described in https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/.

For example:

.is-primary.is-outlined.is-loading

produces

(you can see a faint loading indicator over the text)

header

Hello, your framework it's fine, but I need offsets columns in my grid... this is possible?
I would like use in a grid in first row two columns width photos and in the next row only one column (is-8) in center without others columns by example..

Example bootstrap:

<div class="row">
    <div class="col-md-2 col-md-offset-5"></div>
</div>

Thanks!

In the Titles section of the documentation, the code preview for titles show each title in a heading tag (h1, h2, h3, etc), but the titles themselves are in paragraph tags. This seems misleading as it doesn't properly illustrate the margins, etc. that result from using actual heading tags.

Hey, this project looks great.

Just a suggestion for a new component: modal windows. This is the components I use the most in twitter bootstrap and like me many people so it would be great to have one in bulma. It should have a header with a title and an optional close icon, a body and a footer with buttons.

PS: awesome project

hero

Has anyone had issues loading with Webpack?

Seems the only way to get the sass to load is to modify the bulma.sass main entry point

@charset "UTF-8";

@import "bulma/utilities/utilities";
@import "bulma/config/variables";
@import "bulma/config/generated-variables";
@import "bulma/base/base";
@import "bulma/elements/elements";
@import "bulma/components/components";
@import "bulma/layout/layout";

Great library btw.

It would be nice to set specific column items of a certain width, and have them wrap around when you add an infinite amount of them, is this possible?

is it basically bulimia without the i? if it is, kinda not coo yo :/

Layout issue on elements -> messages

http://bulma.io/documentation/elements/messages/

For the first example on http://bulma.io/documentation/navbar/ , the live rendering and the code don't match. The live rendering is about posts, but the code snippet is about repositories.

Hi!
Any thoughts on using rem instead of em or px for units in your framework?

Thanks,

I am trying to make title design variation.
Adding contents .is-bar-left and .is-bar-bottom elements to the titles.sass

Using Chrome.

http://bulma.io/documentation/elements/notifications/

The Notifications and Tags docs currently use such non-button "delete" buttons.

Loving the framework. What is the browser support please? I take it it is IE10+ ?

Thanks

Hey,

I just looked over the docs and saw there is only a desktop view and a mobile view (all columns under each other).

Any reasons why you provide no breakpoints for mobile, tablet and desktop like bootstrap?

In additon to #54 (on not/incorrectly styled checkbox and radio input), the dropdown appears beautifully, but shows dots around the word "Dropdown" when clicked.

My browser is:

• Application Name: Netscape
• Code Name: Mozilla
• Version: 5.0 (X11)
• User Agent: Mozilla/5.0 (X11; Ubuntu; Linux i686; rv:44.0) Gecko/20100101 Firefox/

I am trying to figure out what this is supposed to do. In the documentation it just contains three empty <span>s. Adding content to the .header-toggle element just messes things up.

I really like what you're doing with this project (I was making a second pass at reading the docs and happened to notice the link).

(Broken link in documentation -- "5 main colors")

http://bulma.io/documentation/modifiers

Neither css/bulma.css nor css/bulma.min.css have been updated since 0.0.1 - please commit a recompiled version when you push a new version. THX!

otherwise keep up the great work :)

Would be nice to have .is-primary, .is-info, .is-success, .is-warning and .is-danger as .control modifiers.

The site currently has column modifiers (is-2, is-3, etc) documented but none of the columns modifiers (is-gapless, is-grid). Initially, I was trying to layout a row of elements using 3 columns of is-5, is-5, and is-2 modifiers. The columns ended up having a total width larger than 100% because of the margin gap between each column. It wasn't until I dove into the sass files that I found some of the modifiers like is-gapless and is-grid. These still aren't super intuitive but need to be added to documentation nonetheless.

It looks like a button grouped to the right of an input field loses its padding.

Not sure if this is an issue with Safari (9.0.3) or Bulma.

please make a gitter support chat

How do I go about having a grid where I have one column on mobile, two columns on a tablet and four columns on a desktop?
Because I tried is-tablet-half and is-desktop-quarter and that doesn't seem to work. Maybe I'm missing some CSS modifications.

Would be great to know how well this is supported. Obviously the use of flexbox already pushes up to IE10+ and alike. Also I think is something to boast about.

The custom styles for checkboxes and radio buttons don't work in Firefox and IE.

Firefox 44:

IE Edge:

It'll be cool if we can use tabs under main content of tab, or from left/right sides

In your example on your site, the Search button on the nav bar form is missing right padding (on Safari 9):

I have this issue on Codepen that makes the body shift to the left by approximately 10 pixels leaving a gray vertical bar on the right side. I'm using the codepen.io editor.

It would be nice if Bulma would offer support for that out-of-the-box (header/navbar stays at the top when scrolling).

Similarly to col-sm-4 vs. col-xl-4 in bootstrap.

I tried align-content: center; but nothing happens.

Maybe a red outline, or a little * Please fill this in message?

It all looks good, but I'd like to see some information on which browsers/versions are supported?

http://bulma.io/documentation/modifiers/colors.html
404
File not found
The site configured at this address does not contain the requested file.

This way we could use any naming convention and compose the elements styles using @include