Tag: 至less惊讶

MVC4减去捆绑@import目录

我试图使用MVC4捆绑将我的一些less文件,但它看起来像我使用的导入path是closures的。 我的目录结构是: static/ less/ mixins.less admin/ user.less 在user.less,我试图导入mixins.less使用这个: @import "../mixins.less"; 之前用这种方法为我工作时,无聊的啁啾,但现在我注意到ELMAH正在生我的气,说: System.IO.FileNotFoundException: You are importing a file ending in .less that cannot be found. File name: '../mixins.less' 我应该使用MVC4不同的@import吗? 一些额外的信息 下面是我用来尝试这个的less class和global.asax.cs代码: LessMinify.cs … public class LessMinify : CssMinify { public LessMinify() {} public override void Process(BundleContext context, BundleResponse response) { response.Content = Less.Parse(response.Content); base.Process(context, response); […]

可以在CSS calc()中使用vh减去像素?

我有一个Less文件下面的CSS规则: .container { min-height: calc(100vh – 150px); } 这根本不起作用。 我想使容器充满窗口高度和减去页眉,页脚固定高度。 我怎样才能做到这一点?

我可以派遣一个行动减速机?

是否有可能在减速器本身发出一个动作? 我有一个进度条和一个audio元素。 目标是在audio元素中更新时间时更新进度条。 但是我不知道在哪里放置ontimeupdate事件处理程序,或者如何在ontimeupdate的callback中调度一个动作来更新进度条。 这是我的代码: //reducer const initialState = { audioElement: new AudioElement('test.mp3'), progress: 0.0 } initialState.audioElement.audio.ontimeupdate = () => { console.log('progress', initialState.audioElement.currentTime/initialState.audioElement.duration); //how to dispatch 'SET_PROGRESS_VALUE' now? }; const audio = (state=initialState, action) => { switch(action.type){ case 'SET_PROGRESS_VALUE': return Object.assign({}, state, {progress: action.progress}); default: return state; } } export default audio;

有没有办法为LESS文件设置一个通用的图像path?

我正在使用LESS造型语言。 考虑下面的CSS: .side-bg { background:url(../img/layout/side-bg.jpg) top no-repeat; } 现在我所有的图像都在文件夹../img/我想能够设置一个variables作为图像path,并像这样使用它: @image-path: ../img; .side-bg { background:url(@image-path/layout/side-bg.jpg) top no-repeat; } 但是这不起作用。 它不是一个很大的交易,我总是可以使用查找和replace,如果图像文件夹曾经改变。 我刚刚开始学习LESS,并想知道这样的事情是否可能。

Chrome开发工具/ Firebug中的Less / Sassdebugging

你们如何对使用Less / Sass构build的CSS进行维护? 我喜欢的关于开发工具/ Firebug的一件事是能够看到一个CSS样式的行号。 除了必须手动search.less / .scss文件来查找我想要修改的代码之外,是否有一种使用CSS预处理程序执行此操作的好方法?

花式媒体查询与一些LESS魔术

这将是很好的包装使用较less的一些CSS类中的不同分辨率的CSS样式。 我想要做一些事情: footer { width: 100%; } .tablet { footer { width: 768px; } } .desktop { footer { width: 940px; } } 最后,这样的结果应该是这样的: footer { width: 100%; } @media screen and (min-width: 768px) { footer { width: 768px; } } @media screen and (min-width: 992px) { footer { width: 940px; } } .tablet可能看起来像这样: @media […]

用于简化SQL语句的一般规则

我正在寻找一些“推理规则”(类似于设置操作规则或逻辑规则),我可以用它来减less复杂性或大小的SQL查询。 有没有这样的东西? 任何文件,任何工具? 您自己find的任何等价物? 它在某种程度上类似于查询优化,但不是在性能方面。 说明它的不同:使用JOINs,SUBSELECTs,UNIONs进行(复杂)查询有可能(或不是)通过使用一些转换规则将其简化为更简单的等效SQL语句,该语句产生相同的结果? 所以,我正在寻找SQL语句的等效转换,就像大多数SUBSELECT可以重写为JOIN一样。

了解Bootstrap的clearfix类

.clearfix { *zoom: 1; &:before, &:after { display: table; content: ""; // Fixes Opera/contenteditable bug: // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952 line-height: 0; } &:after { clear: both; } } 为什么不使用display:block ? 另外,为什么它也适用于::before伪伪类::before ?

Bootstrapvariables用LESS覆盖

我一直在调查整整一天,因为我认为花一些时间学习定制Bootstrap的最佳做法是值得的。 我可以看到,有一个友好的网页可用于从http://twitter.github.io/bootstrap/customize.html有select地自定义元素,但我想有更多的控制而不触及原始的引导源文件。 首先,我基本上想要testing从12到16列更改网格,并做到这一点,我创build了我自己的variablesless文件,并添加@ gridColumns:16; 只有这个文件,并导入这个自定义较less内部bootstrap.less如下。 // Core variables and mixins @import "variables.less"; // Modify this for custom colors, font-sizes, etc @import "mixins.less"; **@import "../custom-variables.less"; //Override variables** 然后,使用WinLess我编译了bootstrap.less文件来获得新的bootstrap.css重写variables导入调用,并链接到HTML文件的CSS,但网格不会更改为16列。 任何人都可以指出我做错了什么?

Visual Studio 2013可以从.less文件生成CSS文件吗?

Visual Studio 2013非常棒,现在语法高亮和自动完成.less文件。 但它是否也生成各自的CSS文件? 我是否需要安装其他扩展程序?