Positions

position css

                
                    /*position types*/
                    .pos-relative {
                        position: relative;
                    }
                    
                    .pos-absolute {
                        position: absolute;
                    }
                    
                    .pos-fixed {
                        position: fixed;
                    }
                    
                    .pos-sticky {
                        position: sticky;
                    }
                    
                    /*position location*/
                    .t-0 {
                        top: 0;
                    }
                    
                    .tl-0 {
                        top: 0;
                        left: 0;
                    }
                    
                    .tl-60 {
                        top: 60%;
                        left: 60%;
                    }
                    
                    .tl-70 {
                        top: 70%;
                        left: 70%;
                    }
                    
                    .tl-100 {
                        top: 100%;
                        left: 100%;
                    }
                    
                    .tr-1 {
                        top: 1%;
                        right: 1%;
                    }
                    
                    .bl-60 {
                        bottom: 60%;
                        left: 60%;
                    }
                    
                    .bl-70 {
                        bottom: 70%;
                        left: 70%;
                    }
                    
                    .bl-100 {
                        bottom: 100%;
                        left: 100%;
                    }
                    
                    .br-5 {
                        bottom: 5%;
                        right: 5%;
                    }
                    
                    /*stacking order*/
                    .z-1 {
                        z-index: 1;   
                    }
                    
                    .z-5 {
                        z-index: 5;   
                    }