patrontech / admin-asset-lib Goto Github PK

The project contains styles for all the basic elements and some for more complex components.

Any new components that are created that can be used in a universal manor should be added to this project. As well as any updated basic element styles.

The project should be installed to all thuzi admins via bower. All Thuzi developers should have access to the repo in github.

bower install [email protected]:Thuzi/admin-asset-lib.git --save

or

bower install https://github.com/Thuzi/admin-asset-lib.git --save

All dependencies will be installed if not already present when you install the package from bower. It does this based on the dependencies defined in the bower.json.

The project will appear in the bower_components folder as if it where any other package.

(can be updated as needed, or based on new releases)

• Angular
• Angular-Animate
• Angular-Route
• Angular-Messages
• Angular-Bootstrap
• Less

The bootstrap.css included in the css folder is a custom build of bootstrap from the bootstrap site. Included with it is also the config.json file that can be used to update the custom build on the bootstrap site.

Each less file in the css/less folder was created to house very specific CSS. All the CSS in each less file is done in a mobile first and Object Oriented manor. This is to increase and promote re-use of existing styles to decrease page bloat.

More less files can be added as needed when more components are created. A new less file should be added for any and all new components.

One caveat to less is that you must include the ../bower_components/less/dist/less.min.js script after all of your less file includes.

Another caveat to less is that calc() method does not work with mixing units of messure. ie. calc(100% - 80px) does not work. This does work with CSS3 however. So, to allow for this and other functionailty that less fails to provide, we have the things-that-dont-work-in-less.css file.

The variables.less file is used to elimiate the need to add the same value to properties across all .less files. It also allows updates to specific values to be done much more simple because it is only defined in one place.

The default font in the typography.less is a google web font called Open Sans. It has the 400, 600 and 700 weight versions. With and Wihout italics.

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);

In the typography.less is also the icon font Font Awesome that is used. The fonts folder houses the web font files, in the formats .eot, .svg, .ttf, .woff, .woff2, and .otf.