Updated .reference styles

mattexdee · Mar 12, 2024 · 9d94835 · 9d94835
1 parent c93a86b
commit 9d94835
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/docs/foundry-basics/add-players.md b/docs/foundry-basics/add-players.md
@@ -55,7 +55,7 @@ Your players should own at least one Actor so they can interact with their chara
 2. Click on the <span class="reference">:fontawesome-solid-wifi: Invitation Links</span> button.
 3. Click on the <span class="reference">:fontawesome-solid-ethernet: Local Network</span> or <span class="reference">:fontawesome-solid-wifi: Internet</span> invitation link to copy it and send it to your players.
     - Choose the <span class="reference">:fontawesome-solid-ethernet: Local Network</span> link if your players are on the same wireless network as you, for example, if they're all at your house for an in-person game.
-    - Choose the <span class="reference">:fontawesome-solid-wifi: Internet</span> link if your players are not on the same wireless network than you and you're playing remotely.
+    - Choose the <span class="reference">:fontawesome-solid-wifi: Internet</span> link if your players are not on the same wireless network as you and you're playing remotely.
 
 !!! foundry-tip "What to do if you see a red X next to your Internet link:"
 

diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
@@ -99,8 +99,13 @@ figure.w250 {
 
   /* Custom Button */
 .reference {
-    padding: 3px 6px 3px 3px;
-    border: 1px solid;
-    white-space: nowrap;
-    font-style: normal;
+    background-color: var(--md-typeset-kbd-color);
+    border-radius: 0.1rem;
+    box-shadow: 0 0.1rem 0 0.05rem var(--md-typeset-kbd-border-color), 0 0.1rem 0 var(--md-typeset-kbd-border-color), 0 -0.1rem 0.2rem var(--md-typeset-kbd-accent-color) inset;
+    color: var(--md-default-fg-color);
+    display: inline-block;
+    font-size: .75em;
+    padding: 0 0.6666666667em;
+    vertical-align: text-top;
+    word-break: break-word;
 }