No description, website, or topics provided.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
README.md
_core.scss
bower.json
sache.json

README.md

#core

####twitter: @_polikin

#####* The docs will come soon!

Every librairie is called by mixin. So, you can call @import "_core" and until you include a mixin, nothing will be output. No dependencies!

Now with:

No need to install any gems.

#####Available on Bower

bower install core

#####Why should I use Core?

Well, the main idea here is that Core import some libs that we probably use everytime in our project. So, with Core you don't have to install any gems. Everything is up to date and ready to be import. Per example. You want to use Susy for your project. Then, your co-worker has need to work on the same project. Until Core, he should install the gem on his computer. If not, the compilation failed. With Core, you drop the folder core in your project and you're good to go.


#####Usage (Compass is needed)

@import "_core" - everything (GetSkeleton Grid, Susy Grid, Ceaser, Custom mixins)
@import "_core/src/_susy" - Susy grid only
@import "_core/src/_ceaser" - CSS3 easing animations only
@import "_core/src/_responsive-grid" - GetSkeleton Grid only (Refer to https://github.com/theresponsiveness/GetSkeleton1200-or-960)


#####Type of mixins: | file: _core-functions.scss

media-query
image size
image height
image width
background-image
center absolute
prefix, suffix, prefix & suffix
keyframes
debug
font-face
arrow
circle
placeholder color
truncate


#####How to use Ceaser mixins

@include ceaser-transition(all, 800ms, $easeInQuad);

reference: https://github.com/jhardy/compass-ceaser-easing


#####How to use Susy

The only thing you have to do is to create susy variables and you're good to go!

http://susy.oddbird.net/


#####How to use Animate.sass

@import "animate/_shared";
@import "animate/_animations";

then

@include animations(fading-entrances); - entrances animations family
or
@include animations(fading-entrances/fadeInRight); - specific animation

reference: https://github.com/polikin/animate.sass