Topcoat
CSS for clean and fast web apps
Usage
-
Open
demo/index.html
to view the usage guides. -
Copy your desired theme CSS from the
css/
folder into your project -
Copy the
img/
andfont/
folders into your project ( Feel free to only copy the images and font weights you intend to use ) -
Link the CSS into your page
<link rel="stylesheet" type="text/css" href="css/topcoat-mobile-light.min.css">
*Alternatively incorporate the css into your build process if you are so inclined.
Contributing
Start by checking out our Backlog. (Pls file issues against this repo.)
-
fork the repo
-
Create a branch
git checkout -b my_branch
-
Add your changes following the coding guidelines
-
Commit your changes
git commit -am "Added some awesome stuff"
-
Push your branch
git push origin my_branch
-
make a pull request
For the details see our Engineering Practices.
Testing
For performance tests, see dev/test/perf/telemetry/.
Building
Topcoat uses Grunt to build
-
Open the terminal from the topcoat directory
cd topcoat
-
Install npm *comes packaged with node.
-
Install its command line interface (CLI) globally
npm install -g grunt-cli
-
Install dependencies with npm
npm install
*Topcoat uses Grunt 0.4.0. You might want to read more on their website if you haven't upgraded since a lot has changed.
- Type
grunt
in the command line to build the css. - The results will be built into the release folder.
- Alternatively type
grunt watch
to have the build run automatically when you make changes to source files.
Browser support
- Chrome (latest 2)
- Edge (latest 2)
- Firefox (latest 2)
- Internet Explorer 8+
- Opera (latest 2)
- Safari (latest 2)
Release notes
See Release Notes.