> For the complete documentation index, see [llms.txt](https://sprocket-rocket.gitbook.io/project/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sprocket-rocket.gitbook.io/project/code-patterns/spacers.md).

# Spacers

```css
// == standard padding ==
.sr-padding-zero {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.sr-padding-half {
	padding-top: 3.125rem !important;
	padding-bottom: 3.125rem !important;
}
.sr-padding-full {
	padding-top: 6.25rem !important;
	padding-bottom: 6.25rem !important;
}

// == standard spacers ==
.sr-spacer-25 {
	padding-top: 25 / $font-size-base + 0rem;
	padding-bottom: 25 / $font-size-base + 0rem;
}
.sr-spacer-top-25 {
	padding-top: 25 / $font-size-base + 0rem;
}
.sr-spacer-bottom-25 {
	padding-bottom: 25 / $font-size-base + 0rem;
}

.sr-spacer-50 {
	padding-top: 50 / $font-size-base + 0rem;
	padding-bottom: 50 / $font-size-base + 0rem;
}
.sr-spacer-top-50 {
	padding-top: 50 / $font-size-base + 0rem;
}
.sr-spacer-bottom-50 {
	padding-bottom: 50 / $font-size-base + 0rem;
}

.sr-spacer-75 {
	padding-top: 75 / $font-size-base + 0rem;
	padding-bottom: 75 / $font-size-base + 0rem;
}
.sr-spacer-top-75 {
	padding-top: 75 / $font-size-base + 0rem;
}
.sr-spacer-bottom-75 {
	padding-bottom: 75 / $font-size-base + 0rem;
}

.sr-spacer-100 {
	padding-top: 100 / $font-size-base + 0rem;
	padding-bottom: 100 / $font-size-base + 0rem;
}
.sr-spacer-top-100 {
	padding-top: 100 / $font-size-base + 0rem;
}
.sr-spacer-bottom-100 {
	padding-bottom: 100 / $font-size-base + 0rem;
}
```