mixins

I'm using LESS CSS 1.3.3. Sorry if this question has already been asked, I didn't find anything relevant on the web. I have several class generators that look like this (example extremely simplified, just enough to trigger the error): #genMarginTop (@name, @size) { .@{name} { margin-top: @size; } } Then I use them to generate some actual classes: #genMarginTop(mtStandard, 40px); #genMarginTop(mtHalf, 20px); So far, so good, LESS correctly generates those classes and I can use them in the HTML. However when I want to reuse such a generated class as a mixin somewhere else, I get an error:

I'm thinking about creating a mixin form class so that I can add a common set of fields to a variety of otherwise very different forms. Just using it as a base class won't work because I want to be able to use other forms as base classes like so: class NoteFormMixin(object): note = forms.CharField() class MainForm(forms.Form): name = forms.CharField() age = forms.IntegerField() class SpecialForm(MainForm, NoteFormMixin): favorite_color = forms.CharField() My only question is: how does this work? So far it looks like if I use a mixin, then it doesn't recognize the fields set from that mixin: >>

Getting to grips with LESS here but one thing is still a little unclear. Lets say I have multiple color themes for my website, controlled by a class on the body tag. From this I can redefine the various colors for each element within each theme. Easy enough but fairly time consuming if I have a lot of elements to change... and a lot of themes. Every time I add a new theme I need to write out all the selectors again, with different color values. I am basing my working so far on another post I found: LESS.css variable depending on class ... However it still seems overly complicated for what I

I want to remove the clearfix class from my HTML and include a clearfix mixin in my SCSS (Rails 3.1 application). What is the best approach to this? I am thinking of just taking the HTML 5 Boilerplate clearfix and turning it into a mixin, then @including it within the CSS for elements that need clearfixing. Copied from HTML5 Boilerplate: /* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements. http://j.mp/bestclearfix */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } /* Fix

Are there any techniques for emulating traits or mixins in Objective-C? In Scala, for example, I can do something like this: trait ControllerWithData { def loadData = ... def reloadData = ... def elementAtIndex = ... } trait ControllerWithStandardToolbar { def buildToolbar = ... def showToolbar = ... def hideToolbar = ... } class MyTableController extends ControllerWithData with ControllerWithStandardToolbar { def loadView = { super.loadView loadData buildBar } } It's basically a way to combine (or mix in) multiple pieces of functionality into a single class. So right now I have kind of an all

I have two models that contain the same method: def foo # do something end Where should I put this? I know common code goes in the lib directory in a Rails app. But if I put it in a new class in lib called ' Foo ', and I need to add its functionality to both of my ActiveRecord models , do I do that like this: class A < ActiveRecord::Base includes Foo class B < ActiveRecord::Base includes Foo and then both A and B will contain the foo method just as if I had defined it in each? Create a module, which you can put in the lib directory: module Foo def foo # do something end end You can then

I'm very familiar with the concepts of interfaces and abstract classes, but not super familiar with the concepts of mixins . Right now, in Dart, every class A defines an implicit interface, which can be implemented by another class B by using the implements keyword. There's no explicit way of declaring interfaces as, for example, in Java, where an interface contains only unimplemented methods (and eventually static variables). In Dart, since interfaces are defined by classes, the methods of the interface A may actually already be implemented, but the class that implements B still needs to

Twitter bootstrap documentation talks about three mixins to generate grid systems: .container-fixed(); #grid > .core(); #grid > .fluid(); I know how to setup the page to use bootstrap and less... But I don't know how to use the grid system semantically. The documentation says what mixins to use but not how... ¿ Could anyone ilustrate how to use them in order to create semantic grids ? Just to figure out or to see how it works :S Thank you !! In navbar.less of bootstrap you will find the following. grid and .core are used to namespace the .span() .navbar-fixed-top .container, .navbar-fixed