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

Example of using meaningful css methodology for Angular applications
https://github.com/tenphi/angular-css-todomvc

Last synced: about 1 month ago
JSON representation

Example of using meaningful css methodology for Angular applications

• Host: GitHub
• URL: https://github.com/tenphi/angular-css-todomvc
• Owner: tenphi
• Created: 2018-07-10T17:19:18.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2018-07-16T09:06:24.000Z (almost 8 years ago)
• Last Synced: 2025-01-26T18:16:00.322Z (over 1 year ago)
• Language: CSS
• Size: 85 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Angular TodoMVC Example With CSS Methodology

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

This is base version. Version with `[mod]` directive you can see [here](https://github.com/tenphi/angular-css-todomvc/tree/mod-directive)

## 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: `.root.-mod .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