【问题标题】:DotLess (.less) master.less file for variables and functions变量和函数的 DotLess (.less) master.less 文件
【发布时间】:2013-09-10 00:21:34
【问题描述】:

有什么方法可以利用 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

【问题讨论】:

    标签: css visual-studio-2010 dotless chirpy


    【解决方案1】:

    原来有一个@import 声明允许我导入我的master.less 文件。我所要做的就是将它放在每个.less 文件的顶部,并使用其中包含的所有函数/变量。

    @import "E:\Projects\MyApp\UI\Assets\Css\master.less";
    

    像冠军一样工作。

    【讨论】:

    • 更多关于 dotless 的文档可以访问:github.com/dotless/dotless/wiki
    • 是的,我想我正在寻找一种不同的方式。我试图在 chirpy 配置中声明它。
    猜你喜欢
    • 1970-01-01
    • 2012-02-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-09-14
    • 2014-03-22
    相关资源
    最近更新 更多