الهوامش

 //------------------- Margines ------------------

.p-1 { padding: .25em; }

.p-2 { padding: .5em; }

.p-3 { padding: 1em; }

.p-4 { padding: 1.5em; }

.p-5 { padding: 3em; }

.px-1 { padding: .25em 0; }

.px-2 { padding: .5em 0; }

.px-3 { padding: 1em 0; }

.px-4 { padding: 1.5em 0; }

.px-5 { padding: 3em 0; }

.py-1 { padding: 0 .25em; }

.py-2 { padding: 0 .5em; }

.py-3 { padding: 0 1em; }

.py-4 { padding: 0 1.5em; }

.py-5 { padding: 0 3em; }

.pt-1 { padding-top: .25em; }

.pt-2 { padding-top: .5em; }

.pt-3 { padding-top: 1em; }

.pt-4 { padding-top: 1.5em; }

.pt-5 { padding-top: 3em; }

.pr-1 { padding-right: .25em; }

.pr-2 { padding-right: .5em; }

.pr-3 { padding-right: 1em; }

.pr-4 { padding-right: 1.5em; }

.pr-5 { padding-right: 3em; }

.pb-1 { padding-bottom: .25em; }

.pb-2 { padding-bottom: .5em; }

.pb-3 { padding-bottom: 1em; }

.pb-4 { padding-bottom: 1.5em; }

.pb-5 { padding-bottom: 3em; }

.pl-1 { padding-left: .25em; }

.pl-2 { padding-left: .5em; }

.pl-3 { padding-left: 1em; }

.pl-4 { padding-left: 1.5em; }

.pl-5 { padding-left: 3em; }

.m-1 { margin: .25em; }

.m-2 { margin: .5em; }

.m-3 { margin: 1em; }

.m-4 { margin: 1.5em; }

.m-5 { margin: 3em; }

.mx-1 { margin: .25em 0; }

.mx-2 { margin: .5em 0; }

.mx-3 { margin: 1em 0; }

.mx-4 { margin: 1.5em 0; }

.mx-5 { margin: 3em 0; }

.my-1 { margin: 0 .25em; }

.my-2 { margin: 0 .5em; }

.my-3 { margin: 0 1em; }

.my-4 { margin: 0 1.5em; }

.my-5 { margin: 0 3em; }

.mt-1 { margin-top: .25em; }

.mt-2 { margin-top: .5em; }

.mt-3 { margin-top: 1em; }

.mt-4 { margin-top: 1.5em; }

.mt-5 { margin-top: 3em; }

.mr-1 { margin-right: .25em; }

.mr-2 { margin-right: .5em; }

.mr-3 { margin-right: 1em; }

.mr-4 { margin-right: 1.5em; }

.mr-5 { margin-right: 3em; }

.mb-1 { margin-bottom: .25em; }

.mb-2 { margin-bottom: .5em; }

.mb-3 { margin-bottom: 1em; }

.mb-4 { margin-bottom: 1.5em; }

.mb-5 { margin-bottom: 3em; }

.ml-1 { margin-left: .25em; }

.ml-2 { margin-left: .5em; }

.ml-3 { margin-left: 1em; }

.ml-4 { margin-left: 1.5em; }

.ml-5 { margin-left: 3em; }

// ------------------ end -----------------------