mirror of
https://github.com/mgrove36/bbc-young-reporter.git
synced 2026-03-03 11:27:06 +00:00
Update branding & home page
Add BBC Young Reporter branding & update positioning of articles on home page
This commit is contained in:
33
_site/css/article-page.css
Normal file
33
_site/css/article-page.css
Normal file
@@ -0,0 +1,33 @@
|
||||
.mdc-typography--headline2, .mdc-typography--subtitle1 {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
.mdc-typography--headline2, .mdc-typography--subtitle1, figure {
|
||||
margin: 5px;
|
||||
}
|
||||
.mdc-typography--caption-text {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
iframe {
|
||||
width: 100%;
|
||||
height: calc(68.8vw / 16 * 9);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1550px) {
|
||||
iframe {
|
||||
width: 100%;
|
||||
height: calc(70vw / 16 * 9 - 6px);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
iframe {
|
||||
height: calc(90vw / 16 * 9 - 5px);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
iframe {
|
||||
height: calc(93.5vw / 16 * 9);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user