Can't compile a LESS file into CSS -


my less file looks this:

/*style*/ .themestyle(){     font-weight:normal;     text-transform:capitalize;     text-transform:none; } .styletitleblock(@padding; @margin){     text-transform:uppercase;     padding:@padding;     margin:@margin;     text-align: left; } .hidetext(){     display: inline-block;     text-indent: -99999px;     overflow: hidden;     vertical-align: middle;     text-align: left;     float: left;     .themestyle(); } .themeposition(){     position:absolute;     top:0;     left:0; } /*color text * color text hover*/ .link(@color; @colorhover){     color: @color;     &:hover,     &:focus,     &:active {         color: @colorhover;         text-decoration:none;     } } /*========================= functions==================*/ /*change font*/ .changefont (@font){     font: @font; }  /*change text color*/ .changecolor (@color){     color: @color; } /*change line*/ .changeline (@linecolor){     border-color: @linecolor; } /*change background color*/ .changebkg (@bgkcolor){     background-color: @bgkcolor; } /*change background image color*/ .changebkg (@bkgcolor; @bkgurl; @bkgname; @bkgposition; @bkgrepeat){     background-color:@bkgcolor;     background-image:url("@{bkgurl}@{bkgname}");     background-position:@bkgposition;     background-repeat:@bkgrepeat;  }  /*change color-border-background color*/ .changeallcolor(@color; @bgkcolor){     .changecolor (@color);     .changebkg (@bgkcolor); } .changeallcolor(@color; @linecolor; @bgkcolor){     .changecolor (@color);     .changeline (@linecolor);     .changebkg (@bgkcolor); }

etc. i'd need use on shared host without less compiler seems. wanted pre-compile it.

lessc functions.less  > functions.css

generates css file, contains comments - no code, no other css directives. did wrong? can solve problem?

you have mixins in less file. mixins not result in css output, if used nowhere. see less documentation more mixins (in case, parametric mixins).

try remove parentheses after selectors, this:

.hidetext {     display: inline-block;     text-indent: -99999px;     overflow: hidden;     vertical-align: middle;     text-align: left;     float: left;     .themestyle(); }

-

Popular posts from this blog

javascript - Js, document.getElementById("ID").innerHTML, error -

hello i'm new javascript, , i'm try write out code test site , i'm having problems, dow below code , keep getting error , can't figure out why. typeerror: null not object (evaluating 'document.getelementbyid("h3").innerhtml = "<h3>you date!</h3>"') this second method tried using. i'm trying have have version list first 1 had pull .js file , build table, didn't work thought try this, guess happened? not working my code i'm using below. if can amazing. thanks, dakmessier var current = "1.0"; function get_latest(){ document.getelementbyid("bob").innerhtml = current; } if (local != current){ document.getelementbyid("get").innerhtml = "<button><a href=\"bla\">get latest update!</a></button>"; } else if (local == current){ document.getelementbyid("h3").innerhtml = "<h3>you date!</h3>"; } else { document.g...
Read more

objective c - Is there a way in OCMockito to make stubs fail when an unknown method is called? -

when creating stub in ocmockito, use calls stub out method calls , return values: [given([stubobject mymethod]) willreturn:somevalue]; the problem have if don't define method method gets called during test, default seems to return nil . can lead sneaky bugs since real methods asserted never return nil , therefore return value not tested in code calling method. is there way change default behavior or maybe test if called on object apart few methods i'm stubbing? no, ocmockito stubs "nice". if want "strict" stubs, ocmock may suit better.
Read more

jquery - jqGrid update specific column data with out refreshing the entire column? -

i using jqgrid in project . want update/refresh specific column data out refreshing entire grid. please give me idea that. here possible solution. can use 'setcell' in jqgrid set value specific cell in column. see fiddle here: https://jsfiddle.net/99x50s2s/4/ i hope above fiddle give idea complete task. <table id="sg1"></table> <div id="psg1"></div> <br> <button type="button" id="setcolumnbtn">update 'amount' column</button> jquery("#sg1").jqgrid({ datatype: "local", gridview: true, loadonce: true, shrinktofit: false, autoencode: true, height: 'auto', viewrecords: true, sortorder: "desc", scrollrows: true, loadui: 'disable', colnames:['inv no','date', 'client', 'amount','tax','total','notes'], colmodel:[ {name:...
Read more