asp.net - Can't get LESS to compile Imports -

-

i using visual studio 2012 web essentials 2012, latest version. following direction article http://www.cutterscrossing.com/index.cfm/2013/5/20/skinning-bootstrap-tabs. have @import directives in less files , when save file css file created. however, nothing in css file. i've checked path, paths appear valid.

my file structure is...

a new empty web site called

 bootstrapless project      css folder         bootstrap folder             bootstrap less files         core folder             css folder                css files generated less files in core folder             core.less             overrides.less             variables.less      img folder         bootstrap folder             bootstrap glyphicons-halflings png files      js folder         bootstrap folder             bootstrap js files

in custom variables.less file have...

 @iconspritepath:          "../../img/bootstrap/glyphicons-halflings.png";  @iconwhitespritepath:     "../../img/bootstrap/glyphicons-halflings-white.png";

the variables.css output created upon save empty

in custom overrides.less file have...

 @import "variables.less";    [class^="icon-"],  [class*=" icon-"] {     background-image: url("@{iconspritepath}");  }   /* white icons optional class, or on hover/focus/active states of elements */  .icon-white,  .nav-pills > .active > > [class^="icon-"],  .nav-pills > .active > > [class*=" icon-"],  .nav-list > .active > > [class^="icon-"],  .nav-list > .active > > [class*=" icon-"],  .navbar-inverse .nav > .active > > [class^="icon-"],  .navbar-inverse .nav > .active > > [class*=" icon-"],  .dropdown-menu > li > a:hover > [class^="icon-"],  .dropdown-menu > li > a:focus > [class^="icon-"],  .dropdown-menu > li > a:hover > [class*=" icon-"],  .dropdown-menu > li > a:focus > [class*=" icon-"],  .dropdown-menu > .active > > [class^="icon-"],  .dropdown-menu > .active > > [class*=" icon-"],  .dropdown-submenu:hover > > [class^="icon-"],  .dropdown-submenu:focus > > [class^="icon-"],  .dropdown-submenu:hover > > [class*=" icon-"],  .dropdown-submenu:focus > > [class*=" icon-"] {    background-image: url("@{iconwhitespritepath}");   }

on save, web essentials creates overrides.css following...

 [class^="icon-"],  [class*=" icon-"] {    background-image: url("../../img/bootstrap/glyphicons-halflings.png");  }  /* white icons optional class, or on hover/focus/active states of elements */  .icon-white,  .nav-pills > .active > > [class^="icon-"],  .nav-pills > .active > > [class*=" icon-"],  .nav-list > .active > > [class^="icon-"],  .nav-list > .active > > [class*=" icon-"],  .navbar-inverse .nav > .active > > [class^="icon-"],  .navbar-inverse .nav > .active > > [class*=" icon-"],  .dropdown-menu > li > a:hover > [class^="icon-"],  .dropdown-menu > li > a:focus > [class^="icon-"],  .dropdown-menu > li > a:hover > [class*=" icon-"],  .dropdown-menu > li > a:focus > [class*=" icon-"],  .dropdown-menu > .active > > [class^="icon-"],  .dropdown-menu > .active > > [class*=" icon-"],  .dropdown-submenu:hover > > [class^="icon-"],  .dropdown-submenu:focus > > [class^="icon-"],  .dropdown-submenu:hover > > [class*=" icon-"],  .dropdown-submenu:focus > > [class*=" icon-"] {    background-image: url("../../img/bootstrap/glyphicons-halflings-white.png");  }

the last custom less file in core folder core.less file. file has following imports...

 @import "../bootstrap/bootstrap.less";  @import "overrides.less";

when saved empty css file created. again, empty.

is there i'm missing. i've been on instructions few times , seems right.

thanks

you should not save less file, compile them leveraging less compiler.

see http://vswebessentials.com/features/less how compile less files web essentials.

you can set compiler settings tools -> options. include:

  1. compile on save
  2. compile on build
  3. enable minification

Comments

Post a Comment

Popular posts from this blog

html5 - What is breaking my page when printing? -

-
Image
i have questioner , don't know why when printing it's creating break before first question. live demo (link) i able resolve issue removing fieldset container had wrapped in.. having fieldset element causing of fields grouped together, , since not fit on first page, being pushed second page. removing fieldset element, able firefox print first 2 questions on page 1 identically chrome. it seems not new problem firefox , fieldset not playing nice found old bugzilla ticket 2008 has persisted , still being commented on in 2014 (link) if retaining fieldset important, found solution else came here (link) <script type='text/javascript'> $(window).bind('beforeprint', function(){ $('fieldset').each( function(item) { $(this).replacewith($('<div class="fieldset">' + this.innerhtml + '</div>')); } ) }); $(window).bind(
Read more

c# - must be a non-abstract type with a public parameterless constructor in redis -

-
when save object, got below error must non-abstract type public parameterless constructor in order use parameter 't' in generic type or method 'servicestack.redis.redisclient.store<t>(t) redisclass.getinstnace().store(msg); // error here redisclass.getinstnace().save(); as third party's class, can not edit how save object? could create wrapper around third party object call constructor, store wrapper? e.g. public class mywrapper { public thirdpartyobject thirdpartyinstance { get; set; } public mywrapper() { thirdpartyinstance = new thirdpartyobject("constructors"); } }
Read more

ajax - PHP/JSON Login script (Twitter style) not setting sessions -

-
i'm having trouble getting twitter style login work properly, reason gets stuck at session_register("useremail"); session_register("userpass"); and doesn't redirect after it. if enter wrong account data, works , appropriate error message pops up. this full code: <?php if(empty($_post['email']) || empty($_post['password'])) { die(msg(0,"all fields required")); } if(!(preg_match("/^[\.a-z0-9_\-\+]+[@][a-z0-9_\-]+([.][a-z0-9_\-]+)+[a-z]{1,4}$/", $_post['email']))) die(msg(0,"you haven't provided valid e-mail")); $host="localhost"; $username="root"; $password="x"; $db_name="x"; $tbl_name="x"; mysql_connect("$host", "$username", "$password")or die("cannot connect"); mysql_select_db("$db_name")or die("cannot select db"); $useremail=$_post['email']; $userpass=
Read more