Hi

does exist a list for icons usage ? because it seem to be different than bootsrap ones. because i would to use ones for facebook or twitter like: <i class="fa fa-facebook-square"></i>

thanks

when I use it with bootstrap, and when I use <a></a>, the button goes ugly!

Because the <a> in bootstrap will override the button while there's no CSS that like a.button.

how can i extend from your library?

for example i want my all buttons have a style as class='button button-rounded button-flat-primary'

I could not find what to extend in my scss...

thanks

Hi, I wanted to change the properties set in _options.scss, but as the properties are not flagged with !default, I could not do it without editing the file itself... so I had to add the Buttons library into git and edit the file. But I would prefer to avoid this solution, in order to keep a better overview on the overrides I perform...

Hi there, just found this project and great work. Attempting to integrate it into a project I am working on.

I am running Sass 3.3.8 and getting a lot of deprecation warning when compiling.

DEPRECATION WARNING on line 18 of /....../_buttons.scss:
Assigning to global variable "$unicorn-btn-smallfs" by default is deprecated.
In future versions of Sass, this will create a new local variable.
If you want to assign to the global variable, use "$unicorn-btn-smallfs: $unicorn-btn-font-size + 1 !global" instead.
Note that this will be incompatible with Sass 3.2.

Is this a known issue or being addressed?

Thank you

Formatted Customize Buttons List for consistency(periods at end of items) and wording.

BEFORE: Clone the Buttons repository. Make sure you have node.js installed. From the command line cd into the root for the Buttons directory Run npm install or sudo npm install (depending on your system permissions). On the command line run grunt dev, this will open a browser with Buttons Locate scss in the root directory You can modify the _options.scss where you can customize colors, typography, and … Anytime you save your changes the Buttons showcase page will live reload with your changes!

AFTER: Clone the Buttons repository. Make sure you have node.js installed. From the command line cd into the root for the Buttons directory. Run npm install or sudo npm install (depending on your system permissions). On the command line run grunt dev; this will open a browser with Buttons. Locate scss in the root directory. You can modify the _options.scss file where you can customize colors, typography, etc. Anytime you save your changes the Buttons showcase page will live reload with your changes!

Fixed some run-on sentences in the major improvements section.

BEFORE: "Button colors are now complete independent (ex. button-primary) we no longer have classes like button-flat-primary to achieve this you now simply add button-flat button-primary" AFTER: "Button colors are now complete independent (ex. button-primary). We no longer have classes like button-flat-primary, so to achieve this you now simply add button-flat button-primary"

Your implementation of the menu buttons requires an exclusive click to dismiss the menu. So if the user intended to click elsewhere, it would take 2 clicks. I noticed that the menu actually hijacks all of the web page interaction by adding an overlay on top. This doesn't help with the user experience. An easy way to test this in your demo is to click across multiple menu buttons and see how it takes 2 clicks every time you want to click the next item.

If you try the bootstrap demo below (and other frameworks, e.g. ExtJS), you'll see that you only need to click once to jump to the next menu or to click on a different component: http://getbootstrap.com/components/#btn-dropdowns

Another example is GitHub. Click "This repository" to reveal the search options, then click the search field next to it. It takes just a click to switch.

I was trying to compile the sass files with gulp-autoprefixer.

However the autoprefixer shows error:

"Gradient has outdated direction syntax. New syntax is like "to left" instead of "right"."

$ubtn-use-compass is set to false

By looking at the code, I can say there is something going wrong here: https://github.com/alexwolfe/Buttons/blob/master/scss/_base.scss#L91.

It should be @else, not else.

Any reason you still use an old version of the micro-clearfix: https://github.com/alexwolfe/Buttons/blob/master/scss/_mixins.scss#L39-L53?

You could switch to:

.clearfix::after {
  content: '';
  display: table;
  clear: both;
}

Bumps jquery from 2.2.4 to 3.5.0.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Hello, When i am running npm run dev it shows warning like this sass/buttons/buttons.scss:1004:3: Gradient has outdated direction syntax. New syntax is liketo leftinstead ofright. please fix it

I'm not sure why our unicorn-ui github doesn't have an issues cc / @alexwolfe .. but I'm about to fix something for Mavenlink where we need to convert anchor's without href's to buttons that "look like links" e.g. a typical grey Cancel button link thingy :) I noticed bootstrap has a btn-link and I'm going to do something like that for Mavenlink. But we probably ought to add that to this library when we can and I'm just capturing that here. See http://getbootstrap.com/css/#buttons-options