imathis / fancy-buttons Goto Github PK

View Code? Open in Web Editor NEW

819.0 819.0 55.0 2.1 MB

Fancy CSS Buttons using Compass

Home Page: http://brandonmathis.com/projects/fancy-buttons/

Ruby 100.00%

fancy-buttons's People

Contributors

Stargazers

Watchers

Forkers

davesmylie jsmestad adamstac mehcoleman chriseppstein twopointzero jit everge smaleix josal rmm5t strd6 atiw003 waydotnet amitagrawal madcowley nilshaldenwang mikesten ceritium netconstructor pvijayfullstack derky1202 bhushangahire xiaoche chlik jentanbernardus horaotoko myusernamejeep mrmayo fengye110 swrobel benjamind palimadra michaeldoehler brycecorkins devatagile aoberoi wmvanvliet mikeamcbrien bratanon sh4t wandererbear jasonwbarnett yunmoxue tygxl2014 jeinokc scuq jobfine digideskio pk-karthik pk-codebox-evo begrafx iq-scm

fancy-buttons's Issues

Edit readme

You should put the 'gem install fancy-buttons' line in a code wrapper. It took me 15 minutes of failing to install before I realized I had glossed over that line.

File to import not found or unreadable: fancy-buttons

Hi!

The Error

I seem to be having problems getting fancy-buttons up and running. This is the error message I receive:

Syntax error: File to import not found or unreadable: fancy-buttons. 
Load paths: /Users/ScottMessinger/code/hlavka/app/assets/stylesheets /Users/ScottMessinger/.rvm/gems/ruby-1.9.2-p180-patched@rails31/gems/compass-0.12.alpha.0/frameworks/blueprint/stylesheets 
/Users/ScottMessinger/.rvm/gems/ruby-1.9.2-p180-patched@rails31/gems/compass-0.12.alpha.0/frameworks/compass/stylesheets 
Compass::SpriteImporter 
on line 9 of /Users/ScottMessinger/code/hlavka/app/assets/stylesheets/useful.sass/useful.sass"

The Set-up

I think I've set everything up right. Here's what I've done (I'm working on a Rails 3.1.1 app)

Gemfile

group :assets do
  gem 'sass', '~> 3.1.10'
  gem 'sass-rails', "~> 3.1.4"
  gem 'compass', "0.12.alpha.0"
end

gem 'fancy-buttons'

config/compass.rb

require 'fancy-buttons'

shell to install fancy-buttons

$ compass install -r fancy-buttons -f fancy-buttons
identical app/assets/stylesheets/ie6.sass 
identical app/assets/images/button_bg.png 

[ .... ]

application.css

@import fancy-buttons
.left_arrow
  @include fancy-button(#2966a8)

I was curious if compass is registering fancy-buttons as a framework, and it appears to be doing so:

$ compass frameworks
Available Frameworks & Patterns:

  * blueprint
    - blueprint/basic       - A basic blueprint install that mimics the actual blueprint css.
    - blueprint/buttons     - Button Plugin
    - blueprint/link_icons  - Icons for common types of links
    - blueprint/project     - The blueprint framework.
    - blueprint/semantic    - The blueprint framework for use with semantic markup.
  * compass
    - compass/ellipsis      - Plugin for cross-browser ellipsis truncated text.
    - compass/extension     - Generate a compass extension.
    - compass/pie           - Integration with http://css3pie.com/
    - compass/project       - The default project layout.
  * fancy-buttons
    - fancy-buttons/project

In conclusion

I'm not sure where to go next. Any ideas?

Mixin not working correct in Rails 3.2

I've been using FB for years, mostly in Rails 2.3 apps. Im upgrading an app to 3.2 and Im finding that FB is not working. The normal button state appears to be white with the actual desired button state only appearing on hover.

For example, I have this in my Sass file:

a.button
        +fancy-button(#57b42c)
        width: 100px

but when it renders it is white. If I inspect the element and turn OFF the background-image property that references button_bg.png then it works correctly.

I've checked and I have button_bg.png in the images folder and it is resolving in my tests.

Not sure what to do at this point to get this to work other than forking and removing the call to button_bg.png, which seems odd.

validating fancy-buttons scss problems with browser specific attributes

Hello,
I imported fancy_buttons plugin from https://github.com/imathis/fancy-buttons
and added
@include fancy-button(#2966a8);
to one of my mixins. when running compass validate I errors like this:

Property -moz-border-radius doesn't exist :

The compiled stylesheet has this code:
input[type='submit'] {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
-ms-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
font-size: 18px;
line-height: 1.2em;
padding: 0.3em 1em;
border-width: 1px;
background-color: #0064d1;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-
stop(0%, #94bbe5), color-stop(10%, #4b8cd3), color-stop(50%, #265f9c),
color-stop(50%, #23578f), color-stop(100%, #2d70b8));
background-image: -moz-linear-gradient(top, #94bbe5 0%, #4b8cd3 10%,

265f9c 50%, #23578f 50%, #2d70b8 100%);

background-image: linear-gradient(top, #94bbe5 0%, #4b8cd3 10%,

265f9c 50%, #23578f 50%, #2d70b8 100%);

border-color: #1a416b;
text-shadow: #002751 0px 1px 1px;
-moz-box-shadow: rgba(255, 255, 255, 0.41) 0 0 0.1em 1px inset;
-webkit-box-shadow: rgba(255, 255, 255, 0.41) 0 0 0.1em 1px inset;
-o-box-shadow: rgba(255, 255, 255, 0.41) 0 0 0.1em 1px inset;
box-shadow: rgba(255, 255, 255, 0.41) 0 0 0.1em 1px inset;
-moz-background-clip: padding;
-webkit-background-clip: padding;
-o-background-clip: padding-box;
-ms-background-clip: padding-box;
-khtml-background-clip: padding-box;
background-clip: padding-box;

Customizing a gradient stop.

I would love to use this, but I'm not happy with the default gradient. Could you describe in some manner the format for customizing this? If you haven't built that in, can you estimate when you might or if you will? Thanks! Looks like a useful gem.

implement css3 effects for buttons

can you add effects like this one?

http://tutorialzine.com/2010/10/css3-animated-bubble-buttons/

Take a background image as an argument

Mainly to provide a way to add an icon as, for instance, a left-aligned badge next to the button text.

For instance button { @include fancy-button(edit.png)}

Adding an inline image as decoration seems like a mixing of content and presentation.

Disabled state

It would be nice to have disabled states on the buttons, although I'm not sure if disabled-ness can be detected via CSS.

make button image url a variable

It would be much easier to manage the location of the button graphic if it was a variable

!fb_button_image ||= #{image_url("button_bg.png")}

or something similar

On an existing rails project, how do we get started?

Do I need to install fancy-buttons, compass and then create a compass project ontop of my rails directory?

Having not used sass before, this is pretty new to me.

Undefined mixin fancy-button

compass (0.10.6)
compass-colors (0.3.1)
fancy-buttons (1.0.6)
rails (3.0.4)

This is done:

Add the following lines to your compass configuration file:

require 'fancy-buttons'

Then run the following command:

compass install -r fancy-buttons -f fancy-buttons

in scss
.button { @include fancy-button;}

Sass::SyntaxError: Mixin radial-gradient takes 2 arguments but 3 were passed.

Error occurs in buttons.sass.

Commenting out the offending line and replacing with the original from the example remedies the situation:

//=custom-fancy-gradient(!color1, !color2)
//  +radial-gradient("50% 10%, 10, 50% 10%, 30", !color1, darken(!color2, 5))
=custom-fancy-gradient(!color1, !color2)
    +radial-gradient(color_stops(!color1, darken(!color2, 5) 30px), "50% 10%")

File "button_bg.png" not copied to Rails public/images by default

Not sure if this is isolated to my case specifically, but I noticed this after adding fancy-buttons to my Gemfile, running a bundle, then firing up IE7.

Rails 3.0.0.rc with Compass already installed.

Of course, after copying the png from the gem, everything works as normal.

The installation guide

I am doing an app template to work with fancy buttons and compass.

And I noticed in the installation guides it says

"# Then run the following command:
compass -r fancy-buttons -f fancy-buttons project_directory"

Is it supposed to say fancy-buttons twice, shouldn't one of them be compass-colors?

"undefined operation" using compass-color mixins inside conditional

Seeing these error in a few places, and I don't know enough about Sass syntax to suggest a fix. I have the latest, greatest fancy-buttons + compass + compass-colors cloned from github.

Sass::SyntaxError on line ["33"] of /home/korch/opt/lib/ruby/gems/gems/fancy-buttons-0.3.2/lib/sass/./_fancy_buttons.sass: Undefined operation: "saturation(#444444) gt 0".

Sass::SyntaxError on line ["43"] of /home/korch/opt/lib/ruby/gems/gems/fancy-buttons-0.3.2/lib/sass/./_fancy_buttons.sass: Undefined operation: "luminosity(saturate(#444444, 40)) lt luminosity(#aaaaaa)".

Line 98: At least two color stops are required

Hi,

I'm just trying out fancy-buttons and get the following error:

Sass::SyntaxError on line ["98"] of /compass/stylesheets/compass/css3/_gradient.scss: At least two color stops are required for a radial-gradient
  /compass/stylesheets/compass/css3/_gradient.scss:98:in radial-gradient'
  /app/stylesheets/buttons.scss:27:in `custom-fancy-gradient'
  /gems/fancy-buttons-1.1.0.alpha.1/lib/stylesheets/_fancy-buttons.sass:108:in `fb-state-colors'
  /gems/fancy-buttons-1.1.0.alpha.1/lib/stylesheets/_fancy-buttons.sass:88:in `fb-color'
  /gems/fancy-buttons-1.1.0.alpha.1/lib/stylesheets/_fancy-buttons.sass:30:in `fancy-button-colors'
  /gems/fancy-buttons-1.1.0.alpha.1/lib/stylesheets/_fancy-buttons.sass:74:in `fancy-button-colors-custom'

Any ideas what I'm doing wrong? I'm using haml-3.0.25, sass-3.1.0.alpha.252, compass-0.11.beta.5, and fancy-buttons-1.1.0.alpha.1.

I initially tried fancy-buttons 1.0.6 but I kept getting the error described here (Syntax error: Not a valid color stop: #6a6a6a 10%)

default font

i'd prefer it if the plugin didn't set a font-family. this should be at least available to override with a config variable. there are other areas where i would prefer it be more design-agnostic, too, such as text-shadow style.

file to import not found or unreadable

Syntax error: File to import not found or unreadable: fancy-buttons.
Load paths:
F:/clients/localdev/wpdev/wp-content/themes/wpc-childtheme/sass
C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.1/frameworks/blueprint/stylesheets
C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.1/frameworks/compass/stylesheets
C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-susy-plugin-0.9/sass
Compass::SpriteImporter
on line 1 of F:/clients/localdev/wpdev/wp-content/themes/wpc-childtheme/sass/buttons.scss

1: F:/clients/localdev/wpdev/wp-content/themes/wpc-childtheme/sass/buttons.scss

Config.rb has this
require 'fancy-buttons'

and buttons.scss
@import "fancy-buttons";

button:active state not being respected

I've tried a few different ways to influence the border width on border:active, and I just can't get it to give. Try any of the :active properties below for example:

button
  +fancy-button-structure
  +fancy-button-colors($oBlue)
  +fancy-button-size(14px,4px,1px)
button:active
  border-width: 2px
  +fancy-button-size(14px,4px,2px)

Syntax error: Not a valid color stop: #6a6a6a 10%

Hi there, i'm getting the following error:

/* Syntax error: Not a valid color stop: #6a6a6a 10%
        on line 7 of /usr/local/rvm/gems/ruby-1.8.7-p330/gems/fancy-buttons-0.5.4/lib/stylesheets/_fancy-gradient.sass, in `linear-gradient'
        from line 7 of /usr/local/rvm/gems/ruby-1.8.7-p330/gems/fancy-buttons-0.5.4/lib/stylesheets/_fancy-gradient.sass, in `fancy-gradient'
        from line 78 of /usr/local/rvm/gems/ruby-1.8.7-p330/gems/fancy-buttons-0.5.4/lib/stylesheets/_fancy-buttons.sass, in `fb-state-colors'
        from line 68 of /usr/local/rvm/gems/ruby-1.8.7-p330/gems/fancy-buttons-0.5.4/lib/stylesheets/_fancy-buttons.sass, in `fb-color'
        from line 23 of /usr/local/rvm/gems/ruby-1.8.7-p330/gems/fancy-buttons-0.5.4/lib/stylesheets/_fancy-buttons.sass, in `fancy-button-colors'

I have tried version 0.5.4, 1.0.3 and 1.0.4, each with the same result.

Please add License file

I'd like to use this gem in a commercial client project.
Can you please add a License file to the repo?
For example, oauth2's MIT license file looks like this:
https://github.com/intridea/oauth2/blob/master/LICENSE.md

Error when starting server on Rails 3.0.3 and Ruby 1.9.2

I followed the install instructions and when I run 'rails s' I get the following error:

/Users/johnmcdowall/.rvm/gems/ruby-1.9.2-p0@rails/gems/fancy-buttons-1.0.4/lib/fancy-buttons.rb:1:in <top (required)>': uninitialized constant Object::Compass (NameError) from /Users/johnmcdowall/.rvm/gems/ruby-1.9.2-p0@rails/gems/bundler-1.0.3/lib/bundler/runtime.rb:64:inrequire'
from /Users/johnmcdowall/.rvm/gems/ruby-1.9.2-p0@rails/gems/bundler-1.0.3/lib/bundler/runtime.rb:64:in block (2 levels) in require' from /Users/johnmcdowall/.rvm/gems/ruby-1.9.2-p0@rails/gems/bundler-1.0.3/lib/bundler/runtime.rb:62:ineach'
from /Users/johnmcdowall/.rvm/gems/ruby-1.9.2-p0@rails/gems/bundler-1.0.3/lib/bundler/runtime.rb:62:in block in require' from /Users/johnmcdowall/.rvm/gems/ruby-1.9.2-p0@rails/gems/bundler-1.0.3/lib/bundler/runtime.rb:51:ineach'
from /Users/johnmcdowall/.rvm/gems/ruby-1.9.2-p0@rails/gems/bundler-1.0.3/lib/bundler/runtime.rb:51:in require' from /Users/johnmcdowall/.rvm/gems/ruby-1.9.2-p0@rails/gems/bundler-1.0.3/lib/bundler.rb:112:inrequire'
from /Users/johnmcdowall/Development/rails/Arifembi/config/application.rb:7:in <top (required)>' from /Users/johnmcdowall/.rvm/gems/ruby-1.9.2-p0@rails/gems/railties-3.0.3/lib/rails/commands.rb:28:inrequire'
from /Users/johnmcdowall/.rvm/gems/ruby-1.9.2-p0@rails/gems/railties-3.0.3/lib/rails/commands.rb:28:in block in <top (required)>' from /Users/johnmcdowall/.rvm/gems/ruby-1.9.2-p0@rails/gems/railties-3.0.3/lib/rails/commands.rb:27:intap'
from /Users/johnmcdowall/.rvm/gems/ruby-1.9.2-p0@rails/gems/railties-3.0.3/lib/rails/commands.rb:27:in <top (required)>' from script/rails:6:inrequire'
from script/rails:6:in `

is there a demo we can check out or tutorial somewhere?

Do not want an additional stylesheet in my layout!

Why make an additional http request just for button styles? I would much rather just be able to mix the goodies into my sass, the way other compass plugins work.

Font-Family

Hi, how do I change the button font family. I'm not too good with Ruby and not sure where and which files need changing? Thanks

Making links and buttons look the same

I'm applying the same style to links and buttons. For example, let's say I have a link (a tag) to edit an item, and right beside it, an input button to delete that item. Even if I apply the same button, the edit link's padding is different from the delete button. It looks like this with padding: 3px 10px

http://grab.by/bfJL

Is this a browser/HTML issue? Or a fancy buttons issue?

How to easily set a button as 'active'?

I'd like to keep a button depressed - how can you do that? For example: an on/off button

Fancy without gradient

Hi,

How can I create a button without the gradient?
Like a "flat" button, using only one background color?

Cheers,
Martin

Installation needs some love

Right now there are just too many things that can go wrong. It's like the normal conventions dont apply.

@import fancy-buttons.sass dont work, you have to do @import fancy-buttons

None of this works properly unless you specify the exact version of fancy-buttons, compass, and compass-color, along with the sass cache in your config.

I realize this is very alpha (and also based on a rough version of compass) - but you should definitely take a look at these threads and see what people are up against:

http://groups.google.com/group/compass-users/browse_thread/thread/ec74e2c2b5ea59e5
http://groups.google.com/group/compass-users/browse_thread/thread/b9a5a87b9c471fc5

Not compatible with haml >= 3.1.0

Haml was just upgraded to 3.1.0. Fancy-buttons is getting these kinds of error messages:
error app/stylesheets/slowcop.scss (Line 24: Not a valid color stop: #009800 40%)
@include fancy-button-matte(#00AC00, 24px, 10px, 0px);
produces:
Syntax error: Not a valid color stop: #009800 40% on line 24 of /usr/local/Cellar/ruby/1.9.2-p180/lib/ruby/gems/1.9.1/gems/fancy-buttons-1.0.6/lib/stylesheets/_fancy-gradient.sass, in linear-gradient'
from line 24 of /usr/local/Cellar/ruby/1.9.2-p180/lib/ruby/gems/1.9.1/gems/fancy-buttons-1.0.6/lib/stylesheets/_fancy-gradient.sass, in fancy-matte-gradient-active' from line 101 of /usr/local/Cellar/ruby/1.9.2-p180/lib/ruby/gems/1.9.1/gems/fancy-buttons-1.0.6/lib/stylesheets/_fancy-buttons.sass, in fb-state-colors'
from line 88 of /usr/local/Cellar/ruby/1.9.2-p180/lib/ruby/gems/1.9.1/gems/fancy-buttons-1.0.6/lib/stylesheets/_fancy-buttons.sass, in fb-color' from line 38 of /usr/local/Cellar/ruby/1.9.2-p180/lib/ruby/gems/1.9.1/gems/fancy-buttons-1.0.6/lib/stylesheets/_fancy-buttons.sass, in fancy-button-colors'
from line 68 of /usr/local/Cellar/ruby/1.9.2-p180/lib/ruby/gems/1.9.1/gems/fancy-buttons-1.0.6/lib/stylesheets/_fancy-buttons.sass, in fancy-button-colors-matte' from line 59 of /usr/local/Cellar/ruby/1.9.2-p180/lib/ruby/gems/1.9.1/gems/fancy-buttons-1.0.6/lib/stylesheets/_fancy-buttons.sass, in fancy-button-matte'
from line 337 of /Users/mike/workspace/slowcop/app/stylesheets/slowcop.scss`

One fix is to force haml to use version 3.0.x:
gem 'haml', '< 3.1.0'

fancy-button-text-colors not working

I have this defined in my CSS:

    a.yellow-button
      +fancy-button-structure
      +fancy-button-colors(darken(desaturate(yellow, 35), 5))
      +fancy-button-text-colors(#000,#000,#000)
      width: 100px

and no matter how I recorder the elements or what I put for the text colors, the text is always WHITE.

How do I change the text color for a button?

Error: ambiguous option: -f

win8x64
ruby 1.9.3p374
gem 1.8.24
Compass 0.12.2 (Alnilam)
Sass 3.2.7 (Media Mark)
Haml 4.0.1

Done:
gem install compass compass-colors
require 'fancy-buttons'

Problem:
C:\Winginx\home\rdkboilerplate\public_html> compass install -r fancy-buttons -f fancy-buttons
Error: ambiguous option: -f

Failure/Error: @import "fancy-buttons" with rails 6.0

The system can not find the stylesheet:

     Failure/Error: @import "fancy-buttons"
     
     ActionView::Template::Error:
       Error: File to import not found or unreadable: fancy-buttons.
               on line 2:1 of app/assets/stylesheets/scaffolds.sass
       >> @import "fancy-buttons";

Gemfile.lock

GIT
  remote: https://github.com/dima4p/factory_bot_rails.git
  revision: d8d78f25b23db379db2ea3e361553e4c609af8bc
  specs:
    factory_bot_rails (5.0.2)
      factory_bot (~> 5.0.2)
      railties (>= 4.2.0)

GIT
  remote: https://github.com/dima4p/wice_grid.git
  revision: 8b426ede293747f71e89318cd3ecd4502ab4da9b
  specs:
    wice_grid (4.1.0)
      coffee-rails (> 3.2)
      kaminari (~> 1.1.0)
      rails (>= 5.0)

GEM
  remote: https://rubygems.org/
  specs:
    actioncable (6.0.0)
      actionpack (= 6.0.0)
      nio4r (~> 2.0)
      websocket-driver (>= 0.6.1)
    actionmailbox (6.0.0)
      actionpack (= 6.0.0)
      activejob (= 6.0.0)
      activerecord (= 6.0.0)
      activestorage (= 6.0.0)
      activesupport (= 6.0.0)
      mail (>= 2.7.1)
    actionmailer (6.0.0)
      actionpack (= 6.0.0)
      actionview (= 6.0.0)
      activejob (= 6.0.0)
      mail (~> 2.5, >= 2.5.4)
      rails-dom-testing (~> 2.0)
    actionpack (6.0.0)
      actionview (= 6.0.0)
      activesupport (= 6.0.0)
      rack (~> 2.0)
      rack-test (>= 0.6.3)
      rails-dom-testing (~> 2.0)
      rails-html-sanitizer (~> 1.0, >= 1.2.0)
    actiontext (6.0.0)
      actionpack (= 6.0.0)
      activerecord (= 6.0.0)
      activestorage (= 6.0.0)
      activesupport (= 6.0.0)
      nokogiri (>= 1.8.5)
    actionview (6.0.0)
      activesupport (= 6.0.0)
      builder (~> 3.1)
      erubi (~> 1.4)
      rails-dom-testing (~> 2.0)
      rails-html-sanitizer (~> 1.1, >= 1.2.0)
    active_record_model_and_rspec_enhanced_templates (1.2)
    activejob (6.0.0)
      activesupport (= 6.0.0)
      globalid (>= 0.3.6)
    activemodel (6.0.0)
      activesupport (= 6.0.0)
    activerecord (6.0.0)
      activemodel (= 6.0.0)
      activesupport (= 6.0.0)
    activestorage (6.0.0)
      actionpack (= 6.0.0)
      activejob (= 6.0.0)
      activerecord (= 6.0.0)
      marcel (~> 0.3.1)
    activesupport (6.0.0)
      concurrent-ruby (~> 1.0, >= 1.0.2)
      i18n (>= 0.7, < 2)
      minitest (~> 5.1)
      tzinfo (~> 1.1)
      zeitwerk (~> 2.1, >= 2.1.8)
    addressable (2.7.0)
      public_suffix (>= 2.0.2, < 5.0)
    advanced_haml_scaffold_generator (2.1.0)
    annotate (2.7.5)
      activerecord (>= 3.2, < 7.0)
      rake (>= 10.4, < 13.0)
    authlogic (5.0.2)
      activemodel (>= 5.2, < 6.1)
      activerecord (>= 5.2, < 6.1)
      activesupport (>= 5.2, < 6.1)
      request_store (~> 1.0)
      scrypt (>= 1.2, < 4.0)
    bindex (0.8.1)
    bootsnap (1.4.5)
      msgpack (~> 1.0)
    builder (3.2.3)
    byebug (11.0.1)
    cancancan (3.0.1)
    capybara (3.28.0)
      addressable
      mini_mime (>= 0.1.3)
      nokogiri (~> 1.8)
      rack (>= 1.6.0)
      rack-test (>= 0.6.3)
      regexp_parser (~> 1.5)
      xpath (~> 3.2)
    childprocess (1.0.1)
      rake (< 13.0)
    chunky_png (1.3.11)
    coderay (1.1.2)
    coffee-rails (5.0.0)
      coffee-script (>= 2.2.0)
      railties (>= 5.2.0)
    coffee-script (2.4.1)
      coffee-script-source
      execjs
    coffee-script-source (1.12.2)
    compass (1.0.3)
      chunky_png (~> 1.2)
      compass-core (~> 1.0.2)
      compass-import-once (~> 1.0.5)
      rb-fsevent (>= 0.9.3)
      rb-inotify (>= 0.9)
      sass (>= 3.3.13, < 3.5)
    compass-core (1.0.3)
      multi_json (~> 1.0)
      sass (>= 3.3.0, < 3.5)
    compass-import-once (1.0.5)
      sass (>= 3.2, < 3.5)
    compass-rails (2.0.1)
      compass (~> 1.0.0)
    concurrent-ruby (1.1.5)
    crass (1.0.4)
    diff-lcs (1.3)
    erubi (1.8.0)
    erubis (2.7.0)
    execjs (2.7.0)
    factory_bot (5.0.2)
      activesupport (>= 4.2.0)
    fancy-buttons (1.2.0)
      compass (>= 0.11)
    ffi (1.11.1)
    ffi-compiler (1.0.1)
      ffi (>= 1.0.0)
      rake
    font-awesome-sass (5.9.0)
      sassc (>= 1.11)
    formatador (0.2.5)
    globalid (0.4.2)
      activesupport (>= 4.2.0)
    guard (2.15.0)
      formatador (>= 0.2.4)
      listen (>= 2.7, < 4.0)
      lumberjack (>= 1.0.12, < 2.0)
      nenv (~> 0.1)
      notiffany (~> 0.0)
      pry (>= 0.9.12)
      shellany (~> 0.0)
      thor (>= 0.18.1)
    guard-bundler (2.2.1)
      bundler (>= 1.3.0, < 3)
      guard (~> 2.2)
      guard-compat (~> 1.1)
    guard-compat (1.2.1)
    guard-rspec (4.7.3)
      guard (~> 2.1)
      guard-compat (~> 1.1)
      rspec (>= 2.99.0, < 4.0)
    haml (5.1.2)
      temple (>= 0.8.0)
      tilt
    haml-rails (2.0.1)
      actionpack (>= 5.1)
      activesupport (>= 5.1)
      haml (>= 4.0.6, < 6.0)
      html2haml (>= 1.0.1)
      railties (>= 5.1)
    html2haml (2.2.0)
      erubis (~> 2.7.0)
      haml (>= 4.0, < 6)
      nokogiri (>= 1.6.0)
      ruby_parser (~> 3.5)
    i18n (1.6.0)
      concurrent-ruby (~> 1.0)
    i18n_scaffold_controller_template (2.0.0)
    i18n_scaffold_generator (1.1.0)
    jbuilder (2.9.1)
      activesupport (>= 4.2.0)
    jbuilder_rspec_generator (1.4)
      multi_json
    jquery-rails (4.3.5)
      rails-dom-testing (>= 1, < 3)
      railties (>= 4.2.0)
      thor (>= 0.14, < 2.0)
    jquery-ui-rails (6.0.1)
      railties (>= 3.2.16)
    kaminari (1.1.1)
      activesupport (>= 4.1.0)
      kaminari-actionview (= 1.1.1)
      kaminari-activerecord (= 1.1.1)
      kaminari-core (= 1.1.1)
    kaminari-actionview (1.1.1)
      actionview
      kaminari-core (= 1.1.1)
    kaminari-activerecord (1.1.1)
      activerecord
      kaminari-core (= 1.1.1)
    kaminari-core (1.1.1)
    listen (3.1.5)
      rb-fsevent (~> 0.9, >= 0.9.4)
      rb-inotify (~> 0.9, >= 0.9.7)
      ruby_dep (~> 1.2)
    loofah (2.2.3)
      crass (~> 1.0.2)
      nokogiri (>= 1.5.9)
    lumberjack (1.0.13)
    mail (2.7.1)
      mini_mime (>= 0.1.1)
    marcel (0.3.3)
      mimemagic (~> 0.3.2)
    method_source (0.9.2)
    mimemagic (0.3.3)
    mini_mime (1.0.2)
    mini_portile2 (2.4.0)
    minitest (5.11.3)
    msgpack (1.3.1)
    multi_json (1.13.1)
    nenv (0.3.0)
    nio4r (2.5.1)
    nokogiri (1.10.4)
      mini_portile2 (~> 2.4.0)
    notiffany (0.1.3)
      nenv (~> 0.1)
      shellany (~> 0.0)
    pg (1.1.4)
    pry (0.12.2)
      coderay (~> 1.1.0)
      method_source (~> 0.9.0)
    public_suffix (4.0.1)
    puma (3.12.1)
    rack (2.0.7)
    rack-proxy (0.6.5)
      rack
    rack-test (1.1.0)
      rack (>= 1.0, < 3)
    rails (6.0.0)
      actioncable (= 6.0.0)
      actionmailbox (= 6.0.0)
      actionmailer (= 6.0.0)
      actionpack (= 6.0.0)
      actiontext (= 6.0.0)
      actionview (= 6.0.0)
      activejob (= 6.0.0)
      activemodel (= 6.0.0)
      activerecord (= 6.0.0)
      activestorage (= 6.0.0)
      activesupport (= 6.0.0)
      bundler (>= 1.3.0)
      railties (= 6.0.0)
      sprockets-rails (>= 2.0.0)
    rails-controller-testing (1.0.4)
      actionpack (>= 5.0.1.x)
      actionview (>= 5.0.1.x)
      activesupport (>= 5.0.1.x)
    rails-dom-testing (2.0.3)
      activesupport (>= 4.2.0)
      nokogiri (>= 1.6)
    rails-html-sanitizer (1.2.0)
      loofah (~> 2.2, >= 2.2.2)
    railties (6.0.0)
      actionpack (= 6.0.0)
      activesupport (= 6.0.0)
      method_source
      rake (>= 0.8.7)
      thor (>= 0.20.3, < 2.0)
    rake (12.3.3)
    rb-fsevent (0.10.3)
    rb-inotify (0.10.0)
      ffi (~> 1.0)
    regexp_parser (1.6.0)
    request_store (1.4.1)
      rack (>= 1.4)
    require_all (2.0.0)
    rspec (3.8.0)
      rspec-core (~> 3.8.0)
      rspec-expectations (~> 3.8.0)
      rspec-mocks (~> 3.8.0)
    rspec-activemodel-mocks (1.1.0)
      activemodel (>= 3.0)
      activesupport (>= 3.0)
      rspec-mocks (>= 2.99, < 4.0)
    rspec-core (3.8.2)
      rspec-support (~> 3.8.0)
    rspec-expectations (3.8.4)
      diff-lcs (>= 1.2.0, < 2.0)
      rspec-support (~> 3.8.0)
    rspec-mocks (3.8.1)
      diff-lcs (>= 1.2.0, < 2.0)
      rspec-support (~> 3.8.0)
    rspec-rails (4.0.0.beta2)
      actionpack (>= 4.2)
      activesupport (>= 4.2)
      railties (>= 4.2)
      rspec-core (~> 3.8)
      rspec-expectations (~> 3.8)
      rspec-mocks (~> 3.8)
      rspec-support (~> 3.8)
    rspec-support (3.8.2)
    rspec_rails_scaffold_templates (2.3)
    ruby_dep (1.5.0)
    ruby_parser (3.13.1)
      sexp_processor (~> 4.9)
    rubyzip (1.2.3)
    sass (3.4.25)
    sass-rails (6.0.0)
      sassc-rails (~> 2.1, >= 2.1.1)
    sassc (2.1.0)
      ffi (~> 1.9)
    sassc-rails (2.1.2)
      railties (>= 4.0.0)
      sassc (>= 2.0)
      sprockets (> 3.0)
      sprockets-rails
      tilt
    scrypt (3.0.6)
      ffi-compiler (>= 1.0, < 2.0)
    selenium-webdriver (3.142.3)
      childprocess (>= 0.5, < 2.0)
      rubyzip (~> 1.2, >= 1.2.2)
    sexp_processor (4.12.1)
    shellany (0.0.1)
    shoulda-matchers (4.1.2)
      activesupport (>= 4.2.0)
    simple_form (4.1.0)
      actionpack (>= 5.0)
      activemodel (>= 5.0)
    spring (2.1.0)
    spring-watcher-listen (2.0.1)
      listen (>= 2.7, < 4.0)
      spring (>= 1.2, < 3.0)
    sprockets (3.7.2)
      concurrent-ruby (~> 1.0)
      rack (> 1, < 3)
    sprockets-rails (3.2.1)
      actionpack (>= 4.0)
      activesupport (>= 4.0)
      sprockets (>= 3.0.0)
    temple (0.8.1)
    thor (0.20.3)
    thread_safe (0.3.6)
    tilt (2.0.9)
    traco (5.0.0)
      activerecord (>= 3.0)
    translations_sync (0.4.14)
      activesupport
      ya2yaml
    turbolinks (5.2.0)
      turbolinks-source (~> 5.2)
    turbolinks-source (5.2.0)
    tzinfo (1.2.5)
      thread_safe (~> 0.1)
    web-console (4.0.1)
      actionview (>= 6.0.0)
      activemodel (>= 6.0.0)
      bindex (>= 0.4.0)
      railties (>= 6.0.0)
    webdrivers (4.1.2)
      nokogiri (~> 1.6)
      rubyzip (~> 1.0)
      selenium-webdriver (>= 3.0, < 4.0)
    webpacker (4.0.7)
      activesupport (>= 4.2)
      rack-proxy (>= 0.6.1)
      railties (>= 4.2)
    websocket-driver (0.7.1)
      websocket-extensions (>= 0.1.0)
    websocket-extensions (0.1.4)
    xpath (3.2.0)
      nokogiri (~> 1.8)
    ya2yaml (0.31)
    zeitwerk (2.1.9)

PLATFORMS
  ruby

DEPENDENCIES
  active_record_model_and_rspec_enhanced_templates
  advanced_haml_scaffold_generator
  annotate
  authlogic
  bootsnap (>= 1.4.2)
  byebug
  cancancan
  capybara (>= 2.15)
  compass (~> 1.0)
  compass-rails
  factory_bot_rails!
  fancy-buttons
  font-awesome-sass
  guard-bundler
  guard-rspec
  haml-rails
  i18n_scaffold_controller_template
  i18n_scaffold_generator
  jbuilder (~> 2.7)
  jbuilder_rspec_generator
  jquery-rails
  jquery-ui-rails
  listen (>= 3.0.5, < 3.2)
  pg (>= 0.18, < 2.0)
  puma (~> 3.11)
  rails (~> 6.0.0)
  rails-controller-testing
  require_all
  rspec-activemodel-mocks
  rspec-rails (= 4.0.0beta2)
  rspec_rails_scaffold_templates
  sass-rails (~> 6)
  sassc (= 2.1.0)
  selenium-webdriver
  shoulda-matchers
  simple_form
  spring
  spring-watcher-listen (~> 2.0.0)
  traco
  translations_sync
  turbolinks (~> 5)
  tzinfo-data
  web-console (>= 3.3.0)
  webdrivers
  webpacker (~> 4.0)
  wice_grid!

RUBY VERSION
   ruby 2.6.3p62

BUNDLED WITH
   1.17.2

Can't disable fb-inset with fancy-buttons 1.0.4

I've updated to fancy-buttons 1.0.4 (the latest I get through gem update) and it no longer respects setting $fb-inset: false. Took a look at the code on my system (as the 1.0.4 commits aren't on github), and it seems like the check for it was removed between 1.0.3 and 1.0.4.

v-gradient removed in Compass pre7

The v-gradient method has been removed in compass pre7 and replaced with an updated linear-gradient (via commit http://github.com/chriseppstein/compass/commit/aef52bd57e1a8ecc33a56ff4a74adb205658cd2f)

Not completely tested, but a quick fix is to replace the v-gradient lines in _fancy_gradient.sass as follows (in order):


+linear-gradient(color_stops(!top_shine, !top_middle 10%, !middle 50%, !bottom_middle 50%, !bottom_glow))

+linear-gradient(color_stops(!top, !top_middle 30%, !middle 50%, !bottom_middle 50%, !bottom))

+linear-gradient(color_stops(!color1, !color2))

+linear-gradient(color_stops(!top, !middle 85%, !middle 40%, !bottom))

imathis / fancy-buttons Goto Github PK

fancy-buttons's People

Contributors

Stargazers

Watchers

Forkers

fancy-buttons's Issues

The Error

The Set-up

In conclusion

265f9c 50%, #23578f 50%, #2d70b8 100%);

265f9c 50%, #23578f 50%, #2d70b8 100%);

Add the following lines to your compass configuration file:

Then run the following command:

Recommend Projects

Recommend Topics

Recommend Org