From a5146fa8bb501c93d539b91e061e87e16f665759 Mon Sep 17 00:00:00 2001
From: Peter van Westen <info@regularlabs.com>
Date: Tue, 15 Dec 2020 16:18:55 +0100
Subject: [PATCH] Fixes issue periods in names

The css is messed up when the names contain periods, like:
```
'0.5': '0.125rem'
```
This will result in css like:
```
.-indent-0.\35{
  text-indent: -0.125rem;
}
```

After this fix it will correctly generate:
```
.-indent-\.5{
  text-indent: -0.125rem;
}
```
---
 index.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/index.js b/index.js
index 53111f9..8e56ea5 100644
--- a/index.js
+++ b/index.js
@@ -5,6 +5,8 @@ const flatten = require('flat')
 const FLATTEN_CONFIG = { delimiter: '-', maxDepth: 2 }
 const handleName = (name, className) => {
   const split = name.split(`${className}-`)
+  split[1] = split[1].replace('.', '\\.')
+
   const prefixedName = `${split[0]}${prefixNegativeModifiers(className, split[1])}`
 
   return prefixedName.split('-default').join('')