| Class | Properties |
|---|---|
| .mt-0 | margin-top: 0; |
| .mt-1 | margin-top: 5px; |
| .mt-2 | margin-top: 10px; |
| .mt-3 | margin-top: 15px; |
| .mt-4 | margin-top: 20px; |
| .mt-5 | margin-top: 25px; |
| .mt-6 | margin-top: 30px; |
| .mt-7 | margin-top: 35px; |
| .mt-8 | margin-top: 40px; |
| .mt-9 | margin-top: 45px; |
| .mt-10 | margin-top: 50px; |
| .mb-0 | margin-bottom: 0; |
| .mb-1 | margin-bottom: 5px; |
| .mb-2 | margin-bottom: 10px; |
| .mb-3 | margin-bottom: 15px; |
| .mb-4 | margin-bottom: 20px; |
| .mb-5 | margin-bottom: 25px; |
| .mb-6 | margin-bottom: 30px; |
| .mb-7 | margin-bottom: 35px; |
| .mb-8 | margin-bottom: 40px; |
| .mb-9 | margin-bottom: 45px; |
| .mb-10 | margin-bottom: 50px; |
| .ml-0 | margin-left: 0; |
| .ml-1 | margin-left: 5px; |
| .ml-2 | margin-left: 10px; |
| .ml-3 | margin-left: 15px; |
| .ml-4 | margin-left: 20px; |
| .ml-5 | margin-left: 25px; |
| .ml-6 | margin-left: 30px; |
| .ml-7 | margin-left: 35px; |
| .ml-8 | margin-left: 40px; |
| .ml-9 | margin-left: 45px; |
| .ml-10 | margin-left: 50px; |
| .mr-0 | margin-right: 0; |
| .mr-1 | margin-right: 5px; |
| .mr-2 | margin-right: 10px; |
| .mr-3 | margin-right: 15px; |
| .mr-4 | margin-right: 20px; |
| .mr-5 | margin-right: 25px; |
| .mr-6 | margin-right: 30px; |
| .mr-7 | margin-right: 35px; |
| .mr-8 | margin-right: 40px; |
| .mr-9 | margin-right: 45px; |
| .mr-10 | margin-right: 50px; |
| .my-0 | margin-top: 0; margin-bottom: 0; |
| .my-1 | margin-top: 5px; margin-bottom: 5px; |
| .my-2 | margin-top: 10px; margin-bottom: 10px; |
| .my-3 | margin-top: 15px; margin-bottom: 15px; |
| .my-4 | margin-top: 20px; margin-bottom: 20px; |
| .my-5 | margin-top: 25px; margin-bottom: 25px; |
| .my-6 | margin-top: 30px; margin-bottom: 30px; |
| .my-7 | margin-top: 35px; margin-bottom: 35px; |
| .my-8 | margin-top: 40px; margin-bottom: 40px; |
| .my-9 | margin-top: 45px; margin-bottom: 45px; |
| .my-10 | margin-top: 50px; margin-bottom: 50px; |
| .mx-1 | margin-left: 5px; margin-right: 5px; |
| .mx-2 | margin-left: 10px; margin-right: 10px; |
| .mx-3 | margin-left: 15px; margin-right: 15px; |
| .mx-4 | margin-left: 20px; margin-right: 20px; |
| .mx-5 | margin-left: 25px; margin-right: 25px; |
| .mx-6 | margin-left: 30px; margin-right: 30px; |
| .mx-7 | margin-left: 35px; margin-right: 35px; |
| .mx-8 | margin-left: 40px; margin-right: 40px; |
| .mx-9 | margin-left: 45px; margin-right: 45px; |
| .mx-10 | margin-left: 50px; margin-right: 50px; |
| .ma-0 | margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; |
| .ma-1 | margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; |
| .ma-2 | margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; |
| .ma-3 | margin-top: 15px; margin-bottom: 15px; margin-left: 15px; margin-right: 15px; |
| .ma-4 | margin-top: 20px; margin-bottom: 20px; margin-left: 20x; margin-right: 20px; |
| .ma-5 | margin-top: 25px; margin-bottom: 25px; margin-left: 25px; margin-right: 25px; |
| .ma-6 | margin-top: 30px; margin-bottom: 30px; margin-left: 30px; margin-right: 30px; |
| .ma-7 | margin-top: 35px; margin-bottom: 35px; margin-left: 35px; margin-right: 35px; |
| .ma-8 | margin-top: 40px; margin-bottom: 40px; margin-left: 40px; margin-right: 40px; |
| .ma-9 | margin-top: 45px; margin-bottom: 45px; margin-left: 45px; margin-right: 45px; |
| .ma-10 | margin-top: 50px; margin-bottom: 50px; margin-left: 50px; margin-right: 50px; |
@import '~scssfold/src/modules/spacing/margins';Override the following variable before including the module. Each key is used for the class name, and the value is used for the css property.
$scssfold-margins: (
'0': 0,
'1': 5px,
'2': 10px,
'3': 15px,
'4': 20px,
'5': 25px,
'6': 30px,
'7': 35px,
'8': 40px,
'9': 45px,
'10': 50px,
);