maxim / bootswatch-rails Goto Github PK
View Code? Open in Web Editor NEWBootswatches converted to SCSS ready to use in Rails asset pipeline.
License: MIT License
Bootswatches converted to SCSS ready to use in Rails asset pipeline.
License: MIT License
This happens:
Sass::SyntaxError: Undefined variable: "$navbar-default-bg".
(in /home/vagrant/local/ruby/gems/gems/bootswatch-rails-3.2.0/vendor/assets/stylesheets/bootswatch/amelia/_bootswatch.scss:16)
when I
rake assets:precompile
Why do am I getting this? Only happens on production.
Using bootstrap-sass 2.1.0.0 and bootswatch-rails 0.5.0, I'm getting similar errors when trying to use some of the Bootswatch themes.
cerulean: 500%% isn't a valid CSS value.
slate: 7000%% isn't a valid CSS value.
It's unfortunate, as Slate is the one I want to use. Any ideas what in these themes might be triggering this?
Thanks for creating this gem!
Perhaps I am doing something wrong, but I keep running into an issue that is getting frustrating. I keep getting an Undefined mixin 'gradient-vertical-three-colors'.
error.
My first thought was that I need to import bootstrap/mixins, but if I do that the theme still doesn't appear to be correct (wrong color text in nav bar, etc), so I suspect something else is going on.
Any idea what I can do to try to resolve the issue? Happy to try to push a PR if we can figure out the underlying issue.
Here is my app.scss:
// Example using 'Cerulean' bootswatch
//Import bootstrap-sprockets
@import "bootstrap-sprockets";
// Import cerulean variables
@import "bootswatch/cerulean/variables";
// Then bootstrap itself
@import "bootstrap";
// And finally bootswatch style itself
@import "bootswatch/cerulean/bootswatch";
I am using ruby 2.2.2p95
and rails 4.2.3
, and my gemfile is shown below (important parts).
bootstrap-sass (3.3.5.1)
autoprefixer-rails (>= 5.0.0.1)
sass (>= 3.3.0)
bootswatch-rails (3.3.5)
railties (>= 3.1)
sass-rails (5.0.3)
railties (>= 4.0.0, < 5.0)
sass (~> 3.1)
sprockets (>= 2.8, < 4.0)
sprockets-rails (>= 2.0, < 4.0)
tilt (~> 1.1)
Apologies if I'm wrong, but it seems that badges don't work in Amelia. (Rails 3.2.13 here)
I have installed bootswatch-rails as per the instructions, and everything seems to work, except for badges (and possibly labels) in Amelia (and possibly also in other themes, but not all, because I've verified and they work in Journal, for example).
When I say they don't work, I mean that they display the default color, regardless of the suffix applied to them (badge-success, badge-warning). From what I have been to gather, it seems they are being shadowed by bootstrap-sass. I'd love to know if there is a fix (or maybe I've done something wrong). Thanks!
First, thanks for providing this gem, nice work!
I brought a wrap bootstrap (Adminia) and would like to use it in my application, do you how I can integrate using your gem? I think its a matter of changing the @import path to point to the custom file, correct?
Sprockets::FileNotFound at /
couldn't find file '../fonts/glyphicons-halflings-regular.eot'
(in /home/vagrant/apps/timewarp/app/assets/stylesheets/framework_and_overrides.css.scss)
framework_and_overrides.css.scss
@import "bootswatch/darkly/variables";
@import 'bootstrap';
@import "bootswatch/darkly/bootswatch";
...
Gemfile
gem 'bootstrap-sass', '~> 3.1.1'
gem 'bootswatch-rails', '~> 3.1.1'
...
Full Logs
Sprockets::FileNotFound - couldn't find file '../fonts/glyphicons-halflings-regular.eot'
(in /home/vagrant/apps/timewarp/app/assets/stylesheets/framework_and_overrides.css.scss):
sprockets (2.11.0) lib/sprockets/base.rb:153:in `resolve'
sprockets (2.11.0) lib/sprockets/context.rb:108:in `resolve'
sprockets (2.11.0) lib/sprockets/context.rb:119:in `depend_on'
sprockets-rails (2.1.3) lib/sprockets/rails/helper.rb:174:in `check_dependencies!'
sprockets-rails (2.1.3) lib/sprockets/rails/helper.rb:66:in `compute_asset_path'
actionview (4.1.0) lib/action_view/helpers/asset_url_helper.rb:132:in `asset_path'
actionview (4.1.0) lib/action_view/helpers/asset_url_helper.rb:343:in `font_path'
bootstrap-sass (3.1.1.1) lib/bootstrap-sass/sass_functions.rb:18:in `twbs_asset_path'
bootstrap-sass (3.1.1.1) lib/bootstrap-sass/sass_functions.rb:6:in `twbs_font_path'
sass (3.2.19) lib/sass/script/funcall.rb:113:in `_perform'
sass (3.2.19) lib/sass/script/node.rb:40:in `perform'
sass (3.2.19) lib/sass/script/funcall.rb:99:in `block in _perform'
sass (3.2.19) lib/sass/script/funcall.rb:99:in `_perform'
sass (3.2.19) lib/sass/script/node.rb:40:in `perform'
sass (3.2.19) lib/sass/script/funcall.rb:99:in `block in _perform'
sass (3.2.19) lib/sass/script/funcall.rb:99:in `_perform'
sass (3.2.19) lib/sass/script/node.rb:40:in `perform'
sass (3.2.19) lib/sass/tree/visitors/perform.rb:298:in `visit_prop'
sass (3.2.19) lib/sass/tree/visitors/base.rb:37:in `visit'
sass (3.2.19) lib/sass/tree/visitors/perform.rb:100:in `visit'
sass (3.2.19) lib/sass/tree/visitors/base.rb:53:in `block in visit_children'
sass (3.2.19) lib/sass/tree/visitors/base.rb:53:in `visit_children'
sass (3.2.19) lib/sass/tree/visitors/perform.rb:109:in `block in visit_children'
sass (3.2.19) lib/sass/tree/visitors/perform.rb:121:in `with_environment'
sass (3.2.19) lib/sass/tree/visitors/perform.rb:108:in `visit_children'
sass (3.2.19) lib/sass/tree/visitors/base.rb:37:in `block in visit'
sass (3.2.19) lib/sass/tree/visitors/perform.rb:356:in `visit_directive'
sass (3.2.19) lib/sass/tree/visitors/base.rb:37:in `visit'
sass (3.2.19) lib/sass/tree/visitors/perform.rb:100:in `visit'
sass (3.2.19) lib/sass/tree/visitors/perform.rb:227:in `block in visit_import'
sass (3.2.19) lib/sass/tree/visitors/perform.rb:227:in `visit_import'
sass (3.2.19) lib/sass/tree/visitors/base.rb:37:in `visit'
sass (3.2.19) lib/sass/tree/visitors/perform.rb:100:in `visit'
sass (3.2.19) lib/sass/tree/visitors/perform.rb:227:in `block in visit_import'
sass (3.2.19) lib/sass/tree/visitors/perform.rb:227:in `visit_import'
sass (3.2.19) lib/sass/tree/visitors/base.rb:37:in `visit'
sass (3.2.19) lib/sass/tree/visitors/perform.rb:100:in `visit'
sass (3.2.19) lib/sass/tree/visitors/base.rb:53:in `block in visit_children'
sass (3.2.19) lib/sass/tree/visitors/base.rb:53:in `visit_children'
sass (3.2.19) lib/sass/tree/visitors/perform.rb:109:in `block in visit_children'
sass (3.2.19) lib/sass/tree/visitors/perform.rb:121:in `with_environment'
sass (3.2.19) lib/sass/tree/visitors/perform.rb:108:in `visit_children'
sass (3.2.19) lib/sass/tree/visitors/base.rb:37:in `block in visit'
sass (3.2.19) lib/sass/tree/visitors/perform.rb:128:in `visit_root'
sass (3.2.19) lib/sass/tree/visitors/base.rb:37:in `visit'
sass (3.2.19) lib/sass/tree/visitors/perform.rb:100:in `visit'
sass (3.2.19) lib/sass/tree/visitors/perform.rb:7:in `visit'
sass (3.2.19) lib/sass/tree/root_node.rb:20:in `render'
sass (3.2.19) lib/sass/engine.rb:315:in `_render'
sass (3.2.19) lib/sass/engine.rb:262:in `render'
sass-rails (4.0.3) lib/sass/rails/template.rb:22:in `evaluate'
tilt (1.4.1) lib/tilt/template.rb:103:in `render'
sprockets (2.11.0) lib/sprockets/context.rb:197:in `block in evaluate'
sprockets (2.11.0) lib/sprockets/context.rb:194:in `evaluate'
sprockets (2.11.0) lib/sprockets/processed_asset.rb:12:in `initialize'
sprockets (2.11.0) lib/sprockets/base.rb:374:in `block in build_asset'
sprockets (2.11.0) lib/sprockets/base.rb:395:in `circular_call_protection'
sprockets (2.11.0) lib/sprockets/base.rb:373:in `build_asset'
sprockets (2.11.0) lib/sprockets/index.rb:94:in `block in build_asset'
sprockets (2.11.0) lib/sprockets/caching.rb:58:in `cache_asset'
sprockets (2.11.0) lib/sprockets/index.rb:93:in `build_asset'
sprockets (2.11.0) lib/sprockets/base.rb:287:in `find_asset'
sprockets (2.11.0) lib/sprockets/index.rb:61:in `find_asset'
sprockets (2.11.0) lib/sprockets/processed_asset.rb:44:in `block in init_with'
sprockets (2.11.0) lib/sprockets/processed_asset.rb:37:in `init_with'
sprockets (2.11.0) lib/sprockets/asset.rb:24:in `from_hash'
sprockets (2.11.0) lib/sprockets/caching.rb:54:in `cache_asset'
sprockets (2.11.0) lib/sprockets/index.rb:93:in `build_asset'
sprockets (2.11.0) lib/sprockets/base.rb:287:in `find_asset'
sprockets (2.11.0) lib/sprockets/index.rb:61:in `find_asset'
sprockets (2.11.0) lib/sprockets/bundled_asset.rb:37:in `init_with'
sprockets (2.11.0) lib/sprockets/asset.rb:24:in `from_hash'
sprockets (2.11.0) lib/sprockets/caching.rb:54:in `cache_asset'
sprockets (2.11.0) lib/sprockets/index.rb:93:in `build_asset'
sprockets (2.11.0) lib/sprockets/base.rb:287:in `find_asset'
sprockets (2.11.0) lib/sprockets/index.rb:61:in `find_asset'
sprockets (2.11.0) lib/sprockets/environment.rb:75:in `find_asset'
sprockets (2.11.0) lib/sprockets/base.rb:295:in `[]'
sprockets-rails (2.1.3) lib/sprockets/rails/helper.rb:214:in `lookup_asset_for_path'
sprockets-rails (2.1.3) lib/sprockets/rails/helper.rb:157:in `block in stylesheet_link_tag'
sprockets-rails (2.1.3) lib/sprockets/rails/helper.rb:155:in `stylesheet_link_tag'
() home/vagrant/apps/timewarp/app/views/layouts/devise/sessions.html.slim:8:in `_app_views_layouts_devise_sessions_html_slim__1133419071355330050_42644660'
actionview (4.1.0) lib/action_view/template.rb:145:in `block in render'
activesupport (4.1.0) lib/active_support/notifications.rb:161:in `instrument'
actionview (4.1.0) lib/action_view/template.rb:339:in `instrument'
actionview (4.1.0) lib/action_view/template.rb:143:in `render'
actionview (4.1.0) lib/action_view/renderer/template_renderer.rb:67:in `render_with_layout'
actionview (4.1.0) lib/action_view/renderer/template_renderer.rb:53:in `render_template'
actionview (4.1.0) lib/action_view/renderer/template_renderer.rb:17:in `render'
actionview (4.1.0) lib/action_view/renderer/renderer.rb:42:in `render_template'
actionview (4.1.0) lib/action_view/renderer/renderer.rb:23:in `render'
actionview (4.1.0) lib/action_view/rendering.rb:99:in `_render_template'
actionpack (4.1.0) lib/action_controller/metal/streaming.rb:217:in `_render_template'
actionview (4.1.0) lib/action_view/rendering.rb:82:in `render_to_body'
actionpack (4.1.0) lib/action_controller/metal/rendering.rb:32:in `render_to_body'
actionpack (4.1.0) lib/action_controller/metal/renderers.rb:32:in `render_to_body'
actionpack (4.1.0) lib/abstract_controller/rendering.rb:25:in `render'
actionpack (4.1.0) lib/action_controller/metal/rendering.rb:16:in `render'
actionpack (4.1.0) lib/action_controller/metal/instrumentation.rb:41:in `block (2 levels) in render'
activesupport (4.1.0) lib/active_support/core_ext/benchmark.rb:12:in `block in ms'
() usr/local/rvm/rubies/ruby-2.1.0/lib/ruby/2.1.0/benchmark.rb:294:in `realtime'
activesupport (4.1.0) lib/active_support/core_ext/benchmark.rb:12:in `ms'
actionpack (4.1.0) lib/action_controller/metal/instrumentation.rb:41:in `block in render'
actionpack (4.1.0) lib/action_controller/metal/instrumentation.rb:84:in `cleanup_view_runtime'
activerecord (4.1.0) lib/active_record/railties/controller_runtime.rb:25:in `cleanup_view_runtime'
actionpack (4.1.0) lib/action_controller/metal/instrumentation.rb:40:in `render'
actionpack (4.1.0) lib/action_controller/metal/implicit_render.rb:10:in `default_render'
actionpack (4.1.0) lib/action_controller/metal/responder.rb:238:in `default_render'
actionpack (4.1.0) lib/action_controller/metal/responder.rb:165:in `to_html'
actionpack (4.1.0) lib/action_controller/metal/responder.rb:158:in `respond'
actionpack (4.1.0) lib/action_controller/metal/responder.rb:151:in `call'
actionpack (4.1.0) lib/action_controller/metal/mime_responds.rb:400:in `respond_with'
devise (3.2.4) app/controllers/devise/sessions_controller.rb:10:in `new'
actionpack (4.1.0) lib/action_controller/metal/implicit_render.rb:4:in `send_action'
actionpack (4.1.0) lib/abstract_controller/base.rb:189:in `process_action'
actionpack (4.1.0) lib/action_controller/metal/rendering.rb:10:in `process_action'
actionpack (4.1.0) lib/abstract_controller/callbacks.rb:20:in `block in process_action'
activesupport (4.1.0) lib/active_support/callbacks.rb:113:in `call'
activesupport (4.1.0) lib/active_support/callbacks.rb:166:in `block in halting'
activesupport (4.1.0) lib/active_support/callbacks.rb:229:in `block in halting'
activesupport (4.1.0) lib/active_support/callbacks.rb:166:in `block in halting'
activesupport (4.1.0) lib/active_support/callbacks.rb:229:in `block in halting'
activesupport (4.1.0) lib/active_support/callbacks.rb:166:in `block in halting'
activesupport (4.1.0) lib/active_support/callbacks.rb:166:in `block in halting'
activesupport (4.1.0) lib/active_support/callbacks.rb:166:in `block in halting'
activesupport (4.1.0) lib/active_support/callbacks.rb:166:in `block in halting'
activesupport (4.1.0) lib/active_support/callbacks.rb:166:in `block in halting'
activesupport (4.1.0) lib/active_support/callbacks.rb:149:in `block in halting_and_conditional'
activesupport (4.1.0) lib/active_support/callbacks.rb:149:in `block in halting_and_conditional'
activesupport (4.1.0) lib/active_support/callbacks.rb:149:in `block in halting_and_conditional'
activesupport (4.1.0) lib/active_support/callbacks.rb:86:in `run_callbacks'
actionpack (4.1.0) lib/abstract_controller/callbacks.rb:19:in `process_action'
actionpack (4.1.0) lib/action_controller/metal/rescue.rb:29:in `process_action'
actionpack (4.1.0) lib/action_controller/metal/instrumentation.rb:31:in `block in process_action'
activesupport (4.1.0) lib/active_support/notifications.rb:159:in `block in instrument'
activesupport (4.1.0) lib/active_support/notifications/instrumenter.rb:20:in `instrument'
activesupport (4.1.0) lib/active_support/notifications.rb:159:in `instrument'
actionpack (4.1.0) lib/action_controller/metal/instrumentation.rb:30:in `process_action'
actionpack (4.1.0) lib/action_controller/metal/params_wrapper.rb:250:in `process_action'
activerecord (4.1.0) lib/active_record/railties/controller_runtime.rb:18:in `process_action'
actionpack (4.1.0) lib/abstract_controller/base.rb:136:in `process'
actionview (4.1.0) lib/action_view/rendering.rb:30:in `process'
actionpack (4.1.0) lib/action_controller/metal.rb:195:in `dispatch'
actionpack (4.1.0) lib/action_controller/metal/rack_delegation.rb:13:in `dispatch'
actionpack (4.1.0) lib/action_controller/metal.rb:231:in `block in action'
actionpack (4.1.0) lib/action_dispatch/routing/route_set.rb:80:in `dispatch'
actionpack (4.1.0) lib/action_dispatch/routing/route_set.rb:48:in `call'
actionpack (4.1.0) lib/action_dispatch/routing/mapper.rb:45:in `call'
actionpack (4.1.0) lib/action_dispatch/journey/router.rb:71:in `block in call'
actionpack (4.1.0) lib/action_dispatch/journey/router.rb:59:in `call'
actionpack (4.1.0) lib/action_dispatch/routing/route_set.rb:676:in `call'
bullet (4.10.0) lib/bullet/rack.rb:12:in `call'
meta_request (0.3.0) lib/meta_request/middlewares/app_request_handler.rb:13:in `call'
rack-contrib (1.1.0) lib/rack/contrib/response_headers.rb:17:in `call'
meta_request (0.3.0) lib/meta_request/middlewares/headers.rb:16:in `call'
meta_request (0.3.0) lib/meta_request/middlewares/meta_request_handler.rb:13:in `call'
request_store (1.0.5) lib/request_store/middleware.rb:9:in `call'
warden (1.2.3) lib/warden/manager.rb:35:in `block in call'
warden (1.2.3) lib/warden/manager.rb:34:in `call'
rack (1.5.2) lib/rack/etag.rb:23:in `call'
rack (1.5.2) lib/rack/conditionalget.rb:25:in `call'
rack (1.5.2) lib/rack/head.rb:11:in `call'
actionpack (4.1.0) lib/action_dispatch/middleware/params_parser.rb:27:in `call'
actionpack (4.1.0) lib/action_dispatch/middleware/flash.rb:254:in `call'
rack (1.5.2) lib/rack/session/abstract/id.rb:225:in `context'
rack (1.5.2) lib/rack/session/abstract/id.rb:220:in `call'
actionpack (4.1.0) lib/action_dispatch/middleware/cookies.rb:560:in `call'
activerecord (4.1.0) lib/active_record/query_cache.rb:36:in `call'
activerecord (4.1.0) lib/active_record/connection_adapters/abstract/connection_pool.rb:621:in `call'
activerecord (4.1.0) lib/active_record/migration.rb:380:in `call'
actionpack (4.1.0) lib/action_dispatch/middleware/callbacks.rb:29:in `block in call'
activesupport (4.1.0) lib/active_support/callbacks.rb:82:in `run_callbacks'
actionpack (4.1.0) lib/action_dispatch/middleware/callbacks.rb:27:in `call'
actionpack (4.1.0) lib/action_dispatch/middleware/reloader.rb:73:in `call'
actionpack (4.1.0) lib/action_dispatch/middleware/remote_ip.rb:76:in `call'
better_errors (1.1.0) lib/better_errors/middleware.rb:84:in `protected_app_call'
better_errors (1.1.0) lib/better_errors/middleware.rb:79:in `better_errors_call'
better_errors (1.1.0) lib/better_errors/middleware.rb:56:in `call'
actionpack (4.1.0) lib/action_dispatch/middleware/debug_exceptions.rb:17:in `call'
actionpack (4.1.0) lib/action_dispatch/middleware/show_exceptions.rb:30:in `call'
railties (4.1.0) lib/rails/rack/logger.rb:38:in `call_app'
railties (4.1.0) lib/rails/rack/logger.rb:20:in `block in call'
activesupport (4.1.0) lib/active_support/tagged_logging.rb:68:in `block in tagged'
activesupport (4.1.0) lib/active_support/tagged_logging.rb:26:in `tagged'
activesupport (4.1.0) lib/active_support/tagged_logging.rb:68:in `tagged'
railties (4.1.0) lib/rails/rack/logger.rb:20:in `call'
quiet_assets (1.0.2) lib/quiet_assets.rb:18:in `call_with_quiet_assets'
actionpack (4.1.0) lib/action_dispatch/middleware/request_id.rb:21:in `call'
rack (1.5.2) lib/rack/methodoverride.rb:21:in `call'
rack (1.5.2) lib/rack/runtime.rb:17:in `call'
activesupport (4.1.0) lib/active_support/cache/strategy/local_cache_middleware.rb:26:in `call'
rack (1.5.2) lib/rack/lock.rb:17:in `call'
actionpack (4.1.0) lib/action_dispatch/middleware/static.rb:64:in `call'
rack (1.5.2) lib/rack/sendfile.rb:112:in `call'
railties (4.1.0) lib/rails/engine.rb:514:in `call'
railties (4.1.0) lib/rails/application.rb:144:in `call'
rack (1.5.2) lib/rack/lock.rb:17:in `call'
rack (1.5.2) lib/rack/content_length.rb:14:in `call'
rack (1.5.2) lib/rack/handler/webrick.rb:60:in `service'
() usr/local/rvm/rubies/ruby-2.1.0/lib/ruby/2.1.0/webrick/httpserver.rb:138:in `service'
() usr/local/rvm/rubies/ruby-2.1.0/lib/ruby/2.1.0/webrick/httpserver.rb:94:in `run'
() usr/local/rvm/rubies/ruby-2.1.0/lib/ruby/2.1.0/webrick/server.rb:295:in `block in start_thread'
Hi,
First of all, thanks so much for this project. We are using bootstrap/bootswatch in-house and we love it here.
I am working on an upgrade to version 3.0 of bootstrap. Bootswatch v 3.0 is already available but I need the .scss files . I forked/cloned this repo with a hope of creating the .scss files but I am not sure how to generate them. I followed whatever was there in the readme in this project.
I am new to ruby and hardly know anything about making changes and running commands. However, if someone could provide me instructions on how to pull the bootswatch v3.0 .css files and convert them to .scss files, I would be happy to send a PR and contribute back to this project.
Thanks,
Rashmi
Hi
I am getting this error:
File to import not found or unreadable bootswatch/simplex/variables
I am using the latest gem with rails 4.0 and Ruby 2.0. The load path does not include the $GEM_HOME/bootswatch-rails-0.5.0/vendor/assets/stylesheets folder.
Should the gem include something like this to add this directory to the list of searched dirs?
stylesheets = File.expand_path(File.join("..", 'vendor', 'assets', 'stylesheets'))
::Sass.load_paths << stylesheets
Thanks.
Just noticed that the "Sandstone" theme is unavailable. Any particular reason?
Can you add Flatly theme?
http://bootswatch.com/flatly/
I can not get this gem to work with the bootstrap files that are created along with the Rails-Stripe-Membership-Saas composer. I am using the gem "bootstrap-sass", ">= 2.1.1.0". Any ideas?
After following your instructions in the Readme file, I've this error:
Incompatible units: 'rem' and 'px'.
I'm on rails 5.0.1 using gem 'bootstrap', '~> 4.0.0.alpha5'
I've this error:
The /vendor/assets/stylesheets/bootswatch/slate/_variables.scss file does not correspond to the variables set for the template on the original Bootswatch.
Example:
Original variables.less file:
@navbar-inverse-color: #ccc;
_variables.scss file:
$navbarInverseBackground: darken($grayDarker, 10%) !default;
Among other differences. Is there any way you can get the original variables set ?
Thanks!
It would be nice to bring these themes up to date. I might do it myself if I have time.
I'd love to start using those two new themes. How could I help update this project to support the latest Bootswatch themes?
Hi Maxim,
Was wondering if it's possible to remove "http" from @import statement in _bootswatch.scss when importing Google web fonts, such that it reads:
@import url("//fonts.googleapis.com/css ...
I'm running my webapp over https and importing over http raises a security issue. I manually changed this in the gem and it seemed to work.
Thanks,
Chris
Hi,
Shouldn't the README say
// First set or import your overrides
$text-color: #000;
instead of
// First set or import your overrides
$textColor: #000;
?
Hi, I'm trying to make it work on rails 4.1.1, but I keep receiving an error:
couldn't find file '../fonts/glyphicons-halflings-regular.eot'
(in /Volumes/DADOS/Documents/code/teste/app/assets/stylesheets/application.css.scss)
my Gemfile has the following gems:
gem 'sass-rails', '> 4.0.3'> 3.1.1'
gem 'bootstrap-sass', '
gem 'bootswatch-rails'
my application.css.scss is exactly as it was instructed:
@import "bootswatch/slate/variables";
@import "bootstrap";
@import "bootstrap/mixins";
body { padding-top: 60px; }
@import "bootstrap-responsive";
@import "bootswatch/slate/bootswatch";
@import "base";
Any ideas of what I'm missing?
Installed the gem as specified and edited application.css.scss. But I get the following error when trying to use any Bootswatch theme.
File to import not found or unreadable: bootswatch/cerulean/variables.
Hi all, we were wondering if it's possible to change the look & feel of rails_admin using this gem?
We use SpaceLab theme for the rest of our app and we like to change the admin interface (which still uses the default bootstrap theme).
The rails_admin wiki https://github.com/sferik/rails_admin/wiki/Theming-and-customization says that we have to override some files (mixins.css.scss, variables.css.scss and theming.css.scss).
Inside the spacelab folder (https://github.com/maxim/bootswatch-rails/tree/master/vendor/assets/stylesheets/bootswatch/spacelab) i found this two files: _variables.scss and _bootswatch.scss
So, what we can do? It's possible? Please point us in the right direction.
Thanks in advance.
I try to use bootswatch-rails, but it doesn't work well, for example, button doesn't appear right, not like on the bootwatch site, that show.
I put bootstrap-sass and bootswatch in my gemfile and bundle install
group :assets do
gem 'sass-rails', '~> 3.2.3'
gem 'coffee-rails', '~> 3.2.1'
gem 'bootswatch-rails', '>=0.2.0'
gem 'uglifier', '>= 1.0.3'
end
gem 'bootstrap-sass', '>= 2.1.0.0'
and in my bootstrap_and_overrides.css.scss file looks like this
/ / First import journal variables
@import "bootswatch/cerulean/variables";
// Then bootstrap itself
@import "bootstrap";
// Responsive styles go here in case you want them
@import "bootstrap-responsive";
/ / And finally bootswatch style itself
@import "bootswatch/cerulean/bootswatch";
I really don't know what I do wrong. Font works fine, but input and button don't appear right.
Once I found this gem, I was able to get mostly everything working (templates load, colors, menus, etc...). Everything except the fonts.
It looks like its hitting /fonts/bootstrap/... instead of /assets/...
http://localhost:3000/fonts/bootstrap/glyphicons-halflings-regular.woff --> 404
http://localhost:3000/fonts/bootstrap/glyphicons-halflings-regular.ttf --> 404
Any idea why this might be?
Hello,
When i want to use typekit instead of google fonts, how can i change this?
It imports from //font.googleapis.com/, i would want to disable importing this.
I've quite literally copied the configuration direct from the README into my app/assets/stylesheets/application.css.scss
file, and I've run both bundle && bundle install
and restarted the server at least 32 times now. I still get the same error:
File to import not found or unreadable: bootswatch/cosmo/variables.
Load paths:
/home/kristofer/git/github/kotct/docket/app/assets/images
/home/kristofer/git/github/kotct/docket/app/assets/javascripts
/home/kristofer/git/github/kotct/docket/app/assets/stylesheets
/home/kristofer/git/github/kotct/docket/vendor/assets/javascripts
/home/kristofer/git/github/kotct/docket/vendor/assets/stylesheets
/usr/local/lib/ruby/gems/2.1.0/gems/jquery-turbolinks-2.0.1/vendor/assets/javascripts
/usr/local/lib/ruby/gems/2.1.0/gems/bootstrap-sass-3.0.3.0/vendor/assets/fonts
/usr/local/lib/ruby/gems/2.1.0/gems/bootstrap-sass-3.0.3.0/vendor/assets/javascripts
/usr/local/lib/ruby/gems/2.1.0/gems/bootstrap-sass-3.0.3.0/vendor/assets/stylesheets
/usr/local/lib/ruby/gems/2.1.0/gems/turbolinks-2.1.0/lib/assets/javascripts
/usr/local/lib/ruby/gems/2.1.0/gems/jquery-rails-3.0.4/vendor/assets/javascripts
/usr/local/lib/ruby/gems/2.1.0/gems/coffee-rails-4.0.1/lib/assets/javascripts
/usr/local/lib/ruby/gems/2.1.0/gems/bootstrap-sass-3.0.3.0/vendor/assets/stylesheets
(in /home/kristofer/git/github/kotct/docket/app/assets/stylesheets/application.css.scss:17)
Something is clearly wrong here, since the configuration was directly copied while the theme was changed. I've tried it with cerulean
as well and it doesn't work.
We have a working branch for 3.2.0 which has the initial conversion done, but requires some testing and validation. Variables haven't been rearranged.
hi:
When I precompile alert "Sass::SyntaxError: Undefined variable: "$navbar-default-bg"."
Rails version :4.1.0
Ruby version ruby 2.0.0p247
bootswatch-rails 3.2.4
I think there is a bug in the bootswatch-rails code.
It overrides the variables as follows:
$iconSpritePath: "../img/glyphicons-halflings.png";
$iconWhiteSpritePath: "../img/glyphicons-halflings-white.png";
However, in the boostrap-sass package, these variables are set with the asset_url
helper:
$iconSpritePath: asset-url("glyphicons-halflings.png", image) !default;
$iconWhiteSpritePath: asset-url("glyphicons-halflings-white.png", image) !default;
It's not even clear why that Bootswatch library needs to override these variables, because they're the same as the default.
Wrong background color of btn-primary
in Flatly
Please add the following lines to flatly's _bootswatch.scss.css
inside .btn
part:
&.btn-primary {
background-color: #3e5771;
&:hover {
background-color: lighten(#3e5771, 30%);
}
}
of course you can change the hover background-color if you want.
Thanks for the great gem.
That would make some bootswatches like Readable more compatible to use with existing standard bootstrap applications; same width&height navbars, same size text, etc.
Different gem or git branch or new directories(e.x @import 'bootswatch/ readable-standard /variables' ) inside the master branch should be provided.
Hi,
I have set-up a project with bootswatch-rails installed but I am unclear how I source the scss files added to the application.css.scss file, do I need to manually download these files from Bootswatch.com and then place in the correct path locations or does the bootswatch-rails gem have a install command to do this (like twitter-bootswatch-rails has).
The other problem is that the bootswatch.com site only has the .less files for download, where can I find the flatly theme .scss files?
Cheers,
Leigh.
Hello,
There are any way to disable downloads of Google font by @import url ("http://fonts.googleapis.com[...]").
I'm running rails on a local computer which can no have internet access.
2 solutions :
I already tried to vendorize the gem and comments import url but without success...
Could you help me ?
Best Regards
when specifying the spruce theme i obtain this error
6000%*% isn't a valid CSS value.
Lets add the new Bootswatch theme Cosmo.
I obtain this exception while using your css after the themes upgrade:
Started GET "/img/glyphicons-halflings.png" for 127.0.0.1 at 2013-01-14 20:54:38 +0100
ActionController::RoutingError (No route matches [GET] "/img/glyphicons-halflings.png"):
actionpack (3.2.11) lib/action_dispatch/middleware/debug_exceptions.rb:21:in 'call'
actionpack (3.2.11) lib/action_dispatch/middleware/show_exceptions.rb:56:in 'call'
railties (3.2.11) lib/rails/rack/logger.rb:32:in 'call_app'
railties (3.2.11) lib/rails/rack/logger.rb:16:in 'block in call'
activesupport (3.2.11) lib/active_support/tagged_logging.rb:22:in 'tagged'
if i remove the two css refering to your gem from my css.scss file all works fine.
this is my custom.css.scss
@import "bootswatch/cerulean/variables";
@import "bootstrap";
body {
padding-top: 60px;
}
@import "bootstrap-responsive";
@import "bootswatch/cerulean/bootswatch";
LESS supports another use of the &
operator that SASS does not:
.parent {
background: #fff;
&-child {
color: #222;
}
}
produces:
.parent {
background: #fff;
}
.parent-child {
color: #222;
}
So we're translating this:
.panel {
&-heading,
&-footer {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
}
on this:
.panel {
.panel-heading,
.panel-footer {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
}
instead of this:
.panel-heading,
.panel-footer {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
There is a problem, not being included javascript files boostrap both as boostwatch
In _bootswatch.scss, line 256, 260, 264:
.btn-large {
padding: $paddingLarge;
}
.btn-small {
padding: $paddingSmall;
}
.btn-mini {
padding: $paddingMini;
}
Should be:
&.btn-large {
padding: $paddingLarge;
}
&.btn-small {
padding: $paddingSmall;
}
&.btn-mini {
padding: $paddingMini;
}
The navbar of the amelia theme seems to be a little bit broken. The hover-highlight-effect of a dropdown disapears on click, i think this is not a normal behaviour. Also the highlight color of items in a dropdown seems to be wrong, in the bootswatch showcase they are red, here blue.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.