feat: placeholder

Signed-off-by: peterpeterparker <[email protected]>

Author: peterpeterparker

CHANGELOG.md

@@ -17,7 +17,7 @@
 
 ### Web Components: New
 
-- studio: v0.0.16 ([CHANGELOG](https://github.com/deckgo/deckdeckgo/blob/main/webcomponents/studio/CHANGELOG.md))
+- studio: v0.0.17 ([CHANGELOG](https://github.com/deckgo/deckdeckgo/blob/main/webcomponents/studio/CHANGELOG.md))
 
 ### Web Components:
 

webcomponents/studio/CHANGELOG.md

@@ -1,3 +1,9 @@
+# 0.0.17 (2022-04-03)
+
+### Features
+
+- placeholder empty titles use `::before`
+
 # 0.0.16 (2022-04-03)
 
 ### Build

webcomponents/studio/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deckdeckgo/studio",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "description": "The editor(s) of DeckDeckGo.",
   "main": "dist/index.cjs.js",
   "module": "dist/studio/studio.esm.js",

webcomponents/studio/src/components/doc/doc.scss

@@ -9,14 +9,14 @@ deckgo-studio-doc {
   margin: 0 auto;
 
   article {
-    h1:nth-child(1):empty:not(:focus):after {
+    h1:nth-child(1):empty:not(:focus):before {
       content: var(--studio-title, "Title");
       color: var(--studio-color);
       white-space: pre;
       position: relative;
     }
 
-    div:nth-child(2):empty:last-child:not(:focus):after {
+    div:nth-child(2):empty:last-child:not(:focus):before {
       content: var(--studio-sub-title, "Write your document...");
       color: var(--studio-color);
       position: relative;