Michael's CSS Docs

Example
Example Code
Download (V0.9)

This CSS pack isn't going to instantly improve anything, it will not magically solve any problems. It will just make some tasks easier and quicker to do.

At the very top, there are some values you can change. You can import fonts and use them, and you can change the colors. It is up to you to decide when to use the colors, and how to use the colors.
The background scroll effect is hardcoded, just use background-image on a div and it will be applied.
All Blocks are 100vh by 100vw unless noted. The block sizes can be changed with inline styling.

BLOCKS:
`.nav` Navigation Bar: Creates thin sticky navbar on top. Use classes `ycenter` and `left` and `right` to position links and logos.
`.splash` Splash Page: Same as generic, font size just larger.
`.generic` Generic block: Just a plain div 100vw by 100vh.
`.half` Half: 50% width, 100% height. Use in a generic block/splash.
`.third` Thirds: 33% width, 100% height. Use in a generic block/splash.
(Parallax block coming soon.)

HELPER CSS STYLES:
`.xcenter`: tries to center horizontally. Works on all elements with parent with defined width. Apply to element you want to center.
`.ycenter`: tries to center vertically. Works on all elements with parent with defined height. Apply to element you want to center.
`.tcenter`: centers text horizontally. Apply to parent element of textnode.
`.left`: float left.
`.right`: float right.