From 28f54534dc586c67d16ab8eb5445ebe691119640 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Zoe=CC=88=20Bijl?= <zoe.bijl@crowdstrike.com>
Date: Tue, 1 Oct 2019 15:51:45 -0700
Subject: [PATCH] Core Style: Simplify CodePen button code (issue #1102)

---
 examples/css/core.css | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/examples/css/core.css b/examples/css/core.css
index 7e30494311..74ab18d257 100644
--- a/examples/css/core.css
+++ b/examples/css/core.css
@@ -62,7 +62,7 @@ table.data.attributes tbody td {
   margin-left: 1em;
 }
 
-form[action^="https://codepen.io/"] button {
+.example-header button {
   display: inline-block;
   position: relative;
   padding: 0.4em 0.7em;
@@ -76,18 +76,18 @@ form[action^="https://codepen.io/"] button {
   background-image: linear-gradient(to bottom, hsl(216, 82%, 53%), hsl(216, 82%, 47%));
 }
 
-form[action^="https://codepen.io/"] button:hover {
+.example-header button:hover {
   border-color: hsl(213, 71%, 29%);
   background-color: hsl(216, 82%, 31%);
   background-image: linear-gradient(to bottom, hsl(216, 82%, 33%), hsl(216, 82%, 27%));
   cursor: default;
 }
 
-form[action^="https://codepen.io/"] button:focus {
+.example-header button:focus {
   outline: none;
 }
 
-form[action^="https://codepen.io/"] button:focus::before {
+.example-header button:focus::before {
   position: absolute;
   z-index: -1;
 
@@ -103,7 +103,7 @@ form[action^="https://codepen.io/"] button:focus::before {
   content: '';
 }
 
-form[action^="https://codepen.io/"] button:active {
+.example-header button:active {
   border-color: hsl(213, 71%, 49%);
   background-color: hsl(216, 82%, 31%);
   background-image: linear-gradient(to bottom, hsl(216, 82%, 53%), hsl(216, 82%, 47%));