Cikonss

by zzap

zzap / Cikonss
414 Stars 110 Forks Last release: Not found MIT License 4 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

Cikonss

Cikonss are created in order to be pure CSS, responsive and cross-browser usable. By "cross-browser" I mean IE8 as well. This means that CSS2 is in use which leads to limited shapes (and icons) available.

Cikonss

Some of icons do have border-radius property but this is mainly for fine styling in browsers that supports this property. This doesn't effect in loosing the shape of the icon.

Demos

Usage

Include cikonss.css file in the head of your html file, like so:



Now you can simply choose out of 43 icons, 5 sizes and 3 variants. An icon is made of two

elements. Parent element defines:
  • general style:
    .icon
    (mandatory)
  • the size:
    .icon-small
    ,
    .icon-mid
    ,
    .icon-large
    ,
    .icon-extra-large
    ,
    .icon-huge
    (mandatory)
  • variant:
    .icon-square
    ,
    .icon-rounded
    (optional)

...

Child element is the actual icon - available classes are in preview section. Mandatory code for an icon would look like this:

License

MIT license

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.