LESSã«extendを実装ã—ã¦ã¿ãŸ - hokaccha memoLess & Sass Advent calendar 2011ã®14日目ã§ã™ã€‚LESSã«extendを実装ã—ãŸã®ã§ç´¹ä»‹ã€‚ LESSã¯Sassã«æ¯”ã¹ã¦æ©Ÿèƒ½ãŒå°‘ãªã„ã§ã™ã€‚ãã®ä¸ã§ã‚‚よãLESSã«ã¯extendãŒãªã„ã®ãŒå›°ã‚‹ã¨ã„ã†ã®ã‚’èžãã®ã§å®Ÿè£…ã—ã¦ã¿ã¾ã—ãŸã€‚ Sassã®extendã«ã¤ã„ã¦ã¯Advent Calendarã§ã‚‚後ã»ã©èª°ã‹ãŒç´¹ä»‹ã—ã¦ãれるã¨æ€ã„ã¾ã™ãŒã€ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ Sassã®@extendã§CSSã¨HTMLをシンプル㫠- ã‚ã¨å‘³ LESS版ã¯ã“ã‚“ãªæ„Ÿã˜ã§æ›¸ã‘ã¾ã™ã€‚ .foo { width: 100px; } .bar { +.foo; /* ã“ã® + ã£ã¦ã®ãŒSassã§ã„ã†ã¨ã“ã‚ã® @extend */ } ã“れをコンパイルã™ã‚‹ã¨ã“ã†ãªã‚Šã¾ã™ã€‚ .foo, .bar { width: 100px; } ã„ã„ã§ã™ã。よã使ã„ãã†ãªã®ãŒclearfixçš„ãªã‚„ã¤ã ã¨æ€ã„ã¾ã™ã€‚
{{#tags}}- {{label}}
{{/tags}}