小编cim*_*non的帖子

如何从SASS中的任何数字中剥离设备?

我知道如果您事先知道该单位,您可以从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)

function sass units-of-measurement

43
推荐指数
1
解决办法
2万
查看次数

如何通过命令行将目录SASS/SCSS转换为CSS?

我试过了:

sass-convert --from scss --to css --recursive app/assets/stylesheets temp
Run Code Online (Sandbox Code Playgroud)

但是这只能将css转换为SASS,我想要相反的方式.

然后我查看了sass命令,但看起来我不能将它传递给目录.

sass

35
推荐指数
3
解决办法
7万
查看次数

没有任何类的元素是否有CSS选择器?

没有任何类的元素是否有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)

但这不是我想要的,因为一旦样式变得复杂就不易管理,在某些情况下很难正确地进行"重置"(当然不是在这个简化的例子中).

css css-selectors

34
推荐指数
1
解决办法
2万
查看次数

包括宽度和高度的余量

我希望框宽度和高度默认包含所有内容,填充,边框宽度和边距.有没有办法做到这一点?特别是,我希望能够指定width: 100%包括所有内容的内容.

css

29
推荐指数
3
解决办法
5万
查看次数

编写一个循环,在Sass中增加1以外的值

在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

sass

29
推荐指数
3
解决办法
2万
查看次数

如何在不使用mixin的情况下重用sass中的类?

我希望我的应用程序中的所有锚点看起来像.btn(Twitter Bootstrap类),有没有办法做到这一点?

我做到了

a{
  @include btn;
}
Run Code Online (Sandbox Code Playgroud)

但它不起作用,因为btn应该是一个mixin,它是一个Twitter Bootstrap类.

sass twitter-bootstrap twitter-bootstrap-rails

27
推荐指数
2
解决办法
3万
查看次数

可以在Sass文件的import语句中使用变量吗?

在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有办法做到这一点吗?

import sass

27
推荐指数
2
解决办法
1万
查看次数

在Sass中使用CSS属性的变量

我正在编写一个带有一些数学的@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)

sass mixins

23
推荐指数
2
解决办法
1万
查看次数

由于版本冲突,无法安装sass + compass + susy

我在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)

因此,不同版本的兼容性似乎存在问题.我该怎么做才能解决此错误?

sass susy-compass compass-sass

20
推荐指数
1
解决办法
9291
查看次数

使用Google设计资料库时如何使工具栏快速进入视图或视图之外?

我正在尝试实现类似于WhatsApp的效果,其中工具栏(滚动时)将剪切成视图磁铁状或视图磁铁状.

我的MainActivity XML是什么:

  • DrawerLayout - 基本布局
  • CoordinatorLayout - Appbar和工具栏以及选项卡的布局
  • AppBarLayout - 用于保存工具栏和标签
  • 工具栏 - 有这个标志: app:layout_scrollFlags="scroll|enterAlways"
  • SlidingTabLayout - 显示选项卡
  • ViewPager - 用于标签
  • RecyclerView - 用于coordinatorlayout

现在不要误会我的意思,它有效,当我向下滚动工具栏被推出视图但说我停止中途滚动,然后工具栏只是坐在那里一半隐藏在视野外,另一半在视野中..

我怎样才能解决这个问题,因为我希望它能够跳出视图或进入视图.

android scroll appbar toolbar

20
推荐指数
2
解决办法
2万
查看次数