Padding
.p-0 {
padding: 0 !important;
}
.p-5 {
padding: 5px !important;
}
.p-10 {
padding: 10px !important;
}
.p-15 {
padding: 15px !important;
}
.p-20 {
padding: 20px !important;
}
.p-25 {
padding: 25px !important;
}
.p-30 {
padding: 30px !important;
}
.p-40 {
padding: 40px !important;
}
.p-50 {
padding: 50px !important;
}
.p-75 {
padding: 75px !important;
}
.p-100 {
padding: 100px !important;
}
.p-l-0 {
padding-left: 0 !important;
}
.p-l-5 {
padding-left: 5px !important;
}
.p-l-10 {
padding-left: 10px !important;
}
.p-l-15 {
padding-left: 15px !important;
}
.p-l-20 {
padding-left: 20px !important;
}
.p-l-25 {
padding-left: 25px !important;
}
.p-l-30 {
padding-left: 30px !important;
}
.p-l-40 {
padding-left: 40px !important;
}
.p-l-50 {
padding-left: 50px !important;
}
.p-l-75 {
padding-left: 75px !important;
}
.p-l-100 {
padding-left: 100px !important;
}
.p-b-0 {
padding-bottom: 0 !important;
}
.p-b-5 {
padding-bottom: 5px !important;
}
.p-b-10 {
padding-bottom: 10px !important;
}
.p-b-15 {
padding-bottom: 15px !important;
}
.p-b-20 {
padding-bottom: 20px !important;
}
.p-b-25 {
padding-bottom: 25px !important;
}
.p-b-30 {
padding-bottom: 30px !important;
}
.p-b-40 {
padding-bottom: 40px !important;
}
.p-b-50 {
padding-bottom: 50px !important;
}
.p-b-60 {
padding-bottom: 60px !important;
}
.p-b-70 {
padding-bottom: 70px !important;
}
.p-b-80 {
padding-bottom: 80px !important;
}
.p-b-90 {
padding-bottom: 90px !important;
}
.p-b-100 {
padding-bottom: 100px !important;
}
.p-t-0 {
padding-top: 0 !important;
}
.p-t-5 {
padding-top: 5px !important;
}
.p-t-10 {
padding-top: 10px !important;
}
.p-t-15 {
padding-top: 15px !important;
}
.p-t-20 {
padding-top: 20px !important;
}
.p-t-25 {
padding-top: 25px !important;
}
.p-t-30 {
padding-top: 30px !important;
}
.p-t-40 {
padding-top: 40px !important;
}
.p-t-50 {
padding-top: 50px !important;
}
.p-t-75 {
padding-top: 75px !important;
}
.p-t-100 {
padding-top: 100px !important;
}
.p-t-120 {
padding-top: 120px !important;
}
.p-t-130 {
padding-top: 130px !important;
}
.p-t-140 {
padding-top: 140px !important;
}
.p-t-150 {
padding-top: 150px !important;
}
Image Sizes
.img-xs {
width: 30px;
height: 30px;
}
.img-sm {
width: 35px;
height: 35px;
}
.img-md {
width: 55px;
height: 55px;
}
.img-lg {
width: 100px;
height: 100px;
}
Min/Max Width Height
.max-w-20{
max-width: 20px!important;
}
.max-w-30{
max-width: 30px!important;
}
.max-w-32{
max-width: 35px!important;
}
.max-w-35{
max-width: 35px!important;
}
.max-w-40{
max-width: 40px!important;
}
.max-w-50{
max-width: 50px!important;
}
.max-w-75{
max-width: 75px!important;
}
.max-w-100{
max-width: 100px!important;
}
.max-w-150{
max-width: 150px!important;
}
.max-w-200{
max-width: 200px!important;
}
//== Min/Max width/height
.max-h-100 {
max-height: 100px!important;
}
.max-h-200 {
max-height: 200px!important;
}
.max-h-250 {
max-height: 250px!important;
}
.max-h-300 {
max-height: 300px!important;
}
.max-h-350 {
max-height: 300px!important;
}
.max-h-375 {
max-height: 300px!important;
}
.max-h-400 {
max-height: 400px!important;
}
.max-h-450 {
max-height: 450px!important;
}
.max-h-500 {
max-height: 500px!important;
}
.max-h-600 {
max-height: 600px!important;
}
.max-h-650 {
max-height: 650px!important;
}
.max-h-700 {
max-height: 700px!important;
}
.max-h-800 {
max-height: 800px!important;
}
.max-h-900 {
max-height: 900px!important;
}
.max-h-1000 {
max-height: 1000px!important;
}
.min-h-0{
min-height:0!important;
}
.min-h-100 {
min-height: 100px!important;
}
.min-h-200 {
min-height: 200px!important;
}
.min-h-250 {
min-height: 250px!important;
}
.min-h-300 {
min-height: 300px!important;
}
.min-h-350 {
min-height: 300px!important;
}
.min-h-375 {
min-height: 300px!important;
}
.min-h-400 {
min-height: 400px!important;
}
.min-h-450 {
min-height: 450px!important;
}
.min-h-500 {
min-height: 500px!important;
}
.min-h-600 {
min-height: 600px!important;
}
.min-h-650 {
min-height: 650px!important;
}
.min-h-700 {
min-height: 700px!important;
}
.min-h-800 {
min-height: 800px!important;
}
.min-h-900 {
min-height: 900px!important;
}
.min-h-1000 {
min-height: 1000px!important;
}
//== width/height
.h-5 {
height: 5px!important;
}
.h-10 {
height: 10px!important;
}
.h-50{
height: 50px!important;
}
.h-75 {
height: 75px!important;
}
.h-100 {
height: 100px!important;
}
.h-125 {
height: 125px!important;
}
.h-150 {
height: 150px!important;
}
.h-200 {
height: 200px!important;
}
.h-300 {
height: 300px!important;
}
.h-400 {
height: 400px!important;
}
.h-450 {
height: 450px!important;
}
.h-500 {
height: 500px!important;
}
.h-600 {
height: 600px!important;
}
.h-650 {
height: 650px!important;
}
.h-700 {
height: 700px!important;
}
.h-800 {
height: 800px!important;
}
.h-900 {
height: 900px!important;
}
.h-1000 {
height: 1000px!important;
}
.w-5 {
width: 5px!important;
}
.w-10 {
width: 10px!important;
}
.w-15 {
width: 15px!important;
}
.w-20 {
width: 20px!important;
}
.w-100p {
width: 100%;
}
.h-100p {
width: 100%;
}
Margins
.m-0 {
margin: 0 !important;
}
.m-5 {
margin: 5px !important;
}
.m-10 {
margin: 10px !important;
}
.m-15 {
margin: 15px !important;
}
.m-20 {
margin: 20px !important;
}
.m-30 {
margin: 30px !important;
}
.m-50 {
margin: 50px !important;
}
.m-l-0 {
margin-left: 0 !important;
}
.m-l-5 {
margin-left: 5px !important;
}
.m-l-10 {
margin-left: 10px !important;
}
.m-l-15 {
margin-left: 15px !important;
}
.m-l-20 {
margin-left: 20px !important;
}
.m-l-30 {
margin-left: 30px !important;
}
.m-l-40 {
margin-left: 40px !important;
}
.m-l-50 {
margin-left: 50px !important;
}
.m-l-n-1 {
margin-left: -1px !important;
}
.m-l-n-5 {
margin-left: -5px !important;
}
.m-l-n-10 {
margin-left: -10px !important;
}
.m-l-n-15 {
margin-left: -15px !important;
}
.m-l-n-20 {
margin-left: -20px !important;
}
.m-l-n-30 {
margin-left: -30px !important;
}
.m-l-n-40 {
margin-left: -40px !important;
}
.m-l-n-50 {
margin-left: -50px !important;
}
.m-t-0 {
margin-top: 0 !important;
}
.m-t-1 {
margin-top: 1px !important;
}
.m-t-5 {
margin-top: 5px !important;
}
.m-t-10 {
margin-top: 10px !important;
}
.m-t-15 {
margin-top: 15px !important;
}
.m-t-20 {
margin-top: 20px !important;
}
.m-t-30 {
margin-top: 30px !important;
}
.m-t-40 {
margin-top: 40px !important;
}
.m-t-50 {
margin-top: 50px !important;
}
.m-t-75 {
margin-top: 75px !important;
}
.m-t-100 {
margin-top: 100px !important;
}
.m-t-120 {
margin-top: 120px !important;
}
.m-t-140 {
margin-top: 140px !important;
}
.m-t-n-1 {
margin-top: -1px !important;
}
.m-t-n-5 {
margin-top: -5px !important;
}
.m-t-n-10 {
margin-top: -10px !important;
}
.m-t-n-15 {
margin-top: -15px !important;
}
.m-t-n-20 {
margin-top: -20px !important;
}
.m-t-n-30 {
margin-top: -30px !important;
}
.m-t-n-40 {
margin-top: -40px !important;
}
.m-t-n-50 {
margin-top: -50px !important;
}
.m-r-0 {
margin-right: 0 !important;
}
.m-r-1 {
margin-right: 1px !important;
}
.m-r-5 {
margin-right: 5px !important;
}
.m-r-10 {
margin-right: 10px !important;
}
.m-r-15 {
margin-right: 15px !important;
}
.m-r-20 {
margin-right: 20px !important;
}
.m-r-30 {
margin-right: 30px !important;
}
.m-r-40 {
margin-right: 40px !important;
}
.m-r-50 {
margin-right: 50px !important;
}
.m-r-n-1 {
margin-right: -1px !important;
}
.m-r-n-5 {
margin-right: -5px !important;
}
.m-r-n-10 {
margin-right: -10px !important;
}
.m-r-n-15 {
margin-right: -15px !important;
}
.m-r-n-20 {
margin-right: -20px !important;
}
.m-r-n-30 {
margin-right: -30px !important;
}
.m-r-n-40 {
margin-right: -40px !important;
}
.m-r-n-50 {
margin-right: -50px !important;
}
.m-b-0 {
margin-bottom: 0 !important;
}
.m-b-1 {
margin-bottom: 1px !important;
}
.m-b-5 {
margin-bottom: 5px !important;
}
.m-b-10 {
margin-bottom: 10px !important;
}
.m-b-15 {
margin-bottom: 15px !important;
}
.m-b-20 {
margin-bottom: 20px !important;
}
.m-b-30 {
margin-bottom: 30px !important;
}
.m-b-40 {
margin-bottom: 40px !important;
}
.m-b-50 {
margin-bottom: 50px !important;
}
.m-b-n-1 {
margin-bottom: -1px !important;
}
.m-b-n-5 {
margin-bottom: -5px !important;
}
.m-b-n-10 {
margin-bottom: -10px !important;
}
.m-b-n-15 {
margin-bottom: -15px !important;
}
.m-b-n-20 {
margin-bottom: -20px !important;
}
.m-b-n-30 {
margin-bottom: -30px !important;
}
.m-b-n-40 {
margin-bottom: -40px !important;
}
.m-b-n-50 {
margin-bottom: -50px !important;
}
Font Weight/Size
.font-weight-100 {
font-weight: 100!important
}
.font-weight-200 {
font-weight: 200!important
}
.font-weight-300 {
font-weight: 300!important
}
.font-weight-400 {
font-weight: 400!important
}
.font-weight-500 {
font-weight: 500!important
}
.font-weight-600 {
font-weight: 600!important
}
.font-weight-700 {
font-weight: 700!important
}
.font-weight-800 {
font-weight: 800!important
}
.font-weight-900 {
font-weight: 900!important
}
.font-weight-light {
font-weight: 100!important
}
.font-weight-normal {
font-weight: 300!important
}
.font-weight-medium {
font-weight: 400!important
}
.font-weight-bold {
font-weight: 500!important
}
.font-size-0 {
font-size: 0!important
}
.font-size-10 {
font-size: 10px!important
}
.font-size-12 {
font-size: 12px!important
}
.font-size-14 {
font-size: 14px!important
}
.font-size-16 {
font-size: 16px!important
}
.font-size-18 {
font-size: 18px!important
}
.font-size-20 {
font-size: 20px!important
}
.font-size-24 {
font-size: 24px!important
}
.font-size-26 {
font-size: 26px!important
}
.font-size-30 {
font-size: 30px!important
}
.font-size-40 {
font-size: 40px!important
}
.font-size-50 {
font-size: 50px!important
}
.font-size-60 {
font-size: 60px!important
}
.font-size-70 {
font-size: 70px!important
}
.font-size-80 {
font-size: 80px!important
}