Ruby's Louvre

每天学习一点点算法

导航

2012年9月13日 #

大家一起学习less 2:自带函数

摘要： 自带函数的意思是less自身准备的一套函数，可以让你直接在less文本中直接使用，它们90%是与颜色相关的。从源码可以看到，它们都挂在less.tree.functions之下：rgbrgbahslhslahuesaturationlightnessalphasaturatedesaturatelightendarkenfadeinfadeoutfadespinmixgreyscaleeescape%roundceilfloor_mathargbpercentagecoloriscolorisnumberisstringiskeywordisurlispixelispercentageisem 阅读全文

posted @ 2012-09-13 18:33 司徒正美 阅读(1106) 评论(0) 推荐(0) 编辑

大家一起学习less 2:嵌套规则

摘要： 还是先看示例// LESS#header { h1 { font-size: 26px; font-weight: bold; } p { font-size: 12px; a { text-decoration: none; &:hover { border-width: 1px } } }} /* 生成的 CSS */#header h1 { font-size: 26px; font-weight: bold;}#header p { font-size: 12px;}#header p a { text-decoration: none... 阅读全文

posted @ 2012-09-13 16:39 司徒正美 阅读(1917) 评论(0) 推荐(0) 编辑

大家一起学习less 1:混合

摘要： 我们先看以下一段例子：// LESS.rounded-corners (@radius: 5px) { border-radius: @radius; -webkit-border-radius: @radius; -moz-border-radius: @radius;}#header { .rounded-corners;}#footer { .rounded-corners(10px);} /* 生成的 CSS */#header { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5... 阅读全文

posted @ 2012-09-13 15:34 司徒正美 阅读(1126) 评论(0) 推荐(0) 编辑

bootstrap的reset.less

摘要： 它基本是来源于 Normalize.css，没有用到什么less语法，硬要的是可以看到“//”注释的使用/* Reset.less * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc). * ------------------------------------- 阅读全文

posted @ 2012-09-13 14:13 司徒正美 阅读(2657) 评论(0) 推荐(0) 编辑