Issue #3514509: Update core releases for new branding

sass/partials/drupalorg/_project-page.scss

@@ -128,48 +128,45 @@
   }
 
   .release-date {
+    color: var(--drupal-gray-mildest);
     display: block;
-    margin-top: 0.5em;
+    font-size: .95rem;
+    margin-top: .25rem;
   }
 
-  .views-field-field-release-short-description {
-    width: 100%;
-    @include breakpoint($medium) {
+  @include breakpoint($small) {
+    .views-field-field-release-short-description {
       float: right;
       width: 60%;
     }
-  }
 
-  &.view-display-id-recommended>.view-content,
-  .view-display-id-prereleases {
     .views-field-field-release-version {
       float: left;
-      display: block;
+      width: 40%;
+      padding-right: 2%;
+    }
+  }
+
+  .views-field-field-release-version {
+    text-align: center;
+
+    h4 {
+      font-size: 1.2em;
+      margin: 0;
+    }
+
+    a {
+      background: var(--drupal-dark-blue);
+      border-radius: 2rem;
+      color: var(--drupal-white);
+      margin-bottom: 1rem;
+      padding: 1.25rem .5rem;
       width: 100%;
-      @include breakpoint($medium) {
-        width: 40%;
-        padding-right: 2%;
-      }
-      text-align: center;
-      h4 {
-        font-size: 1.2em;
-        margin: 0;
-      }
-      a {
-        background: $new-blue;
-        color: $white;
-        margin-bottom: 1em;
-        padding: 1.25em .5em;
-        width: 100%;
-        display: block;
-        &:hover, &:focus {
-          background: $new-dk-blue;
-          text-decoration: none;
-        }
-      }
-      .release-date {
-        color: $new-lt-gray;
-        font-size: 0.95em;
+      display: block;
+
+      &:hover, &:focus {
+        background: var(--drupal-navy);
+        text-decoration: none;
       }
     }
   }
@@ -177,36 +174,18 @@
   .view-display-id-prereleases {
     .views-field-field-release-version {
       a {
-        background: $white;
-        border: 2px solid $new-blue;
+        background: var(--drupal-white);
+        border: 2px solid var(--drupal-dark-blue);
+        border-radius: 2rem;
         color: $body-text;
 
         &:hover, &:focus {
-          border: 2px solid $new-dk-blue;
-          color: $white;
-
-          .release-date {
-            color: $new-lt-gray;
-          }
+          background: var(--drupal-light-blue);
         }
       }
 
       .release-date {
-        color: $new-dk-gray;
-      }
-    }
-  }
-
-  .release-date {
-    color: $new-dk-gray;
-  }
-
-  .panel-pane {
-    .views-field-field-release-version {
-      a {
-        &:hover, &:focus {
-          text-decoration: none;
-        }
+        color: var(--drupal-gray-darker);
       }
     }
   }