我知道如果您事先知道该单位,您可以从SASS中的数字中删除单位:
$number: 16px;
$without-unit: 16px / 1px;
@warn $without-unit; // 16
Run Code Online (Sandbox Code Playgroud)
但是有可能在不知道单位是什么的情况下从一个数字中剥离单位吗?
@function strip-unit($number) {
// magic code here...
}
@warn strip-unit(16px); // 16
Run Code Online (Sandbox Code Playgroud) 我试过了:
sass-convert --from scss --to css --recursive app/assets/stylesheets temp
Run Code Online (Sandbox Code Playgroud)
但是这只能将css转换为SASS,我想要相反的方式.
然后我查看了sass命令,但看起来我不能将它传递给目录.
没有任何类的元素是否有CSS选择器?例如在HTML中
<section>Section A</section>
<section class="special">Section B</section>
<section class="">Section C</section>
Run Code Online (Sandbox Code Playgroud)
我想通过说出类似的东西来选择A部分(或者可能是A部分和C部分,这并不重要)
section:not(.*) { color: gray }
Run Code Online (Sandbox Code Playgroud)
我知道我可以将它定义为section并将其重置回所有特定类中,例如
section { color: gray }
section.special { color: black }
Run Code Online (Sandbox Code Playgroud)
但这不是我想要的,因为一旦样式变得复杂就不易管理,在某些情况下很难正确地进行"重置"(当然不是在这个简化的例子中).
我希望框宽度和高度默认包含所有内容,填充,边框宽度和边距.有没有办法做到这一点?特别是,我希望能够指定width: 100%
包括所有内容的内容.
在SASS中,循环写成如下:
@for $i from 1 through 100 {
//stuff
}
Run Code Online (Sandbox Code Playgroud)
这将产生1,2,3,4 ......一直到100.
你将如何以两个单位的间隔进行循环?
@for $i from 1 through 100 *step 2*{
//stuff
}
Run Code Online (Sandbox Code Playgroud)
所以结果是1,3,5,7 ......到99
我希望我的应用程序中的所有锚点看起来像.btn(Twitter Bootstrap类),有没有办法做到这一点?
我做到了
a{
@include btn;
}
Run Code Online (Sandbox Code Playgroud)
但它不起作用,因为btn应该是一个mixin,它是一个Twitter Bootstrap类.
在Less中我可以做这样的事情
@basePath:"../../some_crazy_project_path_to_repeat/less/";
@import "@{basePath}less.less";
Run Code Online (Sandbox Code Playgroud)
所以我试着在萨斯做同样的事情
$basePath:"../../some_crazy_project_path_to_repeat/less/";
@import "${basePath}less.scss";
// Syntax error: File to import not found or unreadable: ${basePath}less.scss.
Run Code Online (Sandbox Code Playgroud)
和
@import "#{basePath}less.scss";
// Syntax error: File to import not found or unreadable: #{basePath}less.scss.
Run Code Online (Sandbox Code Playgroud)
在Sass有办法做到这一点吗?
我正在编写一个带有一些数学的@mixin来计算元素的百分比宽度,但由于它非常有用,我想对其他属性也使用相同的函数,如边距和填充.
有没有办法将属性名称作为参数传递给mixin?
@mixin w_fluid($property_name, $w_element,$w_parent:16) {
$property_name: percentage(($w_element/$w_parent));
}
Run Code Online (Sandbox Code Playgroud) 我在OSX/Terminal上与Sass,Compass和Susy合作.但我无法让Susy与Sass和Compass一起工作.我做了什么:
sudo gem install sass
sass -v
Run Code Online (Sandbox Code Playgroud)
返回:Sass 3.3.0(Maptastic Maple)
sudo gem install compass
Run Code Online (Sandbox Code Playgroud)
这似乎也安装了sass-3.2.14.gem,然后是compass-0.12.3.gem.
compass -v
Run Code Online (Sandbox Code Playgroud)
返回:指南针0.12.3(Alnilam)
到目前为止,一切似乎都很好; 我可以创建一个Compass项目并使用它.然后我尝试安装Susy:
sudo gem install susy --pre
Run Code Online (Sandbox Code Playgroud)
要不就
sudo gem install susy
Run Code Online (Sandbox Code Playgroud)
这似乎安装susy-2.0.0
比我跑:
compass create /Users/tom/Thomas/htdocs/susi4-test -r susy -u susy
Run Code Online (Sandbox Code Playgroud)
我收到这个错误:
Gem::LoadError on line 2064 of /Library/Ruby/Site/1.8/rubygems/specification.rb: Unable to activate susy-2.0.0, because sass-3.2.14 conflicts with sass (~> 3.3.0)
Run with --trace to see the full backtrace
Run Code Online (Sandbox Code Playgroud)
因此,不同版本的兼容性似乎存在问题.我该怎么做才能解决此错误?
我正在尝试实现类似于WhatsApp的效果,其中工具栏(滚动时)将剪切成视图磁铁状或视图磁铁状.
我的MainActivity XML是什么:
app:layout_scrollFlags="scroll|enterAlways"
现在不要误会我的意思,它有效,当我向下滚动工具栏被推出视图但说我停止中途滚动,然后工具栏只是坐在那里一半隐藏在视野外,另一半在视野中..
我怎样才能解决这个问题,因为我希望它能够跳出视图或进入视图.