Less is more

Thank goodness someone made CSS a dynamic stylesheet language. Less gives CSS dynamic behavior with variables, mixins, operations, and functions. It has a client side and server side implementation. If it only gave CSS variables, I’d use it. I love it.

 

.box-shadow (@x: 0, @y: 0, @blur: 1px, @alpha) {  @val: @x @y @blur rgba(0, 0, 0, @alpha);  box-shadow:         @val;  -webkit-box-shadow: @val;  -moz-box-shadow:    @val;}.box { @base: #f938ab;  color:        saturate(@base, 5%);  border-color: lighten(@base, 30%);  div { .box-shadow(0, 0, 5px, 0.4) }}
Advertisements
Previous Post
Next Post
Leave a comment

1 Comment

  1. Fred Nixon

     /  June 2, 2011

    OK, the list isXCSS – http://xcss.antpaw.org/HSShttp://ncannasse.fr/projects/hssand for you Python fans, CleverCSS – http://sandbox.pocoo.org/clevercss/Any I missed?

    Reply

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: