Fix github gitlab brand (#1194)

Author: choldgraf

docs/user_guide/theme-elements.md

@@ -184,7 +184,7 @@ For example:
   - `[https://github.com/pydata/pydata-sphinx-theme/pull/1012](https://github.com/pydata/pydata-sphinx-theme/pull/1012)`
   - [https://github.com/pydata/pydata-sphinx-theme/pull/1012](https://github.com/pydata/pydata-sphinx-theme/pull/1012)
 
-- **MyST Markdown with [MyST Linkify](https://myst-**parser.readthedocs.io/en/latest/syntax/optional.html#linkify)
+- **MyST Markdown with [MyST Linkify](https://myst-parser.readthedocs.io/en/latest/syntax/optional.html#linkify)**
   - `https://github.com/pydata/pydata-sphinx-theme/pull/1012`
   - https://github.com/pydata/pydata-sphinx-theme/pull/1012
 

src/pydata_sphinx_theme/assets/styles/base/_base.scss

@@ -64,8 +64,8 @@ a {
   }
 
   // set up a icon next to the shorten links from github and gitlab
-  .github,
-  .gitlab {
+  &.github,
+  &.gitlab {
     &::before {
       color: var(--pst-color-text-muted);
       font-family: "Font Awesome 6 Brands";