Margin & Padding LESS Helpers

helpers.less

.padding-none{
    padding: 0 !important;
}

/* Padding 20 */
.padding-10 {
    padding: 10px !important;
}

.padding-top-10 {
    padding-top: 10px !important;
}

.padding-bottom-10 {
    padding-bottom: 10px !important;
}

.padding-left-10 {
    padding-left: 10px !important;
}

.padding-right-10 {
    padding-right: 10px !important;
}


/* Padding 20 */
.padding-20 {
    padding: 20px !important;
}

.padding-top-20 {
    padding-top: 20px !important;
}

.padding-bottom-20 {
    padding-bottom: 20px !important;
}

.padding-left-20 {
    padding-left: 20px !important;
}

.padding-right-20 {
    padding-right: 20px !important;
}


/* Padding 30 */
.padding-30 {
    padding: 30px !important;
}

.padding-top-30 {
    padding-top: 30px !important;
}

.padding-bottom-30 {
    padding-bottom: 30px !important;
}

.padding-left-30 {
    padding-left: 30px !important;
}

.padding-right-30 {
    padding-right: 30px !important;
}


/* Padding 40 */
.padding-40 {
    padding: 40px !important;
}

.padding-top-40 {
    padding-top: 40px !important;
}

.padding-bottom-40 {
    padding-bottom: 40px !important;
}

.padding-left-40 {
    padding-left: 40px !important;
}

.padding-right-40 {
    padding-right: 40px !important;
}

.margin-none{
    margin: 0 !important;
}


/* Margin 10 */
.margin-10 {
    margin: 10px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}


/* Margin 20 */
.margin-20 {
    margin: 20px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-left-20 {
    margin-left: 20px !important;
}

.margin-right-20 {
    margin-right: 20px !important;
}


/* Margin 30 */
.margin-30 {
    margin: 30px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-left-30 {
    margin-left: 30px !important;
}

.margin-right-30 {
    margin-right: 30px !important;
}


/* Margin 40 */
.margin-40 {
    margin: 40px !important;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.margin-left-40 {
    margin-left: 40px !important;
}

.margin-right-40 {
    margin-right: 40px !important;
}