Merge pull request #46 from plone/menuselection-guilabel-override

Override styles for `menuselection` and `guilabel` from PyData Sphinx…

.readthedocs.yaml

@@ -18,7 +18,10 @@ build:
     # If there are no changes (git diff exits with 0) we force the command to return with 183.
     # This is a special exit code on Read the Docs that will cancel the build immediately.
     - |
-      if [ "$READTHEDOCS_VERSION_TYPE" = "external" ] && git diff --quiet origin/main -- docs/ .readthedocs.yaml requirements.txt requirements-docs.txt;
+      if [ "$READTHEDOCS_VERSION_TYPE" = "external" ] && git diff --quiet origin/main -- docs/ .readthedocs.yaml \
+      requirements.txt requirements-docs.txt \
+      src/plone_sphinx_theme/theme/plone-sphinx-theme/static/styles/plone-sphinx-theme.css \
+      src/plone_sphinx_theme/theme/plone-sphinx-theme/static/scripts/plone-sphinx-theme.js;
       then
         exit 183;
       fi

news/46.documentation

@@ -0,0 +1 @@
+Override styles for `menuselection` and `guilabel` from PyData Sphinx Theme. @stevepiercy

news/46.internal

@@ -0,0 +1 @@
+Build the pull request preview for CSS and JavaScript changes. @stevepiercy

src/plone_sphinx_theme/assets/styles/content/_spans.scss

@@ -0,0 +1,11 @@
+// Apply the same style to both spans, overriding PyData Sphinx Theme
+span.guilabel,
+span.menuselection {
+  border: 1px solid var(--pst-color-info);
+  font-size: 1em;
+  font-weight: 700;
+  border-radius: 0.25rem;
+  padding: 0.1rem 0.4rem;
+  margin: auto 0.1rem;
+  background-color: var(--pst-color-info-bg);
+}

src/plone_sphinx_theme/assets/styles/index.scss

@@ -13,6 +13,7 @@
 
 @use "content/code";
 @use "content/lists";
+@use "content/spans";
 
 @use "extensions/todo";
 @use "extensions/video";