caramelcss / caramel Goto Github PK

Greetings,
I love the look and feel and how small the framework is! Congratulations. Do you have any plans to add tabs and modals?
Cheers,
Everardo

When using class="right" inside a navbar, they disappear below the navar (and show on mouseover) when the window/screen is small enough (like on a phone). If you resize the window bigger, the stay hidden.

FWICT using https://addons.mozilla.org/en-us/firefox/addon/wcag-contrast-checker/ , it seems that several of Caramel's default background colors for its widgets don't have a sufficient contrast ratio against their white inner text, thus making them fail WCAG 2's level AA accessibility guidelines regarding sufficient color contrast for text.
Would you consider adjusting the color palette to address this, or else at least mentioning this caveat in the docs?

Popup Tooltips when hovering a div, javascript implementation

The progress bars, when inline with each other seem to have an invisible seperator. I've done everything I can to try to eliminate it, but i've had no luck. Maybe you'll have better luck? @whoiskenjackson

Would you consider supporting Navigations fixed to the top or bottom of the viewport?

@whoiskenjackson

If I click somewhere else on the page all dropdowns stay open, whereas I expected them to close.

Admittedly, there are no examples of <button>s in the docs (a minor oversight perhaps?), but it seems like a proper framework ought to support them, and the btn class does work on them, except that they're smaller than the other btns.

For example, in:

<a class="btn success">Anchor</a>
<button class="btn success">Button</button>
<input type="submit" class="btn success" value="Input">

the <button> is noticeably shorter than the <a> and the <input>.

Environment: Chrome 41 on OS X Yosemite

Do it, you lazy ass.

Which browsers and versions thereof does Caramel aim to support? The docs don't currently seem to state this anywhere.

panel-head doesn't work, but head does. Same with panel-body

This property prevents modifying the style of Buttons and Forms on Safari (iOS)

In a nav bar, if you click a dropdown then collapse the window, or click a dropdown in a collapsed window, the dropdown will still be visible outside the collapsed nav bar. Below is an example from the website

Would it be possible to get an input looking nice inside the navbar for a search or something similar?

A user requested this, but i'm clueless with Javascript

Maybe under the name .dialog

• When triggered, the background will be faded or have an opaque layer added to it, making the dialog upfront.
• (x) button to close in the top right, 2 buttons at the bottom [Close, OK].
• Clicking anywhere outside the dialog container will close the dialog.

Dropdown menu items overflow if on the right side.

@whoiskenjackson — maybe if it's in .right, make the dropdown to the left of the button underneath, rather than being on the right. possible?

Should be logo.svg .

It is an svg file, valid xml yes, butnot the correct extensions. icon.svg is already svg.

It doesn't look like radio buttons, checkboxes or selects are currently styled. Would it be feasible to add these?