Created
April 1, 2015 23:26
-
-
Save adeubank/fcbc5304ca61cefa5b3b to your computer and use it in GitHub Desktop.
BEM with namespace HTML
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>BEM with Namespace</title> | |
| </head> | |
| <!-- example of that BEM NAMESPACED --> | |
| <body class="t-light"> | |
| <article class="c-modal c-modal--wide js-modal is-open"> | |
| <div class="c-modal__content"> | |
| <div class="s-cms-content">...</div> | |
| </div> | |
| <!-- /.c-modal__content --> | |
| <div class="c-modal__foot"> | |
| <p class="o-layout"> | |
| <span class="o-layout__item u1/3"><a href="#" class="c-btn c-btn--negative qa-modal-dismiss">Cancel</a></span> | |
| <span class="u-hidden">or</span> | |
| <span class="o-layout__item u-2/3"><a href="#" class="c-btn c-btn--positive qa-modal-accept">Confirm</a></span> | |
| </p> | |
| </div> | |
| <!-- /.c-modal__foot --> | |
| </article> | |
| <!-- /.c-modal --> | |
| <footer class="c-page-foot"> | |
| <small class="c-copyright _c-copyright">...</small> | |
| </footer> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment