Move announcement styles into Sass

This commit is contained in:
Tim Bannister
2020-12-23 19:03:48 +00:00
parent 20d8b28e1b
commit c02410db24
3 changed files with 61 additions and 53 deletions
-49
View File
@@ -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;
}