• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
 

less freamwork

on

  • 556 views

 

Statistics

Views

Total Views
556
Views on SlideShare
556
Embed Views
0

Actions

Likes
1
Downloads
4
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 freamwork less freamwork Presentation Transcript

    • less 1less freamwork
    • css 2less freamwork
    • 3less freamwork
    • css css 4less freamwork
    • less Css 5less freamwork
    • Less 6less freamwork
    • www.lesscss.org www.lesscss.ir name.less 3 html 4 7less freamwork
    • 8less freamwork
    • 9less freamwork
    • @nice-blue: #5B83AD; @light-blue: @nice-blue + #111; #header { color: @light-blue; } #header { color: #6c94be; } 10less freamwork
    • css 11less freamwork
    • mixin .bordered { border-top: dotted 1px black; border-bottom: solid 2px black; } #menu a { color: #111; .bordered; } .post a { color: red; .bordered; } 12less freamwork
    • #menu a { color: #111; border-top: dotted 1px black; border-bottom: solid 2px black; } .post a { color: red; border-top: dotted 1px black; border-bottom: solid 2px black; } 13less freamwork
    • Mixin #header { .border-radius(4px); } .button { .border-radius(6px); } 14less freamwork
    • #header { color: black; } #header .navigation { font-size: 12px; } #header .logo { width: 300px; } #header .logo:hover { text-decoration: none; } 15less freamwork
    • LESS #header { color: black; .navigation { font-size: 12px; } .logo { width: 300px; &:hover { text-decoration: none } } } 16less freamwork
    • lighten(@color, 10%);darken(@color, 10%);fadein(@color, 10%)fadeout(@color, 10%);fade(@color, 50%);mix(@color1, @color2); 17 less freamwork
    • css 18less freamwork