padding-utils.scss

padding-utils.scss

$spacer-xs: .25em;
$spacer-sm: .5em;
$spacer-md: 1em;
$spacer-lg: 1.5em;
$spacer-xl: 2em;

// Padding Top
.pad-t-xs {
	padding-top: $spacer-xs;
}

.pad-t-sm {
	padding-top: $spacer-sm;
}

.pad-t-md {
	padding-top: $spacer-md;
}

.pad-t-lg {
	padding-top: $spacer-lg;
}

.pad-t-xl {
	padding-top: $spacer-xl;
}

// Padding Bottom
.pad-b-xs {
	padding-bottom: $spacer-xs;
}

.pad-b-sm {
	padding-bottom: $spacer-sm;
}

.pad-b-md {
	padding-bottom: $spacer-md;
}

.pad-b-lg {
	padding-bottom: $spacer-lg;
}

.pad-b-xl {
	padding-bottom: $spacer-xl;
}

// Padding Left
.pad-l-xs {
	padding-left: $spacer-xs;
}

.pad-l-sm {
	padding-left: $spacer-sm;
}

.pad-l-md {
	padding-left: $spacer-md;
}

.pad-l-lg {
	padding-left: $spacer-lg;
}

.pad-l-xl {
	padding-left: $spacer-xl;
}

// Padding Right
.pad-r-xs {
	padding-right: $spacer-xs;
}

.pad-r-sm {
	padding-right: $spacer-sm;
}

.pad-r-md {
	padding-right: $spacer-md;
}

.pad-r-lg {
	padding-right: $spacer-lg;
}

.pad-r-xl {
	padding-right: $spacer-xl;
}