diff --git a/package.json b/package.json index 3445ec05..9b7c33b5 100644 --- a/package.json +++ b/package.json @@ -19,6 +19,7 @@ "react-test-renderer": "^15.4.2", "redux": "^3.6.0", "redux-form": "^6.4.3", + "sanitize.css": "^4.1.0", "sharetribe-scripts": "0.8.6", "source-map-support": "^0.4.10" }, diff --git a/src/containers/StyleguidePage/StyleguidePage.css b/src/containers/StyleguidePage/StyleguidePage.css index 4ad3a33e..ba196371 100644 --- a/src/containers/StyleguidePage/StyleguidePage.css +++ b/src/containers/StyleguidePage/StyleguidePage.css @@ -1,8 +1,3 @@ .root { padding: 1rem; - - & ul { - list-style: none; - padding: 0; - } } diff --git a/src/index.css b/src/index.css index 28f2581e..f616e36a 100644 --- a/src/index.css +++ b/src/index.css @@ -1,32 +1,4 @@ -html { - box-sizing: border-box; -} - -*, *:before, *:after { - box-sizing: inherit; -} - -body { - margin: 0; - padding: 0; - font-family: sans-serif; - line-height: 1.4; -} - -h1 { - font-size: 2rem; -} -h2 { - font-size: 1.6rem; -} -h3 { - font-size: 1.2rem; -} -h4, -h5, -h6 { - font-size: 1rem; -} +@import "sanitize.css"; ul { list-style: none; @@ -43,6 +15,7 @@ input { display: block; width: 100%; font-size: 1.4rem; + border: 1px solid #ddd; } button { @@ -63,6 +36,7 @@ button { } &:disabled { cursor: auto; + color: #aaa; &:hover, &:active { diff --git a/yarn.lock b/yarn.lock index c4151d2c..1ca4fa97 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5329,6 +5329,10 @@ sane@~1.4.1: walker "~1.0.5" watch "~0.10.0" +sanitize.css@^4.1.0: + version "4.1.0" + resolved "https://registry.yarnpkg.com/sanitize.css/-/sanitize.css-4.1.0.tgz#0bafc3c513699f2fe8c7980c6d37edf21d3f5448" + sax@^1.1.4, sax@~1.2.1: version "1.2.1" resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.1.tgz#7b8e656190b228e81a66aea748480d828cd2d37a"