Move announcement styles into Sass

assets/scss/_custom.scss

@@ -578,3 +578,64 @@ body.td-documentation {
   color: black;
   text-decoration: none !important;
 }
+
+@media print {
+  /* Do not print announcements */
+  #announcement, section#announcement, #fp-announcement, section#fp-announcement {
+    display: none;
+  }
+}
+
+#announcement, #fp-announcement {
+  > * {
+    color: inherit;
+    background: inherit;
+  }
+
+  a {
+    color: inherit;
+    border-bottom: 1px solid #fff;
+  }
+
+  a:hover {
+    color: inherit;
+    border-bottom: none;
+  }
+}
+
+#announcement {
+  padding-top: 105px;
+  padding-bottom: 25px;
+}
+
+.header-hero {
+  padding-top: 40px;
+}
+
+/* Extra announcement height only for landscape viewports */
+@media (min-aspect-ratio: 8/9) {
+  #fp-announcement {
+    min-height: 25vh;
+  }
+}
+
+#fp-announcement aside {
+  padding-top: 115px;
+  padding-bottom: 25px;
+}
+
+.announcement {
+  .content {
+    margin-bottom: 0px;
+  }
+
+
+  > p {
+    .gridPage #announcement .content p,
+    .announcement > h4,
+    .announcement > h3 {
+      color: #ffffff;
+    }
+  }
+}
+

layouts/partials/css.html

@@ -15,10 +15,6 @@
 
 <link rel="stylesheet" href="{{ "css/feature-states.css" | relURL }}">
 
-{{- if .Site.Params.announcement }}
-<link rel="stylesheet" href="{{ "css/announcement.css" | relURL }}">
-{{- end }}
-
 {{- if or (eq .Params.class "gridPage") (eq .Params.class "gridPage gridPageHome") }}
   <link rel="stylesheet" href="{{ "css/gridpage.css" | relURL }}">
 {{- end }}

static/css/announcement.css

@@ -1,49 +0,0 @@
-@media print {
-  /* Do not print announcements */
-  #announcement, section#announcement, #fp-announcement, section#fp-announcement {
-    display: none;
-  }
-}
-
-.announcement.content {
-  margin-bottom: 0px;
-}
-
-.announcement > p,
-.gridPage #announcement .content p,
-.announcement > h4,
-.announcement > h3 {
-  color: #ffffff;
-}
-
-#announcement a,
-#fp-announcement a {
-  color: #fff;
-  border-bottom: 1px solid #fff;
-}
-
-#announcement a:hover,
-#fp-announcement a:hover {
-  border-bottom: none;
-}
-
-#announcement {
-  padding-top: 105px;
-  padding-bottom: 25px;
-}
-
-.header-hero {
-  padding-top: 40px;
-}
-
-/* Extra announcement height only for landscape viewports */
-@media (min-aspect-ratio: 8/9) {
-  #fp-announcement {
-    min-height: 25vh;
-  }
-}
-
-#fp-announcement aside {
-  padding-top: 115px;
-  padding-bottom: 25px;
-}