something

docs/src/components/PageNavigation/style.scss

@@ -2,4 +2,13 @@
   display: flex;
   justify-content: space-between;
   padding: 3rem 0;
+
+  &__link {
+    font-weight: 500;
+    color: rgba($colorBlack, 0.6);
+
+    &:hover {
+      color: $colorBlack;
+    }
+  }
 }

docs/src/data/links.yaml

@@ -7,6 +7,8 @@
   items:
     - title: Renderless
       link: /renderless/
+    - title: Schema
+      link: /schema/
     - title: Editor
       link: /editor/
     - title: Extensions

docs/src/data/posts/schema.md

@@ -0,0 +1 @@
+# Schema

docs/src/demos/React/index.jsx

@@ -2,7 +2,7 @@ import React, { Component } from 'react'
 import { Editor } from '@tiptap/core'
 import extensions from '@tiptap/starter-kit'
 
-export default class TestComponent extends Component {
+export default class extends Component {
   constructor() {
     super()
     this.editorNode = React.createRef()

docs/src/layouts/App/base.scss

@@ -48,7 +48,7 @@ body {
   -moz-osx-font-smoothing: grayscale;
   line-height: 1.7;
   font-feature-settings: 'cv05' 1;
-  background-color: $colorLightGrey;
+  background-color: rgba($colorBlack, 0.02);
   height: 100%;
 }
 

docs/src/layouts/App/style.scss

@@ -17,7 +17,7 @@
     letter-spacing: 0.025rem;
     font-size: 0.75rem;
     text-transform: uppercase;
-    color: rgba($colorBlack, 0.4);
+    color: rgba($colorBlack, 0.3);
     margin-bottom: 0.5rem;
   }
 

docs/src/templates/DocPage/style.scss

@@ -1,6 +1,10 @@
 .doc-page {
   &__markdown ::v-deep {
 
+    a {
+      text-decoration: underline;
+    }
+
     h1,
     h2,
     h3,
@@ -33,6 +37,7 @@
         top: 0;
         right: 100%;
         color: rgba($colorBlack, 0.4);
+        text-decoration: none;
         font-weight: 400;
         padding-right: 0.5rem;
         opacity: 0;
@@ -44,6 +49,8 @@
       }
     }
 
+    
+
     > * + * {
       margin-top: 1.5em;
     }

docs/src/variables.scss

@@ -1,5 +1,4 @@
 $colorWhite: #FFF;
-$colorLightGrey: #F8F8F8;
 $colorBlack: #000;
 
 /* Default Equations */