less

31
Peter Arato Drupal, Flex/Flash, iOS Pronovix http://itarato.blogspot.com/

Upload: peter-arato

Post on 20-May-2015

780 views

Category:

Technology


2 download

DESCRIPTION

Brief introduction about LESS.

TRANSCRIPT

Page 1: Less

Peter AratoDrupal, Flex/Flash, iOSPronovixhttp://itarato.blogspot.com/

Page 2: Less

@itarato

Page 3: Less
Page 4: Less

LESS

Page 5: Less
Page 6: Less

LESS file >> CSS file

Page 7: Less

Nesting

Page 8: Less
Page 9: Less

Variables

Page 10: Less
Page 11: Less

Mixins

Page 12: Less
Page 13: Less

Parameters

Page 14: Less
Page 15: Less

Operators

Page 16: Less
Page 17: Less

Color functions

Page 18: Less
Page 19: Less

●lighten() - darken()●saturate() - desaturate()●fadein() - fadeout()●spin()●hue() - saturation() - lightness()●hsl()

Page 20: Less

Namespaces

Page 21: Less
Page 22: Less

Variable scope

Page 23: Less
Page 24: Less

Eval

Page 25: Less
Page 26: Less

How?

Page 27: Less
Page 28: Less
Page 29: Less
Page 30: Less

●http://lesscss.org/ (Documentation)●http://goo.gl/zxFEs (Smashing

Magazine)●http://incident57.com/less/ (Less app)●http://nodejs.org/

Page 31: Less