Introduction

This Guide should help you to get started and to find the proper first information on how to navigate arround on this site.
Because this is my first Documentation i maintain for a framework, feedback for improvement is more then welcome you can provide it on the repos issue tracker

You can either use the github releases or use the hosted version by using copying this:

due to an issue that only should appear when displying code the script tag for the optional Javascript file is commented out if using it, don't add it as comment.

Embeds

these can be used to highlight a special area

                                

    
embed example
    

    
More embed text

                                
                            

General Structure classes

there are multiple classes one can use to bring strcuture into his site.
one is using the container class wich centers content and adds spacing to both sides
a nice to have is that this class also can to some degree handle changing screen sizes


you can see how this exact example (it was styled with padding and border) was created

                                

    
inside the container

                                
                            

another class to use is the implemented grid which can be seen in action here

you can see on this code example how the above was achived

                                

    
12
    
11
    
1
    
10
    
2
    
9
    
3
    
8
    
4
    
7
    
5
    
6
    
6

                                
                            

the display class is used to show how the grid works it is not essential to the functionality of grids in any way