compass

compass&sass高级应用

允我心安 提交于 2019-11-26 23:26:30
一./*背景知识*/ 1.Sass是什么?   Sass可以简化你的Css工作流,并可以使你的Css的扩展和维护工作变的更加容易!例如,曾几时何,因为客户的需求的变更,你必须不断的通过查找和替换来更改一个像素值,或者,为了能够确定多栏布局中某一栏的宽度,你需要使用计算像素值软件才能搞定。   Sass引入了一些新的概念如, 变量,混合,嵌套和选择器继承 .Sass 生成良好格式化的 CSS 代码,易于组织和维护。   SASS是对CSS3(层叠样式表)的语法的一种扩充,它可以使用巢状、混入、选择子继承等功能,可以更有效有弹性的写出Stylesheet。   Sass最后还是会 编译出合法的CSS 让浏览可以使用,也就是说它本身的语法并不太容易让浏览器识别(虽然它和CSS的语法非常的像,几乎一样),因为它不是标准的CSS格式,在它的语法内部可以使用 动态变量 等,所以它更像一种极简单的 动态语言 。 2.Compass是什么?   Compass由SASS的核心团队成员Chris Eppstein创建,是一个非常丰富的 样式框架 ,包括大量定义好的mixin,函数,以及对SASS的扩展。 二./*Sass和Compass安装*/ // SASS是 Ruby语言写的 ,但是两者的语法没有关系。不懂Ruby,照样使用。只是 必须先安装Ruby,然后再安装SASS。 //

How to run compass compile without file or line reference?

你离开我真会死。 提交于 2019-11-26 16:55:53
问题 How can I suppress file or line reference such as the commented output line below when running compass compile and possibly keep --output-style expanded by default? /* line 85, ../../../app/stylesheets/simpla/style.sass */ .align-right { float: right; } The problem is whenever I make 1 line change in sass, it makes 50+ line changes to my css to update all the reference line numbers that got adjusted. This makes it really hard to read the actual changes in my git commit. 回答1: Nevermind, just