Improve announcements implementation

Signed-off-by: Celeste Horgan <celeste@cncf.io> Co-authored-by: Tim Bannister <tim@scalefactory.com>
2020-06-04 14:20:16 -07:00
parent 3b6e9e0d6f
commit 9caa83d75b
11 changed files with 81 additions and 32 deletions
@@ -1,6 +1,25 @@
-.announcement {
-    padding: 20px;
-    margin: 20px 0;
-    border-radius: 3px;
-    background-color: #eeeeee;
+.announcement.content {
+  margin-bottom: 0px;
+}
+
+.announcement > p, .gridPage #announcement .content p, .announcement > h4, .announcement > h3 {
+  color: #ffffff;
+}
+
+#announcement {
+  padding-top: 75px;
+  padding-bottom: 25px;
+}
+
+#hero {
+  padding-top: 40px;
+}
+
+#fp-announcement {
+  min-height: 30vh;
+}
+
+#fp-announcement main {
+  margin-top: 125px;
+  padding-bottom: 35px;
 }