anjlab / anjlab-widgets

UI Widgets on top of anjlab-bootstrap-rails
MIT License
54 stars 15 forks source link

Undefined variable: "$border-radius-base". #14

Closed miclle closed 11 years ago

miclle commented 11 years ago

Sass::SyntaxError at /profile/edit Undefined variable: "$border-radius-base". (in /Users/miclle/.rvm/gems/ruby-1.9.3-p374@xxxxxx/gems/anjlab-widgets-3.0.0/app/assets/stylesheets/anjlab/datepicker.css.scss)

ronanrodrigo commented 11 years ago

This is a var presents in bootstrap-rails (http://goo.gl/wGdNQo). Are you using bootstrap-rails gem? Check your bootstrap version, or define this variable like this: $border-radius-base: 4px !default;. But, its possible to another var is to be undefined.

iAladdin commented 11 years ago

Hi, I have the same error, do you have any suggestion?

my gemfile:

 source 'https://rubygems.org'

# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
gem 'rails', '4.0.0'

gem 'mongoid', github: 'mongoid/mongoid'
gem 'bson_ext'
# Use SCSS for stylesheets
gem 'sass-rails', '~> 4.0.0'

# Use Uglifier as compressor for JavaScript assets
gem 'uglifier', '>= 1.3.0'

# Use CoffeeScript for .js.coffee assets and views
gem 'coffee-rails', '~> 4.0.0'

# See https://github.com/sstephenson/execjs#readme for more supported runtimes
# gem 'therubyracer', platforms: :ruby

# Use jquery as the JavaScript library
gem 'jquery-rails'
gem 'jquery-ui-rails'
gem 'bootstrap-rails'
gem 'anjlab-bootstrap-rails', :require => 'bootstrap-rails',
                              :github => 'anjlab/bootstrap-rails'
gem 'anjlab-widgets'
# Turbolinks makes following links in your web application faster. Read more: https://github.com/rails/turbolinks
gem 'turbolinks'

# Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
gem 'jbuilder', '~> 1.2'

group :doc do
  # bundle exec rake doc:rails generates the API under doc/api.
  gem 'sdoc', require: false
end

# Use ActiveModel has_secure_password
# gem 'bcrypt-ruby', '~> 3.0.0'

# Use unicorn as the app server
# gem 'unicorn'

# Use Capistrano for deployment
# gem 'capistrano', group: :development

# Use debugger
# gem 'debugger', group: [:development, :test]

and my application.css file

 *= require jquery.ui.all
 *= require twitter/bootstrap
 *= require anjlab/datepicker
 *= require anjlab/timepicker
 *= require_self
 *= require_tree .
 */
ronanrodrigo commented 11 years ago

Which version of anjlab-bootstrap-rails is be in use? But first, remove the bootstrap-rails gem, keep only anlab-bootstrap.

ronanrodrigo commented 11 years ago

@yury It's possible to update anjlab-widgets gem dependecy? To use anjlab-bootstrap-rails 3

yury commented 11 years ago

@ronanrodrigo done in v3.0.2.

Thank you.

iAladdin commented 11 years ago

here is my gemfile.lock


GIT
  remote: git://github.com/anjlab/bootstrap-rails.git
  revision: 4f5c0167fc7722940f67701a5279a9427692d92f
  specs:
    anjlab-bootstrap-rails (3.0.0.3)
      railties (>= 3.0)
      sass (>= 3.2)

GIT
  remote: git://github.com/mongoid/mongoid.git
  revision: 5a34921251b6d159b6ef3aa2a9f9aebdc6ac687f
  specs:
    mongoid (4.0.0)
      activemodel (~> 4.0.0)
      moped (~> 2.0.beta3)
      origin (~> 1.0)
      tzinfo (~> 0.3.37)

GEM
  remote: https://rubygems.org/
  specs:
    actionmailer (4.0.0)
      actionpack (= 4.0.0)
      mail (~> 2.5.3)
    actionpack (4.0.0)
      activesupport (= 4.0.0)
      builder (~> 3.1.0)
      erubis (~> 2.7.0)
      rack (~> 1.5.2)
      rack-test (~> 0.6.2)
    activemodel (4.0.0)
      activesupport (= 4.0.0)
      builder (~> 3.1.0)
    activerecord (4.0.0)
      activemodel (= 4.0.0)
      activerecord-deprecated_finders (~> 1.0.2)
      activesupport (= 4.0.0)
      arel (~> 4.0.0)
    activerecord-deprecated_finders (1.0.3)
    activesupport (4.0.0)
      i18n (~> 0.6, >= 0.6.4)
      minitest (~> 4.2)
      multi_json (~> 1.3)
      thread_safe (~> 0.1)
      tzinfo (~> 0.3.37)
    anjlab-widgets (3.0.2)
      anjlab-bootstrap-rails (>= 3.0)
    arel (4.0.1)
    atomic (1.1.14)
    bson (2.0.0.rc3)
    bson_ext (1.5.1)
    builder (3.1.4)
    coffee-rails (4.0.1)
      coffee-script (>= 2.2.0)
      railties (>= 4.0.0, < 5.0)
    coffee-script (2.2.0)
      coffee-script-source
      execjs
    coffee-script-source (1.6.3)
    erubis (2.7.0)
    execjs (2.0.2)
    hike (1.2.3)
    i18n (0.6.5)
    jbuilder (1.5.2)
      activesupport (>= 3.0.0)
      multi_json (>= 1.2.0)
    jquery-rails (3.0.4)
      railties (>= 3.0, < 5.0)
      thor (>= 0.14, < 2.0)
    jquery-ui-rails (4.1.0)
      railties (>= 3.1.0)
    json (1.8.1)
    mail (2.5.4)
      mime-types (~> 1.16)
      treetop (~> 1.4.8)
    mime-types (1.25)
    minitest (4.7.5)
    moped (2.0.0.beta3)
      bson (~> 2.0.0.rc3)
      optionable (~> 0.1.1)
    multi_json (1.8.2)
    optionable (0.1.1)
    origin (1.1.0)
    polyglot (0.3.3)
    rack (1.5.2)
    rack-test (0.6.2)
      rack (>= 1.0)
    rails (4.0.0)
      actionmailer (= 4.0.0)
      actionpack (= 4.0.0)
      activerecord (= 4.0.0)
      activesupport (= 4.0.0)
      bundler (>= 1.3.0, < 2.0)
      railties (= 4.0.0)
      sprockets-rails (~> 2.0.0)
    railties (4.0.0)
      actionpack (= 4.0.0)
      activesupport (= 4.0.0)
      rake (>= 0.8.7)
      thor (>= 0.18.1, < 2.0)
    rake (10.1.0)
    rdoc (3.12.2)
      json (~> 1.4)
    sass (3.2.12)
    sass-rails (4.0.1)
      railties (>= 4.0.0, < 5.0)
      sass (>= 3.1.10)
      sprockets-rails (~> 2.0.0)
    sdoc (0.3.20)
      json (>= 1.1.3)
      rdoc (~> 3.10)
    sprockets (2.10.0)
      hike (~> 1.2)
      multi_json (~> 1.0)
      rack (~> 1.0)
      tilt (~> 1.1, != 1.3.0)
    sprockets-rails (2.0.1)
      actionpack (>= 3.0)
      activesupport (>= 3.0)
      sprockets (~> 2.8)
    thor (0.18.1)
    thread_safe (0.1.3)
      atomic
    tilt (1.4.1)
    treetop (1.4.15)
      polyglot
      polyglot (>= 0.3.1)
    turbolinks (1.3.0)
      coffee-rails
    tzinfo (0.3.38)
    uglifier (2.2.1)
      execjs (>= 0.3.0)
      multi_json (~> 1.0, >= 1.0.2)

PLATFORMS
  ruby

DEPENDENCIES
  anjlab-bootstrap-rails!
  anjlab-widgets
  bson_ext
  coffee-rails (~> 4.0.0)
  jbuilder (~> 1.2)
  jquery-rails
  jquery-ui-rails
  mongoid!
  rails (= 4.0.0)
  sass-rails (~> 4.0.0)
  sdoc
  turbolinks
  uglifier (>= 1.3.0)

I have try to use the latest commit anjlab/bootstrap and anjlab/widgets but still not work.

Undefined variable: "$border-radius-base".
  (in /Users/aladdin/.rvm/gems/ruby-2.0.0-p247@rails4_mongoid/gems/anjlab-widgets-3.0.2/app/assets/stylesheets/anjlab/datepicker.css.scss:6)
iAladdin commented 11 years ago

@yury Do you have any suggestions?

yury commented 11 years ago

@iAladdin gist your Gemfile please

yury commented 11 years ago

@iAladdin sorry, give me 5 mins

yury commented 11 years ago

@iAladdin in order to get variables in widgets working, you should use @import:

  1. rename your application.css to application.css.scss
  2. use @import

    @import "jquery.ui.all"; @import "twitter/bootstrap"; @import "anjlab/datepicker"; @import "anjlab/timepicker";

iAladdin commented 11 years ago

@yury It's worked,but there is no image here? left and right arrow image?

this is demo pic date_pic

But in my demo project

screen shot 2013-10-28 at 2 06 42 pm

iAladdin commented 11 years ago

@yury @ronanrodrigo

Do you have any idea about how to solve no image sheet when I import bootstrap lib?

thanks!

yury commented 11 years ago

What image are you talking about? Can you provide some samples or screen shots?

Sent from my iPhone

On 29 Oct 2013, at 23:28, "Aladdin.Z" notifications@github.com wrote:

@yury @ronanrodrigo

Do you have any idea about how to solve no image sheet when I import bootstrap lib?

thanks!

— Reply to this email directly or view it on GitHub.

iAladdin commented 11 years ago

@yury this left and right arrow image should be part of Glyphicons?

32eec2d8-3f97-11e3-9899-253ac66389a6-7 046ec8ea-3f97-11e3-99d5-7112420f4a55-3

ronanrodrigo commented 11 years ago

@yury wat you think about upbate this function to use glyphicons? @iAladdin i update my gist. See again.

yury commented 11 years ago

@ronanrodrigo @iAladdin there is no need in bootstrap-glyphicons anymore, bootstrap guys bring icons back in main repo.

@iAladdin try to stop server

rm -rf tmp/cache

and restart

iAladdin commented 11 years ago

@ronanrodrigo your way works great!

Thanks you so much @yury and @ronanrodrigo !!

ronanrodrigo commented 11 years ago

I suggest this @yury to use glyphicons on arrows :) https://github.com/anjlab/anjlab-widgets/pull/22