From ec4f08bb942451265a228f43559158bf084f42a3 Mon Sep 17 00:00:00 2001
From: Matthieu Riegler <kyro38@gmail.com>
Date: Sat, 30 May 2026 16:27:41 +0200
Subject: [PATCH] docs(docs-infra): simplify code block styles

#68940 introduced a regression that broke style for wrapped `code` blocks.
Simplifying the style by droping the unecessary gradient + before workaround fixes the issue.
---
 adev/shared-docs/styles/docs/_code.scss | 22 ++++------------------
 1 file changed, 4 insertions(+), 18 deletions(-)

diff --git a/adev/shared-docs/styles/docs/_code.scss b/adev/shared-docs/styles/docs/_code.scss
index 6e33f4b4c8f..a2ec8a28ed7 100644
--- a/adev/shared-docs/styles/docs/_code.scss
+++ b/adev/shared-docs/styles/docs/_code.scss
@@ -80,25 +80,11 @@ $code-font-size: 0.875rem;
     &:not(pre *) {
       position: relative;
       padding: 0 0.3rem;
-      // Fallback for older browsers
-      background: #e62600;
-      background: var(--red-to-orange-horizontal-gradient);
-      background-clip: text;
-      -webkit-background-clip: text;
-      color: transparent;
+      background: var(--subtle-purple);
+      color: var(--hot-pink);
       max-width: max-content;
-      display: inline;
-
-      &::before {
-        content: '';
-        position: absolute;
-        inset: 0;
-        width: 100%;
-        height: 100%;
-        background: var(--subtle-purple);
-        border-radius: 0.25rem;
-        z-index: -1;
-      }
+      border-radius: 0.25rem;
+      width: 100%;
 
       a:not(.docs-anchor) > & {
         position: relative;