add basic styling for figure and figcaption (facebook#2348)

reactnativecn · Nov 24, 2020 · a180a40 · a180a40
1 parent 61f0699
commit a180a40
Showing 1 changed file with 17 additions and 1 deletion.
diff --git a/website/src/css/customTheme.scss b/website/src/css/customTheme.scss
@@ -105,6 +105,7 @@ hr {
     code {
       background-color: transparent;
       font-size: 90%;
+      padding: 0 6px;
     }
   }
 
@@ -125,7 +126,7 @@ hr {
     tr th {
       text-transform: uppercase;
       padding: 6px 10px;
-      font-size: 12px;
+      font-size: 0.7rem;
       text-align: left;
     }
 
@@ -145,6 +146,21 @@ hr {
     }
   }
 
+  figure {
+    text-align: center;
+    padding: 8px;
+
+    figcaption {
+      padding: 8px;
+      font-size: 0.9rem;
+      color: var(--subtle);
+
+      code {
+        color: var(--subtle);
+      }
+    }
+  }
+
   .docusaurus-highlight-code-line {
     background-color: var(--light);
   }