Moving list styles complete to use @apply

src/components/Header/__snapshots__/test.js.snap

@@ -12,9 +12,7 @@ exports[`Header rendering 1`] = `
       Regexper
     </a>
   </h1>
-  <ul
-    className="inline"
-  >
+  <ul>
     <li>
       <a
         href="https://github.com/javallone/regexper-static"

src/components/Header/index.js

@@ -10,7 +10,7 @@ const Header = () => (
       <a href="/">Regexper</a>
     </h1>
 
-    <ul className="inline">
+    <ul>
       <li><a href="https://github.com/javallone/regexper-static">
         <GithubIcon/><Trans>Source on GitHub</Trans>
       </a></li>

src/components/Header/style.css

@@ -38,6 +38,7 @@
   }
 
   & ul {
+    @apply --inline-list;
     line-height: var(--header-height);
     position: absolute;
     top: 0;