https://github.com/carolineartz/learning-box-model

Angular app for teaching box-sizing
https://github.com/carolineartz/learning-box-model

angular angularjs box-model box-sizing css javascript learning tool

Last synced: 12 months ago
JSON representation

Angular app for teaching box-sizing

• Host: GitHub
• URL: https://github.com/carolineartz/learning-box-model
• Owner: carolineartz
• Created: 2015-03-27T03:20:51.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2015-03-27T21:32:46.000Z (about 11 years ago)
• Last Synced: 2023-08-05T22:51:28.826Z (over 2 years ago)
• Topics: angular, angularjs, box-model, box-sizing, css, javascript, learning, tool
• Language: CSS
• Size: 429 KB
• Stars: 37
• Watchers: 3
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
##Learning Box Model: `box-sizing`



###Run/Develop:

#### Requirements:

- bower, gulp, sass (ruby)

```

npm install -g bower gulp

gem install sass

```

#### Setup

1. Clone Repo

2. Install node modules and bower components / dependencies

```

npm install && bower install

```

3. Run

```

gulp serve

```

TODO:


- Unit Tests

- ~Add/Remove margin from calculated size~

- Responsive Styles