Less css
Upcoming SlideShare
Loading in...5
×
 

Less css

on

  • 321 views

 

Statistics

Views

Total Views
321
Views on SlideShare
321
Embed Views
0

Actions

Likes
0
Downloads
5
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Less css Less css Presentation Transcript

  • Agenda • Variables • Mixins • Nested rules
  • Variables • Declare a variable • @Nice-blue: #5B83AD; • @Fnord: "I am fnord.“ • Example • Ouputs: #header { color: #6c94be; }
  • Variables • When defining a variable twice, the last definition of the variable is used, searching from the current scope upwards. This is similar to css itself where the last property inside a definition is used to determine the value.
  • Variables • Lazy loaded
  • Mixins • In LESS, it is possible to include a bunch of properties from one ruleset into another ruleset
  • Mixins • Result
  • Nested rules • We have the following CSS
  • Nested rules • In LESS, we can also write it this way
  • Nested rules • Notice the & combinatory • It’s used when you want a nested selector to be concatenated to its parent selector
  • FAQ
  • Reference • http://lesscss.org/