Your SlideShare is downloading. ×
Less css
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Less css

285
views

Published on

Published in: Technology, Education

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
285
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Agenda • Variables • Mixins • Nested rules
  • 2. Variables • Declare a variable • @Nice-blue: #5B83AD; • @Fnord: "I am fnord.“ • Example • Ouputs: #header { color: #6c94be; }
  • 3. 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.
  • 4. Variables • Lazy loaded
  • 5. Mixins • In LESS, it is possible to include a bunch of properties from one ruleset into another ruleset
  • 6. Mixins • Result
  • 7. Nested rules • We have the following CSS
  • 8. Nested rules • In LESS, we can also write it this way
  • 9. Nested rules • Notice the & combinatory • It’s used when you want a nested selector to be concatenated to its parent selector
  • 10. FAQ
  • 11. Reference • http://lesscss.org/