We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
1 parent 884df78 commit a682313Copy full SHA for a682313
.babelrc
@@ -0,0 +1,12 @@
1
+{
2
+ "presets": [
3
+ [
4
+ "next/babel",
5
+ {
6
+ "styled-jsx": {
7
+ "plugins": ["styled-jsx-plugin-postcss"]
8
+ }
9
10
+ ]
11
12
+}
src/navigation/Navbar.tsx
@@ -0,0 +1,25 @@
+import React, { ReactNode } from 'react';
+
+type INavbarProps = {
+ children: ReactNode;
+};
+const Navbar = (props: INavbarProps) => (
+ <ul className="navbar flex flex-wrap text-xl">
+ {props.children}
+ <style jsx>
+ {`
13
+ .navbar :global(a) {
14
+ @apply text-gray-700;
15
16
17
+ .navbar :global(a:hover) {
18
+ @apply no-underline text-gray-900;
19
20
+ `}
21
+ </style>
22
+ </ul>
23
+);
24
25
+export { Navbar };
0 commit comments