调尝贰厂厂皑をちょっと拡张してみた
?Download as PPTX, PDF?
0 likes?488 views
前半 LESSについての説明 後半 LESSの拡張 ルールの一括指定ができるようにless-1.7.0.jsを改変
调尝贰厂厂皑をちょっと拡张してみた
- 3. 尝贰厂厂とは？
- 4. 尝贰厂厂とは？ ? CSSのメタ言語 ? CSSを便利にかける！ ? LESSファイル→CSS ? コンパイル ? lessc(node.js npm) ? Less.js
- 5. どんな风に书けるの？
- 6. LESS
- 7. LESS
- 8. Mixin
- 9. Mixin
- 10. Mixin
- 11. Mixin
- 12. TwitterBootstrap > mixins.less ? .size(@height:5px, @width:5px) ? .border-radius(@radius:5px) ? .box-shadow(@shadow) ? .scale(@ratio) ? .translate(@x:0, @y:0)
- 13. 尝贰厂厂を拡张
- 14. LESS(css)に対する不満 ? @side : 10px ? margin-right: @side; ? margin-left: @side; 汚い
- 15. LESS(css)に対する不満 ? (mixins.less) ? .rotate(@degrees) { ? -webkit-transform: rotate(@degrees); ? -ms-transform: rotate(@degrees); ? transform: rotate(@degrees); ? } 汚い
- 17. 新しいルールの提案 ? .hoge,.huga { …} ? ↑セレクタ一括指定 ? hoge,huga: rule ? ↑ルールの一括指定 ? 例 height,width: 100px;
- 19. 濒别蝉蝉.箩蝉をいじる
- 20. 濒别蝉蝉.箩蝉をいじる
- 21. 结果
- 22. 结果
- 23. 结果
- 26. おわり