BEMã‚’Sassã§å¿«é©ã«æ›¸ã方法BEMã¨ã¯BEMã®æ¦‚è¦ã‚‚ã†ã™ã§ã«ã„ã‚ã‚“ãªãƒ–ãƒã‚°ã‚„Qiitaãªã©ã§æ›¸ã‹ã‚Œã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ãŒã€è‡ªåˆ†ã®é ã‚’æ•´ç†ã™ã‚‹ãŸã‚ã«ã‚‚書ã„ã¦ãŠãã¾ã™ã€‚BEMã¯ãƒã‚·ã‚¢ã®æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³å¤§æ‰‹ã®Yandexã«ã‚ˆã‚Šä»¥ä¸‹ã‚’é”æˆã™ã‚‹ãŸã‚ã«é–‹ç™ºã•ã‚ŒãŸã€Œcssã®è¨˜è¿°æ–¹æ³•è«–ã€ã§ã™ã€‚CSSセレクタã®ã€Œå‘½åè¦å‰‡ã€ã¨ã‚‚言ã‚ã‚Œã¦ã„ã¾ã™ã€‚ Block, Element, ModifierBEMã¯ã€ã‚»ãƒ¬ã‚¯ã‚¿ã®å½¹å‰²ã‚’「Blockã€ã€ŒElementã€ã€ŒModifierã€ã®3ã¤ã®æ¦‚念ã«åˆ†ã‘ã¦è€ƒãˆã‚‹CSSã®è¨è¨ˆæ€æƒ³ã§ã™ã€‚BEMã®ãƒ‰ã‚ュメントã«ã‚ˆã‚‹ã¨ã€Blockã€Elementã€Modifierã¯ã€ãã‚Œãžã‚Œä»¥ä¸‹ã®ã‚ˆã†ã«å®šç¾©ã•ã‚Œã¦ã„ã¾ã™ã€‚ Block「Blockã€ã¯ç‹¬ç«‹ã—ãŸã‚¨ãƒ³ãƒ†ã‚£ãƒ†ã‚£ï¼ˆå®Ÿä½“）ã§ã‚ã‚Šã€ã‚¢ãƒ—リケーションを「構æˆã™ã‚‹ãƒ‘ーツã€ã§ã™ã€‚Blockã¯å˜ä¸€ã§ç”¨ã„ã‚‹ã“ã¨ã‚‚å¯èƒ½ã ã—ã€ä»–ã®Blockã‚’å«ã‚“ã§è¤‡åˆçš„ã«ç”¨ã„ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚Blockåã¯åŸºæœ¬çš„
Middleman: Hand-crafted frontend development
「Compassã€ã€åŸºç¤Žã‹ã‚‰å¿œç”¨ã¾ã§ï¼ | æ ªå¼ä¼šç¤¾LIG
{{#tags}}- {{label}}
{{/tags}}