How to utilize css of this style in LESS?

Tags: css,blueprint-css,less

Problem :

I want to use some css framework but hate its unsemanticness. So I want to use LESS. The basic idea is mixin framework's css into my own classes. But I feel LESS can't handle some scenarios. For example, some classes are define in the framework as:

div.prepand = {...} or * html .span-1 = {...}

LESS mixin doesn't seem to support the above situations. Any idea?

Solution :

I'm not sure which framework did you mean by saying that "some classes are define in the framework as:".

In Less, you don't declare mixins the way you showed it. You do it like so:

.my_mixin { ... }

And then below in the file you can (re)use it like so:

div.content {

Other than that, I don't understand your question. You want to mixin framework's CSS into your own classes? What does that mean? You write CSS in Less or you don't ...

    CSS Howto..

    How to apply a complex style to the selection of a Select2 component?

    How do I center HTML objects on an MVC 4.0 Web API using Razor application?

    How to animate CSS Translate

    how to add class with animation?

    CSS - how to set some divs inline

    How to select only one child element in CSS?

    How to set cursor off screen?

    How to modify twitter widget in css

    How to style an add to cart

    Find how an element's css has changed after jQuery “toggle” function has been used

    webpage works well on all browsers except Android Browser, which shows fonts with increased size

    How to use CSS to ensure items remain offscreen even if window is resized?

    With Wordpress, how do I link to an image to use as a background in my style.css file?

    How do I remove the blue border when I click on a hotspot mapped to my image in HTML/CSS?

    How to customize post excerpt css

    css how to make this div at the bottom of another div [duplicate]

    How to make a new class

    CSS - How to prevent ul/ol li's second row of text from going further left than the first line?

    how to load the dynamically changed css file

    How to move stacked columns up (using bootstrap but any css will do)

    How to open a bootstrap modal when checked a chec-box (when a tick is placed on a check box)

    How to: mob-responsive menu that will always have a height:100% and show all
  • s although the body gets position:fixed when the list is displayed
  • How to make a jQuery step animation?

    How to apply multiple css transform properties using Jquery

    How to have constants in Flex CSS files

    How to float a
    echoed in the footer over a
    located elsewhere (PHP/jQuery/HTML/CSS)

    How do I overlay a div on an empty div containing a background image?

    How an mobile compatible website handles the performance?

    how can I fetch a website and overwrite some ot its html and css [closed]

    How to Create Responsive Web Page With Static Header?