update html structure

magic-themes · Jun 6, 2019 · 6d814e7 · 6d814e7
1 parent 3b30ee1
commit 6d814e7
Showing 1 changed file with 11 additions and 7 deletions.
diff --git a/src/index.mjs b/src/index.mjs
@@ -81,11 +81,13 @@ export default (vars = {}) => {
 
     '.Header': {
       '.Logo': {
-        margin: '0.3em 0 0',
-      },
+        img: {
+          margin: '0.3em 0 0',
+        },
 
-      '.LogoText': {
-        fontSize: '1.1em',
+        span: {
+          fontSize: '1.1em',
+        },
       },
     },
 
@@ -104,7 +106,7 @@ export default (vars = {}) => {
         },
       },
 
-      '.MenuItem': {
+      li: {
         display: 'block',
         float: 'none',
 
@@ -121,8 +123,10 @@ export default (vars = {}) => {
               color: linkColorLightHover,
             },
           },
-          '.MenuItem a': {
-            textDecoration: 'none',
+          li: {
+            a: {
+              textDecoration: 'none',
+            },
           },
         },
       },