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 {
   .my_mixin;
}

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 different css margin-top to each children in a list

    How to change my css code to fit the footer to the bottom of the page for any size of monitor?

    How can I resize to fit html elements horizontally using CSS?

    How can I put a graphic marker next to an item using pure CSS?

    How to optimize this css code? [closed]

    Tab content not showing up

    How to make a Check Button? (hidden checkbox with label as a button: CSS only)

    How to avoid inheriting opacity property in CSS?

    How can i overlay an 10x10px image on top of another image?

    How to add CSS to a class through jQuery?

    Show/Hide & Change CSS functions are not working

    How to set backround image in css

    How to let the chrome forget the page scroll position?

    What is the correct css for the list of results to show correctly in this situation? [closed]

    how is at the rate import filename.css in style tag different from link tag to relate to css file

    How to change css style for only one image in specific page in wordpress?

    How to notify view from model to change a value in backbone

    How to align image as pseudo element?

    HTML + CSS dropdown menu: how to add a button between each first-level link without breaking the alignment?

    How would you code this: The SO Menu [closed]

    How can I specify relative positioning in HTML?

    show loading image before the content loads through jquery or ajax

    How can I give each
  • its own bullet image?
  • How to hide

    Can't figure out how to horizontally CENTER my content div [duplicate]

    @font-face font working fine locally but when pushed to server it just shows up as a default HTML font

    How to convert this xpath to css?

    ¿How to create text slider animation?

    How to make a child div to grow to full screen using CSS?

    How to submit data to another file as it is