如何解决Sass不兼容的单元-在开发环境中已修复,但破坏了Heroku部署Rails 5.1.7
我正在尝试在页面的左侧和右侧创建一个固定面板,它们必须成比例,但必须具有最小宽度。
在尝试此操作时,我发现Sass ans Css max()和min()函数是不同的,并且Sass不支持'px'和'%'的不同单位。我找到了一种重写Sass函数的解决方案,它解决了开发环境中的问题,但正在破坏heroku构建。 Sass gem版本是相同的(3.4.25)。
rake aborted!
Sass::UnitConversionError: Incompatible units: 'px' and '%'.
(sass):6741
/tmp/build_cb999080_/vendor/bundle/ruby/2.3.0/gems/sass-3.4.25/lib/sass/script/value/number.rb:449:in `coercion_factor'
代码如下:
第1行:
/* override max and min functions */
@function css-max($numbers...) {
@return m#{a}x(#{$numbers});
}
@function css-min($numbers...) {
@return m#{i}n(#{$numbers});
}
第1735行:
.mainContainer {
top: 96px;
bottom: 0px;
position: fixed;
overflow-y: scroll;
left: 0;
right: 0;
&.lPan{
left: css-max(16.7%,300px);
}
&.rPan{
right: css-max(25%,350px);
}
@media screen and (max-width: 900px) {
right: 0!important;
}
@media screen and (max-width: 1200px) {
left: 0!important;
}
}
有什么想法吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。