From a867d71ece0b5c39a1f1714a43280bb85f8cd9c0 Mon Sep 17 00:00:00 2001
From: Pete Bacon Darwin <pete@bacondarwin.com>
Date: Mon, 21 May 2018 12:54:34 +0100
Subject: [PATCH] feat(aio): render hover status on code-tabs (#24027)

The Material Design spec states that there should be a change
of background when hovering over a tab label.

See https://material.io/design/components/tabs.html#states

Related to #23985

PR Close #24027
---
 aio/src/styles/2-modules/_code.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/aio/src/styles/2-modules/_code.scss b/aio/src/styles/2-modules/_code.scss
index b2806bfa25..0e788ae48f 100644
--- a/aio/src/styles/2-modules/_code.scss
+++ b/aio/src/styles/2-modules/_code.scss
@@ -106,6 +106,9 @@ aio-code pre {
 }
 
 .code-tab-group .mat-tab-label {
+  &:hover {
+    background: rgba(black, 0.04);
+  }
   white-space: nowrap;
 }