> For the complete documentation index, see [llms.txt](https://design-packs.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://design-packs.gitbook.io/docs/product-blocks/product-blocks/feature-range-block.md).

# Feature range block

## Feature Range

### Custom CSS & CSS Variables

We've provided an area in each block that will allow you to add your own custom CSS so you can match your brands style exactly.  We decided to make this even easier by providing CSS variable for common changes to make this even easier 🎉

Here is a list of the Variables available in this block: 

```markup
--heading-size
--heading-font-weight
--heading-font-family
--heading-line-height
--heading-letter-spacing
--heading-color

--text-size
--font-family
--font-weight
--line-height
--letter-spacing
--text-color

--background-color
--dot-color
--line-color
--dot-size
--line-size

--margin-top
--margin-bottom
--padding
--size
```