bigchaindb/site
1
0
Fork 0
mirror of https://github.com/bigchaindb/site.git synced 2024-11-24 18:52:55 +01:00
Code Releases Activity
2312390cdb
site/docs/css.md
Matthias Kretschmann 7cad1ec40a finalized starting point 
- use Jekyll for now
- build process through gulp
- dependencies through npm & bundle
- scss: variables, grid, fonts, first components
- js setup
2015-12-20 05:22:45 +01:00

774 B
Raw Blame History

CSS

Vendor Prefixes

Just write the official, unprefixed syntax for all CSS 3 features, no need to write the vendor prefixed versions.

Autoprefixer handles that for you automatically based on the browser versions defined in the task and data from Can I Use.

SVG sprite

All icons and most assets are SVGs. A gulp task grabs all svg files from the img/ folder and puts them as <symbol> into one SVG sprite file. Reference those icons with the SVG <use> element and their ID in the HTML where you want them to be:

<svg class="logo" aria-labelledby="title">
    <title>Logo</title>
    <use xlink:href="/assets/img/sprite.svg#logo"></use>
</svg>