add mini-style popup to live edit
[chloro.git] / chloro / phyll / static / css / style.scss
index 5e2f05b53e4303d344bac1a79d52d1cc87b481c6..50b7bf02d2256dcf775576dd82a1337462a66781 100644 (file)
@@ -62,6 +62,7 @@ main, footer {
 }
 
 main {
+       position: relative;
        background: #fafaff;
        min-height: 70vh;
        clip-path: polygon(0px 0px, 96.35% -24px, 101.99% 7.86%, 100.61% 103.56%, 10% 100%, 0% 100%, 0px 0px);
@@ -181,3 +182,19 @@ footer {
                font-size: 100%;
        }
 }
+
+#style-popup {
+       background: white;
+       button {
+               padding: 0;
+               height: 2em;
+               width: 2em;
+               text-align: center;
+               background: #eee;
+               border: 1px outset #ccc;
+               margin-right: 1px;
+               &:hover {
+                       background: #ccc;
+               }
+       }
+}