Uploaded on

 

More in: Technology , Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
228
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
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/