A responsive atomic css inspired framework
This section is kind of weird, because most people feel that atomic css is simply utilities. So, what could I possibly be putting on this page? This page contains a few useful classes, along with examples to show you how combining these with the previous sections can be very powerful.
This is centered
This is on the right
This is on the left
This is vertically and horizontally centered
This is centered
This is on the right
This is on the left
This is vertically and horizontally centered
Warning, lots of scrolling
25% of Browser Height
50% of Browser Height
75% of Browser Height
100% of Browser Height
25% of Browser Height
50% of Browser Height
75% of Browser Height
100% of Browser Height
You can use any of the colors that are on the colors page for borders. Just use b-color! The br classes are for border radius, or the roundness. They go from br1 to br3.
This will have a hand cursor over it on hover
This will dim on hover
Hey
Hello
This will have a hand cursor over it on hover
This will dim on hover
Hey
Hello
The db classes simply mean display: block, or it makes things break lines. The dib class means that the element will try and stay in a line, but if the width is smaller than that line, they will break lines like the db class.