Eliminate remaining resets and element styles

Eliminate the remaining resets and element styles used in the pattern library CSS
hypothesis · Oct 15, 2021 · 4faac14 · 4faac14
1 parent 0884acf
commit 4faac14
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 148 deletions.
diff --git a/src/pattern-library/components/PlaygroundApp.js b/src/pattern-library/components/PlaygroundApp.js
@@ -60,7 +60,7 @@ export default function PlaygroundApp({
         {routeGroups.map(rGroup => (
           <div key={rGroup.title}>
             <h2 className="Library__heading2">{rGroup.title}</h2>
-            <ul>
+            <ul className="PlaygroundApp__nav">
               {rGroup.routes.map(({ route, title }) => (
                 <li key={title}>
                   <Link

diff --git a/styles/base/_elements.scss b/styles/base/_elements.scss
diff --git a/styles/base/_reset.scss b/styles/base/_reset.scss
diff --git a/styles/base/index.scss b/styles/base/index.scss
@@ -1,5 +1,4 @@
-@use 'reset';
-@use 'elements';
+@use 'normalize.css/normalize';
 
 * {
   box-sizing: border-box;

diff --git a/styles/library.scss b/styles/library.scss
@@ -44,6 +44,12 @@
     padding: 1em;
   }
 
+  &__nav {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
   &__content {
     grid-area: 'content';
   }

diff --git a/styles/mixins/_reset.scss b/styles/mixins/_reset.scss