有没有办法利用master.less文件来存放.less所需的所有配置参数?
在我的解决方案中,我目前必须将以下变量放在每个.less文件的顶部。
/* DOTLESS VARIABLES AND REUSABLE FUNCTIONS */
@brand_color: #9fdf40; /* Primary MySite Green */
@Color: #696969; /* Alternate Text Color */
@top_gradient: #80cc15; /* MySite Green for TOP of GRADIENT */
@bottom_gradient: #9fdf40; /* MySite Green for BOTTOM of GRADIENT */
@borders: #696969; /* Standard Gray Border */
@light_borders: #DDD; /* Lighter Gray Border */
@note: #ffffbe; /* Yellow Notification Color (Also used for ad highlights) */
@font_family: Verdana, Arial, Helvetica, sans-serif; /*Standard MySite Font Family*/
.two-corner-radius(@radius){
-webkit-border-top-left-radius: @radius; /* Saf4+, Chrome */
-moz-border-radius-topleft: @radius; /* FF3.6+ */
border-top-left-radius: @radius; /* CSS3 */
-webkit-border-bottom-right-radius: @radius; /* Saf4+, Chrome */
-moz-border-radius-bottomright: @radius; /* FF3.6+ */
border-bottom-right-radius: @radius; /* CSS3 */
}
.gradient(@from:@top_gradient, @to:@bottom_gradient, @fallback:@brand_color) {
@ffgradient: "-moz-linear-gradient(center bottom, {0} 37%, {1} 72%)";
@wkgradient: "-webkit-gradient(linear,left top,left bottom,color-stop(0.37, {0}), color-stop(0.72, {1}))";
@iegradient: "progid:DXImageTransform.Microsoft.gradient(startColorstr='{1}', endColorstr='{0}')";
@ie8gradient: "\"progid:DXImageTransform.Microsoft.gradient(startColorstr='{1}', endColorstr='{0}')\"";
background : @fallback; /* for non-css3 browsers */
background : formatstring(@ffgradient, @from, @to); /* FF3.6+ */
background: formatstring(@wkgradient, @from, @to); /* Saf4+, Chrome */
filter: formatstring(@iegradient, @from, @to); /* IE6,IE7 */
-ms-filter: formatstring(@ie8gradient, @from, @to); /* IE8 */
}
/* END REUSABLE FUNCTIONS*/显然,这比在css中编辑每个变量的每个实例更容易维护(就像一个传统的做法),但是如果我可以声明一个master.less文件来保存变量和函数,然后让它对我所有的“子”.less文件产生良好的CSS效果,那将会更有好处。
我目前正在使用Chirpy来管理我的.less文件,这又使用了一个dotless.core.dll
发布于 2011-04-06 12:24:09
原来有一个允许我导入master.less文件的@import声明。我所要做的就是将它放在每个.less文件的顶部,并使用其中包含的所有函数/变量。
@import "E:\Projects\MyApp\UI\Assets\Css\master.less";工作起来像个冠军。
https://stackoverflow.com/questions/5559614
复制相似问题