Css 模板::错误(未定义的混合和边界半径):
我在rails应用程序中添加引导模板时遇到此错误:Css 模板::错误(未定义的混合和边界半径):,css,ruby-on-rails,twitter-bootstrap,Css,Ruby On Rails,Twitter Bootstrap,我在rails应用程序中添加引导模板时遇到此错误: ActionView::Template::Error (Undefined mixin 'border-radius'.): 2: <html> 3: <head> 4: <title>Zunosys</title> 5: <%= stylesheet_link_tag 'application', media: 'all', 'data-
ActionView::Template::Error (Undefined mixin 'border-radius'.):
2: <html>
3: <head>
4: <title>Zunosys</title>
5: <%= stylesheet_link_tag 'application', media: 'all', 'data-turboli
nks-track' => true %>
6: <%= javascript_include_tag 'application', 'data-turbolinks-track' => tr
ue %>
7: <%= csrf_meta_tags %>
8: </head>
app/assets/stylesheets/_accordion.scss:6:in `border-radius'
app/assets/stylesheets/_accordion.scss:6
app/views/layouts/application.html.erb:5:in `_app_views_layouts_application_ht
ml_erb___752436248_72006156'
my application.html.erb
我的档案
源代码'http://rubygems.org'
#捆绑边缘Rails:gem'Rails',github'Rails/Rails'
gem“rails”、“4.2.7”
#使用sqlite3作为活动记录的数据库
小组:开发,:测试
gem'sqlite3'
结束
小组:生产部
宝石“pg”
结束
#将SCS用于样式表
gem'sass-rails',“~>5.0”
#使用Uglifier作为JavaScript资产的压缩器
gem'uglifier','>=1.3.0'
#将CoffeeScript用于.coffee资产和视图
gem“咖啡轨”,“~>4.1.0”
gem'bootstrap sass',“~>3.2.0”
gem“自动刷新器轨道”
宝石“指南针”
#看https://github.com/rails/execjs#readme 获取更多受支持的运行时
#宝石“therubyracer”,平台::ruby
#使用jquery作为JavaScript库
gem'jqueryrails'
#Turbolinks使web应用程序中的以下链接更快。阅读更多:https://github.com/rails/turbolinks
gem“涡轮链接”
#轻松构建JSON API。阅读更多:https://github.com/rails/jbuilder
gem'jbuilder',“~>2.0”
#bundle exec rake doc:rails在doc/API下生成API。
gem'sdoc','~>0.4.0',组::doc
#使用ActiveModel具有\u安全\u密码
#gem'bcrypt',“~>3.1.7”
#使用Unicorn作为应用程序服务器
#宝石“独角兽”
#使用Capistrano进行部署
#gem“capistrano rails”,集团::开发
小组:开发,:测试
#在代码中的任意位置调用“byebug”以停止执行并获得调试器控制台
宝石“比伯”
结束
小组:发展怎么办
#在异常页面上或通过在视图中使用访问IRB控制台
gem“web控制台”,“~>2.0”
结束
#Windows不包括zoneinfo文件,因此捆绑tzinfo数据
gem'tzinfo data',平台:[:mingw,:mswin,:x64_mingw,:jruby]
我以前在我的另一个rails项目中使用过这个主题,它工作得很好。我以前没有使用过mixin,但看起来@hanners66是正确的(因为您没有在这里展示这个声明)。你需要申报。如果你尝试在谷歌上搜索“mixin”,你会发现:
您得到这个错误可能是因为您没有声明mixin。可能是
/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
* or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
* compiled file so the styles you add here take precedence over styles defined in any styles
* defined in the other CSS/SCSS files in this directory. It is generally better to create a new
* file per style scope.
*
*= require_tree .
*= require_self
*/
@import "bootstrap-sprockets"
@import "bootstrap"
<!DOCTYPE html>
<html>
<head>
<title>Zunosys</title>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
<%= csrf_meta_tags %>
</head>
<body>
<%= yield %>
</body>
</html>
/* Accordion
----------------------------------------------------------*/
.panel-group .panel {
@include border-radius(0);
}
.panel {
@include box-shadow(none);
}
.panel-heading {
@include border-radius(0);
}
.panel-default {
.panel-heading {
background-color: $color-grey;
}
}
.panel-group {
.panel-2 {
background: transparent;
.panel-heading {
padding: 18px 0px 18px 45px;
border-bottom: 1px solid $color-line-dark;
.panel-title {
position: relative;
font-size: 20px;
> a {
&:before {
position: absolute;
top: 0;
left: -40px;
width: 24px;
height: 24px;
content: ' ';
@include border-radius(50%);
background: $color-grey-3;
color: #fff;
font-family:'FontAwesome';
font-size: 14px;
text-align: center;
padding: 5px;
content:"\f068";
}
&[aria-expanded="false"]:before {
content: "\f067";
}
}
}
}
.panel-body {
border-top: none !important;
padding: 18px 0px 18px 45px;
}
& + .panel-2 {
margin-top: 0;
}
}
}
html[dir="rtl"] {
.panel-group {
.panel-2 {
.panel-heading {
padding: 18px 45px 18px 0;
.panel-title {
> a {
&:before {
right: -40px;
left: auto;
}
}
}
}
.panel-body {
padding: 18px 45px 18px 0;
}
}
}
}
source 'http://rubygems.org'
# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
gem 'rails', '4.2.7'
# Use sqlite3 as the database for Active Record
group :development, :test do
gem 'sqlite3'
end
group :production do
gem 'pg'
end
# Use SCSS for stylesheets
gem 'sass-rails', '~> 5.0'
# Use Uglifier as compressor for JavaScript assets
gem 'uglifier', '>= 1.3.0'
# Use CoffeeScript for .coffee assets and views
gem 'coffee-rails', '~> 4.1.0'
gem 'bootstrap-sass', '~> 3.2.0'
gem 'autoprefixer-rails'
gem 'compass'
# See https://github.com/rails/execjs#readme for more supported runtimes
# gem 'therubyracer', platforms: :ruby
# Use jquery as the JavaScript library
gem 'jquery-rails'
# 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', '~> 2.0'
# bundle exec rake doc:rails generates the API under doc/api.
gem 'sdoc', '~> 0.4.0', group: :doc
# Use ActiveModel has_secure_password
# gem 'bcrypt', '~> 3.1.7'
# Use Unicorn as the app server
# gem 'unicorn'
# Use Capistrano for deployment
# gem 'capistrano-rails', group: :development
group :development, :test do
# Call 'byebug' anywhere in the code to stop execution and get a debugger console
gem 'byebug'
end
group :development do
# Access an IRB console on exception pages or by using <%= console %> in views
gem 'web-console', '~> 2.0'
end
# Windows does not include zoneinfo files, so bundle the tzinfo-data gem
gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby]
@mixin border-radius($radius) {
-webkit-border-radius: $radius;
-moz-border-radius: $radius;
-ms-border-radius: $radius;
border-radius: $radius;
}
.box { @include border-radius(10px); }