BEMã®å‘½åè¦å‰‡ã¯è³¢ã„ | inkdesignBEMãŠã‚ˆã³ãã®å‘½å派生ã¨ã—ã¦ã®MindBEMdingã§ä½¿ã‚れるfoo__barã‚„foo--barã¨ã„ã†ã‚ˆã†ãªãƒã‚¤ãƒ•ãƒ³ã€ã‚¢ãƒ³ãƒ€ãƒ¼ã‚¹ã‚³ã‚¢ã‚’é‡ããŸå‘½åã¯ã‚モã„ã—冗長ã ã¨å«Œã‚ã‚ŒãŒã¡ã 。僕自身もåˆè¦‹ã§ã¯ãã®ã‚ˆã†ã«æ€ã£ã¦ã„ãŸã€‚ã—ã‹ã—ã“ã‚Œã¯æœ¬å½“ã«è‰¯ã„アイデアã ã¨æ€ã†ã—ã€å®Ÿå‹™ã§ã‚‚僕ã¯æŽ¡ç”¨ã—ã¦ã„る。 CSSã®è¨è¨ˆã€ãã®å‘½åã®ã¨ãã«è€ƒãˆã‚‹ã®ã¯ã€ãã‚ŒãŒã„ã‹ã«æ˜Žç™½ã§ã‚ã‚‹ã‹ã¨ã„ã†ã“ã¨ã¨ã€æ±šæŸ“ã•ã‚Œã‚‹ãƒªã‚¹ã‚¯ã‚’抑ãˆã‚‰ã‚Œã‚‹ã‹ã€ã¨ã„ã†ã“ã¨ã 。ワードを明確ã«åŒºåˆ‡ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€ãã®æ©Ÿèƒ½ãƒ»ã‚«ãƒ†ã‚´ãƒªã‚’区別ã™ã‚‹ã¨ã„ã†ç‚¹ã«ãŠã„ã¦ã¯ã€åˆ¥ã«å˜ä¸€è¨˜å·ã§ã‚ã‚ã†ãŒã€ã‚ャメルケースã€ã‚¹ãƒãƒ¼ã‚¯ã‚±ãƒ¼ã‚¹ã§ã‚ã‚ã†ãŒãªã‚“ã§ã‚‚ã„ã„ã‹ã‚‚ã—ã‚Œãªã„。ã—ã‹ã—スタイルãŒæ±šæŸ“ã•ã‚Œã‚‹ãƒªã‚¹ã‚¯ã€ã¨ã„ã†ç‚¹ã§ã“ã®ç妙ãªå‘½åã¯å„ªç§€ã 。 プãƒã‚¸ã‚§ã‚¯ãƒˆã«é–¢ã‚る開発者ãŒå¤šã„ã»ã©ã€ãã®æ›¸ãæ–¹ã«ãƒ–レã¯ç”Ÿã˜ã‚‹ã€‚ã‚‚ã¡ã‚んコーディングè¦ç´„ãªã‚Šã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ãªã‚Šã§ã‚らã‹ã˜ã‚ルールを共有ã—ã¦ãŠã‘ã°
Sass 3.3ã§è¿½åŠ ã•ã‚ŒãŸã€Œ&ã€ã®æ–°æ©Ÿèƒ½ã¨@at-rootã¾ã¨ã‚解説
BEMã¨ã„ã†å‘½åè¦å‰‡ã¨Sass 3.3ã®æ–°ã—ã„記法 - アインシュタインã®é›»è©±ç•ªå·
BEM
{{#tags}}- {{label}}
{{/tags}}