Either with --horizontal and --vertical modifiers or separate nav bar components.

Suggested items to support:

• navbar__input
  • inputs (like search)
• navbar__item
  • icons
  • buttons
  • links
• navbar__image
  • logo/images

Not really related to the source code but rather the website (or could be in the README).

Generally the Get started instructions are missing - showing a bunch of CDN URLs doesn't really tell you how to use the package. The Get started section needs to be less concerned with convincing the user to use blaze, and more concerned with explaining how to use it.

Two specific problems:

1. Unclear what the blaze.min.css file contains. It needs to be stated if it is the complete blaze css, or if it's just a barebones package, with optional components to add.
2. It is not clear how to "opt in". Do I add a class or something somewhere?

xsmall
small
medium
large
xlarge

.c-nav--primary | secondary top and side nav bars should appear different
.c-nav__item--active highlighted as the current item in context
.c-nav__content and item that is not interactable (not hover or active states)

I've tried to do a simple install and the dist/folder is empty. Am I missing something or does the bower package need to be updated?

$ bower install blazecss --save

$ tree
.
├── LICENSE
├── bower.json
└── dist

1 directory, 2 files

Hello,

"Install" section of "Getting Started" needs to revised. There are four CDN links mentioned there, currently, but only first one is live:

http://blazecss.com/getting-started/install/

There's a small chance that thead and tbody element selectors in a given file will clash with existing stylesheets, if dropped in to a existing project.

This is a very minor issue, but I thought I should mention it, as those selectors aren't really "Opt-in".

Otherwise, nice work with the framework, I really appreciate your hard work 👍

Is there a guide somewhere to help get moving quickly on styling RiotGear components to match a particular website theme?

The navigation bar isn't responsive. It fails to work properly on mobile devices. Please add something like the navbar folds up into a button. (like in bootstrap and many others)

And yeah, the framework is cool.
P.S: I'm developing a website for a school project on Blaze instead of Bootstrap.

There are some basic CSS Framework objects missing like Blockquote, Dropdown Menus and a Footer.
Please add them whenever possible.

Keep up the good work !

http://foundation.zurb.com/templates-previews-sites-f6/portfolio.html

Link to issue: http://blazecss.com/community/forum/#!/general:button-group-with-ghost-but

The lastest version.The button style not normal by chrome 47.0.

<div class="alerts__alert alerts__alert--visible alerts__alert--brown">
            <button class="alert__close">
                <span>×</span>
            </button>
            Brown
        </div>

<button class="calendar__control">‹</button>

http://blazecss.com/community/forum/#!/general:button-group-with-ghost-but

.c-badge--rounded {
  border-radius: 1em;
}

To make round badges...

Caveat: badges are designed to be one-liners

.o-app full screen position absolute with scrollable content
.o-app--nav-top
.o-app--nav-right
.o-app--nav-bottom
.o-app--nav-left
would move the content inward whilst keeping the navbars static on scroll

.c-input-group--rounded will apply a rounded 30em border-radius to the first and last children.

o-grid__cell--fixed-width following this conversation: http://blazecss.com/community/forum/#!/general:flex-grid-fix-item

Like :

.
├── .level 1
    ├── level 2  
    ├── level 2
├── .level 1
├── ...

Looking at your commit history it looks like you rarely use your user for commits.

This is not important if nobody else works on the project but you. But it'd be nice to have a reference to the user account when browsing through commits and PRs.

See this nice post on how to rewrite git history with a new username/account
http://stackoverflow.com/questions/3042437/change-commit-author-at-one-specific-commit

When i use code like:

<div class="u-center-block">
  <div class="u-center-block__content">Hello Blaze</div>
</div>

i get something like on this screenshot

tested in Chromium 51 and Firefox 47 / Arch Linux

http://blazecss.com/community/forum/#!/general:grid-width-classes-per-bre

Might increase file size quite a bit but would make the grid very flexible

Tooltips

http://blazecss.com/community/forum/#!/general:request-make-scss-availab

Add the source to the NPM package - would make it easier for consumers to utilise Blaze's custom build process

Otherwise when they are used in an input / button group they look mis-matched

input with button

https://dribbble.com/shots/943079-Webapp-Dashboard

The Alerts's close button is not center in the vertical.

hi, recently we want to add your lib on https://cdnjs.com, we use git auto-update or npm auto-update depending on git tags to add every new released files, so could you please consider updating tags to the latest version, thank you!

cdnjs/cdnjs#7012

http://foundation.zurb.com/templates-previews-sites-f6/blog-simple.html

Utility for text-align:center

RiotGear/rg#95 identified an issue with focus styling

Probably needs to upgrade the focus state so it is more distinguishable between focus and active

http://blazecss.com/community/forum/#!/general:menu-tweak

Create a menu item divider modifier that is simply a line.

Create a menu modifier that removes borders from all menu items.

Knowing that you're coming from a riotjs background, it might be important to mention to your users/readers/contributors that these components are used as a base for interactive components (such as riotgear)

Which is why a more detailed documentation on the purpose of the library is important.

To what kind of developers is this library aimed to? What is the purpose and why is it better than any other library you used or see.

Why do you use BEM? Which philosophies or "best practice" ideas are used?

Like this,

<div class="__center xxx">
<div id="someBlock" style="width:300px;height:200px;"></div>
</div>

I hope the class __center can that the #someBlock in center, whether width or height.

I see the blaze's example the the modal is already achieved. But not the common method.

http://blazecss.com/community/forum/#!/general:figure-floats

https://github.com/matejlatin/Gutenberg/wiki#figures

.o-grid__cell--hidden@large - would hide the cell
.o-grid__cell--visible@large - would show the cell
...for large screens and up

https://dribbble.com/shots/1387955-Achievements
https://dribbble.com/shots/2359374-Mail-client-app

http://foundation.zurb.com/templates-previews-sites-f6/ecommerce.html