bundling de css usando o esbuild

1 files changed, 32 insertions, 0 deletions

diff --git a/styles/navbar.css b/styles/navbar.css
new file mode 100644
index 0000000..2b70356
--- /dev/null
+++ b/styles/navbar.css
@@ -0,0 +1,32 @@
+.navbar ul {
+	list-style-type: none;
+	margin: 0px;
+	padding: 0px;
+	display: flex;
+	flex-wrap: wrap;
+	gap: 10px;
+}
+
+.navbar li a {
+	display: block;
+	color: #999;
+	text-decoration: none;
+	border: dashed 1px;
+	text-align: center;
+	padding: 5px 10px;
+}
+
+.navbar li a:hover {
+	display: block;
+	color: #000;
+	background-color: #999;
+}
+
+@media (min-width: 1000px) {
+	.navbar ul {
+		display: flex;
+		flex-direction: column;
+		gap: 0px;
+		width: 125px;
+	}
+}