Changeset 38988

Timestamp:

10/27/2016 11:23:45 PM (7 years ago)

Author:

davidakennedy

Message:

Twenty Seventeen: Make border colors for panels match WordPress UI

Also, fixes the visibility of the borders for panels after the header videos commit.

Props celloexpressions.

Fixes #38408.
See #38172.

File:

• trunk/src/wp-content/themes/twentyseventeen/style.css (modified) (3 diffs)

trunk/src/wp-content/themes/twentyseventeen/style.css

@@ -2942 +2942 @@
 
 .highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:after {
-    border: 2px dashed;
+    border: 2px dashed #0085ba; /* Matches visible edit shortcuts. */
     bottom: 1em;
     content: "";
@@ -2950 +2950 @@
     right: 1em;
     top: 1em;
-    z-index: -1; /* Prevent :after from preventing interactions within the section */
+    z-index: 1;
+}
+
+.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .panel-content {
+    z-index: 2; /* Prevent :after from preventing interactions within the section */
 }
 
@@ -2968 +2972 @@
 .highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(1):after {
     border: none;
-}
-
-.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(2):after {
-    border-color: #b569a2;
-    color: #b569a2;
-}
-
-.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(3):after {
-    border-color: #8f68bd;
-    color: #8f68bd;
-}
-
-.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(4):after {
-    border-color: #575ebd;
-    color: #575ebd;
 }