Merge pull request #21884 from sftim/20200618_reduce_header_sizes_announcement

Reduce header height when announcement shown
This commit is contained in:
Kubernetes Prow Robot
2020-08-17 11:45:30 -07:00
committed by GitHub
3 changed files with 40 additions and 7 deletions
+31 -1
View File
@@ -1,3 +1,5 @@
$announcement-size-adjustment: 8px;
/* GLOBAL */
.td-main {
.row {
@@ -390,4 +392,32 @@ main.content {
}
}
}
}
}
/* ANNOUNCEMENTS */
section#fp-announcement ~ .header-hero {
padding: $announcement-size-adjustment 0;
> div {
margin-top: $announcement-size-adjustment;
margin-bottom: $announcement-size-adjustment;
}
h1, h2, h3, h4, h5 {
margin: $announcement-size-adjustment 0;
}
}
section#announcement ~ .header-hero {
padding: #{$announcement-size-adjustment / 2} 0;
> div {
margin-top: #{$announcement-size-adjustment / 2};
margin-bottom: #{$announcement-size-adjustment / 2};
padding-bottom: #{$announcement-size-adjustment / 2};
}
h1, h2, h3, h4, h5 {
margin: #{$announcement-size-adjustment / 2} 0;
}
}