added html and css editors

2022-03-26 20:44:52 +01:00
parent cda1b5c972
commit 6ed4b80c64
23 changed files with 548 additions and 144 deletions
@@ -0,0 +1,46 @@
+
+@import url('../../../shared/theme.less');
+
+window-control {
+    display: inline-block;
+    margin-left: 20px;
+}
+
+window-control-connector {
+    position: relative;
+    font-size: 12px;
+    display: inline-block;
+    background: lighten(@editor-bg-white, 1%);
+    padding: 6px;
+    padding-right: 16px;
+    transition: all 200ms;
+    cursor: pointer;
+}
+
+window-control-connector::after {
+    position: absolute;
+    content: "❌";
+    font-size: 8px;
+    transform: rotate(45deg);
+    filter: grayscale();
+    top: 4px;
+    right: 4px;
+    transition: all 200ms;
+    pointer-events: none;
+}
+
+window-control-connector.active {
+    transform: translateY(7px);
+}
+
+window-control-connector.active::after {
+    transform: rotate(0);
+    transform-origin: center;
+}
+
+@media (prefers-color-scheme: dark) {
+    window-control-connector {
+        background: lighten(@editor-bg-dark, 1%);
+        color: @primary-text-color-dark;
+    }
+}