bem

0열

2답변

나는 BEM 방법론으로 block__element--modifier 명명 규칙을 이해했습니다. 그러나 어떻게 이런 종류의 구조를 지정할 수 있습니까? 외부 목록에 중첩 목록이있는 경우 중첩 된 이름을 ul 및 li의 list 블록에 list__item 요소로 어떻게 지정할 수 있습니까? <ul class="list"> <li class="list_

0열

1답변

BEM 방법을 올바르게 따르고 있습니까?

<footer id="colophon" class="site-footer"> <div class="site-footer__form-container widget-area"> <div id="footer-sidebar1"> <?php if(is_active_sidebar('footer-sidebar-1')){

3열

1답변

CSS BEM, 수정자를위한 문자. ..?

공식 웹 사이트가 확실하지 않아 getbem.com 및 en.bem.info입니다. CSS 클래스 블록의 또는 요소의 이름과 두 개의 대시로 형성된다 : 하나는 수정 (Naming)에 대한 --를 사용하여 제안합니다. 개질제 (Modifier name)의 다른 _ : 개질제 이름 단일 밑줄 (_)로 구분된다. 나는 둘 중 하나를 사용할 수 있다는 것을 알고

0열

1답변

Shopify의 SCSS 및 BEM

Shopify 테마를 작성 중이며 Shopify 테마의 모든 스타일에 BEM 및 SCSS를 사용하려고합니다. 어떤 이유로 내 블록 안의 요소가 내 스타일 규칙과 함께 변경되지 않습니다. 여기가 그 위에 텍스트와 이미지를 포함 내 HTML <div class="featured-hero"> <a href="/go/to-here"> <div

0열

1답변

BEM 방법론을 사용하여 Sass 변수 선언하기

Sass 변수에 BEM 방법론을 구현하려고합니다. // Variables // Colors $color--blue--light: #3696D1; $color--grey: #2D4452; ... // Fonts $body__font--sans-serif--roboto: 'Roboto', sans-serif

0열

1답변

BEM 대 미디어 쿼리

BEM의 일반 블록 (예 : .button)과 미디어 쿼리의 스타일 관련 질문이 있습니다. BEM (문서 말한대로)에있는 블록의 난 블록이 있다고하자, 사이트의 모든 요소에 적용됩니다 일반적인 스타일이하도록되어 : 그리고 내 버튼을해야합니다 같은 재사용 스타일 : .button { font-family:Verdana; padding:30px 20px;

0열

1답변

stylelint - 선택 - BEM 패턴 BEM의 린터은 gruntfile</p> <pre><code>stylelint: { all: ['app/styles/**/*.scss'] }, </code></pre> <p>에서

.stylelintrc { "plugins": [ "stylelint-selector-bem-pattern" ], "rules": { "plugin/selector-bem-pattern": { "componentName": "[A-Z]+", "componentSelectors": {

0열

1답변

일반적인 스타일을 다시 사용하는 BEM

저는 BEM에서 CSS로 머리를 감싸려고 노력하고 있습니다. 기본적으로 탭인 <ul>을 포함하는 요소가있는 블록이 있습니다. 내 시스템의 모든 탭은 똑같아 보일 것입니다 - <ul>에 .tabs 클래스뿐 아니라 block__element (예 : card__tabs)를 둘 수 있습니까? 또는 탭이있는 모든 블록/요소에 대해 동일한 CSS 스타일 세트를 만들

2열

1답변

BEM을 사용하여 navbar 구조체에 대한 올바른 접근법

BEM의 이름을 CSS로 명명하고 주위를 감싸고 싶습니다. 올바르게 이해하고 있는지 궁금합니다. 공식 문서 당 는 원소이다 에는 독립형 의미가없고 그 의미 블록 연결되는 블록의 일부. 아래의 코드 스 니펫을 보면 .main-nav의 하위 항목에는 독립형 의미가 없으므로 모두 요소로 간주됩니다. 그러나 .main-nav__sub-menu-item-link과

1열

1답변

html 요소의 클래스에 여러 개의 BEM 요소를 적용해도됩니까?

BEM convention에 따라 웹 응용 프로그램에서 CSS를 구성하고 있습니다. 나는 item이라는 블록과 item__section, item__title 및 item__description이라는 블록을 가지고 있습니다. 다음과 같이 나는이 BEM 클래스를 사용하고 있습니다 : <div class="item"> <div class="item__