小编Rob*_*ick的帖子

LESSCSS - 使用计算和返回值

我,

希望你能提供帮助.

有没有办法让LESS只返回一个值 - 感觉我错过了一些非常明显的东西

说我有:

@unit:em;
@basevalue:1;
Run Code Online (Sandbox Code Playgroud)

我可以用某些东西给我一个简写回报 -

.someClass {  padding: ~'@{basevalue}@{unit}'; }
Run Code Online (Sandbox Code Playgroud)

喜欢说:

.returnUnit() { ~'@{basevalue}@{unit}'; }

.someClass {  padding: returnUnit(); }
Run Code Online (Sandbox Code Playgroud)

因为我最终希望的是:

.returnUnit(@val) { @basevalue*@val@{unit}; }
.someClass {  padding:returnUnit(0.5); }
Run Code Online (Sandbox Code Playgroud)

使用混合我必须定义样式属性,但是此返回函数的值将用于许多不同的css属性.


希望我有道理,我只是缺乏更深刻的rtfm.

非常感谢,如果可以的话.


更新为@Chococrocs 指向文档的指针,谢谢.

.average(@x, @y) {
  @average: ((@x + @y) / 2);
}

div {
  .average(16px, 50px); // "call" the mixin
  padding: @average;    // use its "return" value
}
Run Code Online (Sandbox Code Playgroud)
  • 看起来像我需要的?- 只是看看我是否总能在单位变量上标记它....

更新:这是部分方式......

.unitRelative(@val) {
  @value : @basevalue*@val;
  @relative: …
Run Code Online (Sandbox Code Playgroud)

css less less-mixins

7
推荐指数
2
解决办法
8210
查看次数

用于统一表单输入高度的CSS

这个总是让我烦恼

CSS

/* reset */
input,button { 
     margin:0;padding:0;border:0;
     font-family: inherit; font-size: inherit;
     line-height:1em; }

/* apply some style */
input,button { padding:.5em; }
input { background-color:#fff; }
button { background-color:#333; color:#fff; }

/* for display example */
body { padding:3em; font-size:2em; }
div { background-color:#ccc; padding:.5em }
Run Code Online (Sandbox Code Playgroud)

标记

<div>
   <span><input type="text" value=" the input value "/></span>
   <span><button> A button</button></span>
</div>
Run Code Online (Sandbox Code Playgroud)

所以, 给定足够的宽度和跨度使inline显示...

为什么它们的高度不同?

上面的代码在这里运行


解决方法一直如下:

1)指定一个高度 - 精细,如果使用ems更好,但真的???

2)包装元素(如示例,div和span)和样式包装器(有效地为输入/按钮提供一些不同浏览器的空间)


希望我在旅行中错过了一块css.

大多数关于此主题的搜索发现都指向了解决方法

谢谢!

html css

5
推荐指数
1
解决办法
847
查看次数

Jekyll - 设置缓存标头和gzip

刚刚开始使用Jekyll - 在Debian上运行它,基本安装,基础config.yml.

我从一个url(和名为相同的文件夹)提供一些静态资源

/assets
Run Code Online (Sandbox Code Playgroud)

我如何在那里的东西上设置一些缓存头?

做了很多搜索和阅读文档,没有太多的发现.配置设置??

希望我能指出正确的方向.

干杯!

jekyll

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

Mongodb生成的UID包含单词"bad"

有没有人知道MongoDB(或者也许是Mongoose保存)生成的"_id"意味着它在中间包含"坏"字样.

eg: 521b633274bad76823000002
Run Code Online (Sandbox Code Playgroud)

我在网上或这里找不到答案.

这发生在"保存"上,但只在我想"更新"文档时才发现.它不允许更新.

 db.collection.update(...
Run Code Online (Sandbox Code Playgroud)

尝试"更新"对象的回调始终为null,文档未更新.

切换我的数据库解决了这个问题,所以我相信这不在代码中(并且代码非常简单)

在Node上同时使用mongojs和mongoose.

非常感谢,

mongoose mongodb node.js

-2
推荐指数
1
解决办法
573
查看次数

标签 统计

css ×2

html ×1

jekyll ×1

less ×1

less-mixins ×1

mongodb ×1

mongoose ×1

node.js ×1