Sass breaks down on @extend ".bg-faded"

I used Rails Composer to create a skeleton application for the rails-devise-role project described here:

https://github.com/RailsApps/rails-devise-roles

I get a 500 error caused by the following:

Sass::SyntaxError - ".authform form" failed to @extend ".bg-faded". The selector ".bg-faded" was not found. Use "@extend .bg-faded !optional" if the extend should be able to fail. 

Adding the flag "! Optional" allows you to visualize, but none of the navigation links are displayed.

The contents of my gemfile are displayed below:

 source 'https://rubygems.org' git_source(:github) do |repo_name| repo_name = "#{repo_name}/#{repo_name}" unless repo_name.include?("/") "https://github.com/#{repo_name}.git" end ruby '2.2.5' gem 'rails', '~> 5.1.3' gem 'sqlite3' gem 'puma', '~> 3.7' gem 'sass-rails', '~> 5.0' gem 'uglifier', '>= 1.3.0' gem 'coffee-rails', '~> 4.2' gem 'turbolinks', '~> 5' gem 'jbuilder', '~> 2.5' group :development, :test do gem 'byebug', platforms: [:mri, :mingw, :x64_mingw] gem 'capybara', '~> 2.13' gem 'selenium-webdriver' end group :development do gem 'web-console', '>= 3.3.0' gem 'listen', '>= 3.0.5', '< 3.2' gem 'spring' gem 'spring-watcher-listen', '~> 2.0.0' end gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby] gem 'bootstrap', '~> 4.0.0.alpha6' gem 'devise' gem 'high_voltage' gem 'jquery-rails' gem 'unicorn' gem 'unicorn-rails' group :development do gem 'better_errors' gem 'rails_layout' gem 'spring-commands-rspec' end group :development, :test do gem 'factory_girl_rails' gem 'faker' gem 'rspec-rails' end group :test do gem 'database_cleaner' gem 'launchy' end 

Thoughts?

+5
source share
3 answers

Changing @extend .bg-faded to @extend .bg-light fix your error

+8
source

Most likely because you did not import the CSS framework. Add them to application.scss file

 // import the CSS framework @import "bootstrap"; 
+1
source

Change the bootstrap line in your gemfile to gem 'bootstrap', '= 4.0.0.alpha6'

0
source

Source: https://habr.com/ru/post/1271107/


All Articles