Lessã§BEMã£ã¦ã¿ãŸã‚‰ã‹ãªã‚Šã•ãã•ãコーディングã§ããŸï¼ã¨ã„ã†è©± - Toro_UnitBEMを使ã£ãŸCSSã®ã‚¯ãƒ©ã‚¹è¨è¨ˆ(MindBEMding)ã§ã™ãŒã€ã“れをSassã§ã‚„ã‚ã†ã¨ã™ã‚‹ã¨ã€çµæ§‹æ³£ã‘ã¦ãã¾ã™ã€‚ ãŸã¨ãˆã°ã“ã‚“ãªæ„Ÿã˜ã«ãªã‚‹ã‚“ã§ã—ょã†ã‹ã。 $block: ".block"; #{$block} { display: block; } #{$block}__element { border: 1px solid #CCC; } #{$block}__element_modifier { border-color: #FFF; } ã¾ãŸã€Sass 3.3以é™ã ã¨ã€ .block { display: block; @at-root { #{&}__element { border: 1px solid #CCC; @at-root { #{&}--modifier { border-color: #FFF; } } } } //ã‚‚ã—ãã¯ã“ã‚“ãªæ„Ÿã˜ @at-root { #
px指定ã®æ¬¡ã¯ã‚³ãƒ¬ï¼ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚„ブレイクãƒã‚¤ãƒ³ãƒˆã«ã€Œremã€ã‚’使ã£ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク -Schema UI Framework | コリス
ãƒãƒ£ãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ãŒLESSを使ã†ç†ç”± | ãƒãƒ£ãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚¯ãƒªã‚¨ãƒ¼ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚°
Home Page | Cntlog
Tokyo Otaku ModeãŒStylusを使ã†ç†ç”± | Tokyo Otaku Mode Blog
CSS拡張メタ言語「SCSS(Sass)ã€ã¨ã€ŒLESSã€ã®æ¯”較 - (DxD)∞
ã¯ã¦ãªã«ãŠã‘ã‚‹CSSメタ言語（CSSプリプãƒã‚»ãƒƒã‚µï¼‰ã®å°Žå…¥ã«ã¤ã„㦠- Hatena Developer Blog
{{#tags}}- {{label}}
{{/tags}}