Less is an open-source stylesheet preprocessor that extends CSS with dynamic behavior such as variables, mixins, operations and functions.
1
vote
0answers
13 views
BUG? Correct background-image path is rendering incorrectly using bootstrap + lessphp + views. Any ideas in how to fix or work around it?
At least I think it is a bug.
Ok I'm using Drupal 7 with the LESS pre-compiler and Views. I am setting a bootstrap subtheme and everything was working OK until I tried to use backbround-image on my ...
1
vote
0answers
17 views
Using LESS with Skeleton
Relatively new coder here. I've been using the Skeleton-Boilerplate as the base for most of my work for the past year and am comfortable and familiar with it. I have recently begun to learn LESS, and ...
0
votes
0answers
14 views
PHPStorm less watcher - main less file and sub less files in subdirectories
I want to trigger main.less compilation when i change sub.less. 'Track only root files' is on.
main.less (imports samelevel.less and sub.less)
samelevel.less
subdir/sub.less
When i change sonething ...
0
votes
1answer
14 views
Joomla - Uncaught exception, Error 500 - less block
I've migrated a Joomla site to a new server, updated the configuration.php file, and I'm getting these errors:
Fatal error: Uncaught exception 'RuntimeException' with message 'Less Parse Error: parse ...
2
votes
1answer
31 views
Group css selectors in LESS for pseudo class use
Say I have a group of elements that I want to apply pseudo classes to, is there a way to define muliple elements in a variable and then apply a pseudo class to all of them at once? Like so:
@inputs: ...
1
vote
0answers
21 views
Get the loaded LESS file and compile it on demand
I'm trying to compile a small LESS portion of code and mixing it with a bigger one already compiled in the page.
I thought there was some way to reuse the compiled less or maybe load it again, mix it ...
0
votes
1answer
13 views
Default LESS function argument initially set as another argument?
Take this example function:
.linear-gradient(
@begin: black,
@end: white,
@switch : 100%,
@default: @begin
) {
background: @default;
background: -webkit-gradient(linear, 0 0, ...
0
votes
1answer
21 views
How can I customize the CSS generated by LESS to include Font Awesome?
I want to customize Bootstrap's CSS by layering in Font Awesome as a replacement for Bootstrap's default Glyphicons.
How can I customize the CSS generated by LESS to include Font Awesome in a way ...
2
votes
1answer
37 views
Reference variables in a separate less file using SquishIt?
We are using bootstrap for our project in MVC4. So far, we were referencing the bootstrap.less file in our main layout page and it worked great. However, a new requirement has come along that requires ...
0
votes
1answer
21 views
How can I get .less compiler support in Visual Studio 2012 Release 2?
I read that now in VS2012 there is .less compiler support. I mean support for the Less compiler that compiles into CSS.
However when I open a .less file it still only gives me the single less pane ...
0
votes
0answers
23 views
Client side LESS files in Bootstrap cannot be found
Hi I am trying to use LESS with bootstrap using the clientside js method of compiling to avoid using command line etc. I have included the latest version of LESS.js plus a link to the neccessary LESS ...
1
vote
1answer
51 views
Pinterest, Pin CSS Style
I'm trying to get the CSS for a Pin Style right. I'm trying to get the exact Pinterest Pin Style, that means that the image is filling the container/box and below there are the stats...
The Image ...
1
vote
0answers
34 views
Undefined mixin using LESS
I'm trying to call the span6 class and import it into the promo-left class. As you can see, I've done this with other classes earlier in the document.
I've also searched the compiled css and .span6 ...
-1
votes
0answers
30 views
Height is set with a class, there is no padding, no margin, but consecutive divs have varying height?
I'm marking up a project using Bootstrap, and I have set the height for a class to be 56px. Box-sizing is set to border-box, and there is absolutely zero-padding or margin on any elements or nested ...
0
votes
1answer
25 views
Using & inside Less mixins
Here is my mixin code
.bleed() {
&:before, &:after {
content: " ";
width: 3%;
height: 100%;
display: block;
.horizontal-gradient(none, #000, ...
0
votes
1answer
30 views
Importing a file with LESS won't see the @filename var
I'm trying to load an .less file into my main theme, this is my filestructure:
main.less
themes/pink.less
themes/yellow.less
themes/blue.less
I'm using this mixin to retrieve the selected theme:
...
0
votes
1answer
14 views
T3-Framework does not load variables.less
I'm developing a template using T3-framework. I couldn't remember what did I change exactly, but my variables.less does not get loaded. I can see this when I'm inspecting my <h1> tag, it shows ...
0
votes
0answers
7 views
less-rails gem have all css files compiled individually
With less-rails and asset pipeline, all of my bootstrap files are @imported in a single file; is there any way, besides switching ALL of my files @imports to using sprockets *= require directive, to ...
0
votes
1answer
30 views
Method not found error when using BundleTransformer in MVC4
We used bundling of LESS code n MVC3 application and everything worked properly.
In our RegisterBundles() we have code as follows:
var bundle = new
Bundle("~/assets/styles/EnhancedLayoutLess")
...
0
votes
1answer
16 views
Using a variable in a self-selector LESS
I cannot figure out how to create a self-selector. My best guess would be:
.mixin(@var) {
&(~':nth-of-type(@{var}n)') {
// do stuff
}
}
But when used as
.el { .mixin(3); }
...
0
votes
1answer
15 views
Less bundle is throwing a StackOverflow exception
I'm trying to bundle some .less files in VS 2012. I have installed the BundleTransformer which also installs dotless.
Here's my BundleConfig.cs
using System.Web;
using System.Web.Optimization;
...
0
votes
0answers
16 views
Redundant file collecting with Django staticfiles and Django compressor
I'm working to get django-staticfiles and django-compressor configured for production use. At the moment I'm working with a configuration similar to django-skel's, where the deployment workflow is
...
0
votes
2answers
22 views
How to pass variables to LESS parametric mixin for gradient?
This should be a really easy thing to find but I am just not having any luck. I want to create a parametric mixing for a linear gradient, and have some variables with default values that I can change ...
1
vote
2answers
45 views
LESS CSS - selecting a child with the same class as its parent
Just starting working with LESS today... got a question that I am trying to figure out.
Is there a way to apply a style to an LI that has the same class name as its parent UL, without knowing in ...
1
vote
0answers
24 views
php compile less file using lessc via nodejs on windows 7
I am trying to compile less file using php, and I am trying to use lessc which I installed as nodejs module on my windows 7
I am trying to do :
$command = lessc %s -compress %s
via
...
0
votes
1answer
37 views
Less CSS - reverse parent of parent
Is it possible in Less CSS to get the parent of the parent?
I'm wondering if it's possible to do something like this:
#parent1 {
#parent2 {
#grandparent & & {
/* stuff */
}
...
0
votes
0answers
26 views
Less Filewatcher compiler in PHPStorm
what I'am doing wrong when trying to compile the .less files into .css with PHPStorm File watcher ?
Here is the screenshot, (pls open THIS LINK to see the full size of the image):
I installed npm ...
3
votes
0answers
51 views
LESS syntax highlighting and intellisense stopped working in VS2012
I'm running Visual Studio 2012.3 update.
Today when I started IDE and opened a LESS file syntax highlighting didn't work. Nor did intellisense while editing it.
It seems that Web Essentials is ...
1
vote
1answer
42 views
Passing Variables from one mixin to another in LESS CSS
I have been using less for a while, mainly for basic things to make my day in and day out chores a little easier. I was messing around with less today for fun and tried to do something that I havent ...
2
votes
1answer
36 views
Can numbers be rounded (math term) using LESS CSS?
LESS CSS = http://lesscss.org/
I declared a variable, like this... @height: 30px
Then I used a simple calculation, like this... line-height: @height * .666
It returns 19.98px but I wanted an even ...
2
votes
2answers
74 views
CSS duplicate rules best practice
Suppose I have html like this, and I use LESS:
<div class="one">
<p class="a"></p>
<p class="b"></p>
</div>
<div class="two">
<p ...
2
votes
1answer
41 views
Can i use variable color variable with less css
Is there a way to declare the following:
body.someclass { @maincolor:#somecolor;}
bidy.anotherclass { @maincolor:#anothercolor;}
also tried:
body.someclass {.maincolor {color:#somecolor;} }
...
0
votes
1answer
32 views
Show syntax error on browser console in lesscss
Can this be possible, I wanted to show the code generated errors to the browser's console panel of the browser for LessCss...
In the case of any runtime errors or syntax error or any compiler issues, ...
2
votes
0answers
28 views
Web Essentials not working
I've just installed the Web Essentials(v 2.7) for MS Visual Studio 2012 and it's not working (i'm interested in the LESS part).
I've restarted VS, the 'extension and updates' windows displays web ...
0
votes
1answer
26 views
Refresh references of an imported LESS file
I'm using LESS with visual studio 2012.
I have one LESS file with my variables and mixins, and my other LESS files import that file.
Something like this:
varsAndMixins.less:
@color: #fff;
...
...
0
votes
1answer
41 views
css less mixin rem calculator without being orientated to font or something
Morning everyone i have the following mixin and i would like to transform it into a global one. What i mean is without settings the margin i want to use it for font-size for example .. or for anything ...
1
vote
0answers
24 views
Less-rails and twitter-bootswatch-rails @imported styles not causing a LESS/CSS recompile
I'm using less-rails and twitter-bootswatch-rails gems with a brand new Rails 4 app.
This sets up an app/assets/stylesheets/cosmo/loader.css.less which contains @import to all of the bootstrap less ...
0
votes
0answers
60 views
The pixel on IE6
In my project,I use bootstrap and less. Although when I test the template, it look beautiful, but when test it using ieTest, I found something wrong.
The pictures are, from top to bottom, Chrome 22, ...
0
votes
0answers
39 views
Intergrating other Menu animations in Twitter Bootstrap
I have been struggling for a while now.. i am basically trying to get this menu running in bootstrap.. I have the navbar.less infront of me and i tried adding the following:
//RIBBON MENU
...
0
votes
0answers
9 views
Can't assets_compite on production with LESS
I have twitter bootstrap theme with plugins, css, etc. Here is the structure:
In plugins folder there are some less files for itself. In less files there are some functions from common file, such as ...
-2
votes
3answers
39 views
Structure a stylesheet to manage skins or themes [closed]
How can I structure a CSS or LESS file to manage skins or themes?
ex: using LESS vars to stock colors, or link to img patterns, and if I change this file the look of the site changes... but I don't ...
0
votes
2answers
51 views
LESS: Subtract from variable
Using LESS, how can I subtract values with "px" at the end of the variable. I have the following variable:
@bpMobile: 600px
What I want to do is subtract this by 1px
@media only screen and ...
0
votes
0answers
9 views
Using LESS only to generate CSS as part of builds, not generating per-request?
I just started looking into dotless for my VS2012 solution and it seems that the less is compiled down to css every time a request hits the less file. This seems like a waste of cycles - I'm not ...
3
votes
1answer
59 views
Less - using classes created inside guarded mixins
I have the following less code:
.loop (@index) when (@index >= 10) {
(~".font@{index}") {
font-size: ~"@{index}px";
}
.loop(@index - 1);
}
.loop (0) {}
.loop (10);
which output:
...
0
votes
1answer
30 views
Alignment plugin in Sublime Text does not work with style.less (less file)
As the title, i can't find the way to make alignment plugin available with .less file. It's just work on CSS File
-2
votes
0answers
23 views
bootstrap 16 col 15px gutter [closed]
i downloaded the bootstrap, custom version, which gives you basic html, css, js folders(and changes the columns and gutter).
--BUT no sass.
so i then downloaded the boostrap master from github, which ...
1
vote
1answer
103 views
Using LESS for custom styling
The current project that I'm working on has a requirement that some customers require their own styling (colours, fonts etc). Other customers will use the default styling lovingly crafted by our ...
3
votes
1answer
50 views
Custom property names in LessCSS
I'm trying to implement a custom CSS property in my TinyMCE editor stylesheet for an EPiServer CMS project.
According to the EPiServer SDK, in order for me to add a custom style to the TinyMCE Styles ...
1
vote
0answers
29 views
Node.JS express compile less in different folder
I need to compile *.less files in different folder inside public directory. I've git this dir structure:
/public:
/stylesheets:
/less:
style.less
/css:
style.css
/js
/img
...
0
votes
1answer
30 views
LESS parametric mixin with multiple variables
I have the following variables set:
@live:background:url('/cmn/static/images/live_placeholder.png');
@online:background:url('/cmn/static/images/online_placeholder.png');
...
