Merge pull request #22 from Proskynete/dev

Dev

Author: Proskynete

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vertical-timeline-component-react",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "A simple component for create a vertical timeline with Reactjs",
   "main": "build/index.js",
   "repository": "https://github.com/Proskynete/vertical-timeline-component-react",

src/styles/main.js

@@ -62,6 +62,7 @@ export const BodyWrapper = styled.article`
 	${ContainerWrapper}:last-of-type &:last-of-type:after {
 		background-color: ${(props) => props.theme.lineColor};
 		bottom: 0;
+		box-sizing: content-box;
 		content: '';
 		height: 100%;
 		left: 10px;
@@ -72,6 +73,7 @@ export const BodyWrapper = styled.article`
 	}
 
 	${ContainerWrapper}:last-of-type &:last-of-type:after {
+		box-sizing: content-box;
 		display: none;
 	}
 `;
@@ -85,6 +87,7 @@ export const Title = styled.p`
 		background-color: ${(props) => props.theme.dotColor};
 		border: 2px solid ${(props) => props.theme.borderDotColor};
 		border-radius: 50%;
+		box-sizing: content-box;
 		content: '';
 		height: 6px;
 		left: 6px;

test/components/__snapshots__/section.spec.js.snap

@@ -2,10 +2,10 @@
 
 exports[`<Section /> should create Snapshot 1`] = `
 <article
-  className="sc-AxheI iITLKJ"
+  className="sc-AxheI kdvXAR"
 >
   <p
-    className="sc-Axmtr bAnsOc"
+    className="sc-Axmtr kHDhOq"
   >
     title
   </p>