From 7991eca97c39534cf9f7896bd29a34a68b597dd2 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Tue, 17 Jul 2018 15:35:20 +0200
Subject: code structure

---
 public/css.css | 58 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 58 insertions(+)
 create mode 100644 public/css.css

(limited to 'public/css.css')

diff --git a/public/css.css b/public/css.css
new file mode 100644
index 0000000..41404c2
--- /dev/null
+++ b/public/css.css
@@ -0,0 +1,58 @@
+* { box-sizing: border-box; }
+body {
+  font-family: helvetica;
+  font-weight: 300;
+  background: #fbfbfb;
+  font-size: 12px;
+}
+.dragging { cursor: -webkit-grabbing !important; }
+.ui-sortable-helper { cursor: -webkit-grabbing !important; }
+
+#controls {
+  position: fixed;
+  top: 0; right: 0;
+  padding: 10px;
+}
+#lists {
+  display: flex;
+  flex-direction: row;
+}
+#lists h3 {
+  margin: 0 0 5px 0;
+  width: 40px;
+  text-align: right;
+  padding-right: 5px;
+  white-space: pre;
+}
+.list span {
+  display: inline-block;
+  min-width: 40px;
+  text-align: right;
+  padding-right: 5px;
+}
+.list > div > div {
+  padding-right: 10px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.list div div:nth-child(odd) {
+  background-color: #eee;
+}
+.list div div:nth-child(even) {
+  background-color: #fff;
+}
+.list div div {
+  cursor: move;
+  cursor: grab;
+  cursor: -webkit-grab;
+}
+.list div div.pair:nth-child(even) {
+  background-color: #444;
+  color: #fff;
+}
+.list div div.pair:nth-child(odd) {
+  background-color: #333;
+  color: #fff;
+}
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2