Sassã¨BEMSCSSファイルを整ç†ã—ç›´ã—ã¦ã„る時ã€ä¸€æ°—ã«BEMãªã‚¯ãƒ©ã‚¹ã‚’使ã£ã¦æ›¸ããªãŠã—ã¦ã‚„ã‚ã†ã‹ã¨ã‚‚考ãˆã¦ã„ãŸã€‚ã‘ã©é€”ä¸ã§Sassãªã‚‰SCSSファイルã®åˆ†å‰²ã¨ãã®ä¸ã§ã®å·¥å¤«ã«ã‚ˆã£ã¦BEMã®æ§‹é€ を表ç¾ã§ããã†ã¨æ„Ÿã˜ãŸã®ã§ã€ä»Šã¯ãã†ã„ã†æ–¹å‘ã§è©¦è¡ŒéŒ¯èª¤ã—ã¦ã„る。実際BEMã®ã‚¦ã‚§ãƒ–サイトã§ã‚‚ファイルシステムを使ã£ãŸBEMã®è¡¨ç¾æ–¹æ³•ã¨ã„ã†ä¼¼ãŸè©±ãŒæ›¸ã‹ã‚Œã¦ã„ã‚‹ã®ã§è’å”無稽ãªè€ƒãˆã§ã¯ãªã•ãã†ã€‚ SCSSファイルåã§blockã‚’è¡¨ç¾ ãã®ä¸ã§placeholder selectorを使ã£ã¦elementã¨modifierã‚’è¡¨ç¾ å¤–ã‹ã‚‰ã¯ã“ã®placeholder selectorã¯ä½¿ã‚ãªã„ æ—¢å˜ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—を利用ã—ãŸã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã‹ã‚‰@extendã§BEMæ§‹é€ ã‚’é–¢é€£ä»˜ã‘ HTMLファイルã§ã¯BEMãªã‚¯ãƒ©ã‚¹ã¯æŒ¯ã‚‰ãªã„ å¿…è¦ãªå ´åˆã¯ã‚·ãƒ³ãƒ—ルãªã‚¯ãƒ©ã‚¹ã‚’振る イメージã¯ã“ã®ã‚ˆã†ãªæ„Ÿã˜ã€‚HTMLã§ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®ç°¡æ½”ã•ã¯ç¶æŒã§
BEMã¨ã„ã†å‘½åè¦å‰‡ã¨Sass 3.3ã®æ–°ã—ã„記法 - アインシュタインã®é›»è©±ç•ªå·
{{#tags}}- {{label}}
{{/tags}}