https://github.com/tenphi/angular-bem-todomvc

Example of using bem methodology in angular projects
https://github.com/tenphi/angular-bem-todomvc

Last synced: about 2 months ago
JSON representation

Example of using bem methodology in angular projects

• Host: GitHub
• URL: https://github.com/tenphi/angular-bem-todomvc
• Owner: tenphi
• Created: 2018-07-10T16:54:39.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2018-07-10T19:10:59.000Z (almost 8 years ago)
• Last Synced: 2025-03-21T23:43:04.226Z (about 1 year ago)
• Language: CSS
• Size: 94.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Angular TodoMVC Example With BEM Methodology

Based on [DanWahlin's Angular Boilerplate](https://github.com/DanWahlin/Angular-BareBones)

## Order of css rules

* Root class

  * Root styles

  * Root states (`:hover`, `:active`, etc)

  * Root pseudo-classes (`::before`, `::after`, etc)

    * Root pseudo-classes styles

    * Root pseudo-classes states

    * ...

  * Element class

    * Element styles

      * Element states

      * Element pseudo-classes

        * Element pseudo-classes styles

        * Element pseudo-classes states

        * ...

      * ...

    * ...

  * Context styles (for example: `.block--mod .root__element`)

    * ...

## Running the Application

1. Install [Node.js](http://nodejs.org)

1. Install the Angular CLI:

    `npm install -g @angular/cli`

1. Run `npm install` to install app dependencies

1. Run `ng serve -o` to start the server and launch the app