css + elements

2 years ago · 7becf28cd3
parent f12fc014f3
commit 7becf28cd3
2 changed files with 28 additions and 1 deletions
--- a/app.css
+++ b/app.css
@ -0,0 +1,17 @@
+ul {
+	padding:0px;
+}
+
+li {
+	cursor:grab;
+	border:1px solid black;
+	padding: 1em;
+	margin: 1em;
+	list-style:none;
+}
+
+li:active {
+	cursor:grabbing;
+	border-color:red;
+	color:red;
+}
--- a/index.html
+++ b/index.html
@ -4,9 +4,19 @@
 	<meta charset="UTF-8">
 	<title></title>
 	<link rel="stylesheet" href="app.css" />
-	<script src="app.js"></script>
+	<script defer src="app.js"></script>
 </head>
 <body>
 	<h1>New Trello</h1>
+	<ul>
+		<li draggable="true">one</li>
+		<li draggable="true">two</li>
+		<li draggable="true">three</li>
+	</ul>
+	<ul>
+		<li draggable="true">four</li>
+		<li draggable="true">five</li>
+		<li draggable="true">six</li>
+	</ul>
 </body>
 </html>