me/bbc-young-reporter
1
0
Fork 0
mirror of https://github.com/mgrove36/bbc-young-reporter.git synced 2026-03-03 03:17:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix responsive side margins

Browse Source
This commit is contained in:
Matthew Grove
2020-03-10 10:25:16 +00:00
parent f9c7175cfa
commit fc16869ff5
1 changed files with 31 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
css/global.css
View File

@@ -125,22 +125,24 @@ html, body, .mdc-drawer-app-content {
background-color: var(--mdc-theme-primary); background-color: var(--mdc-theme-primary);
} }
/* responsive side margins */ /* cookie notice */
.article-section .articles, .article-section-header, .footer-container, .article-content, .article-title-section ~ .mdc-typography--caption-text, .article-title-section, .mdc-typography--subtitle1, .mdc-typography--headline3 { #cookies {
padding-left: 15%; display: none;
padding-right: 15%; width: 100%;
position: fixed;
background: var(--mdc-theme-primary);
color: var(--mdc-theme-background);
text-align: center;
bottom: -100px;
left: 0;
z-index: 1;
} }
@media screen and (max-width: 1000px) { #cookies p {
.article-section .articles, .article-section-header, .footer-container, .article-content, .footer-container, .article-title-section ~ .mdc-typography--caption-text, .article-title-section, .mdc-typography--subtitle1, .mdc-typography--headline3 { margin: 10px;
padding-left: 8%;
padding-right: 8%;
}
} }
@media screen and (max-width: 800px) { #cookies p a {
.article-section .articles, .article-section-header, .article-content, .footer-container, .article-title-section ~ .mdc-typography--caption-text, .article-title-section, .mdc-typography--subtitle1, .mdc-typography--headline3 { color: var(--mdc-theme-secondary);
padding-left: 2%; text-decoration: none;
padding-right: 2%;
}
} }
/* footer */ /* footer */
@@ -176,22 +178,20 @@ footer img {
} }
} }
/* cookie notice */ /* responsive side margins */
#cookies { .article-section .articles, .article-section-header, .footer-container, .article-content, .article-title-section ~ .mdc-typography--caption-text, .article-title-section, .mdc-typography--subtitle1, .mdc-typography--headline3 {
display: none; padding-left: 15%;
width: 100%; padding-right: 15%;
position: fixed;
background: var(--mdc-theme-primary);
color: var(--mdc-theme-background);
text-align: center;
bottom: -100px;
left: 0;
z-index: 1;
} }
#cookies p { @media screen and (max-width: 1000px) {
margin: 10px; .article-section .articles, .article-section-header, .footer-container, .article-content, .footer-container, .article-title-section ~ .mdc-typography--caption-text, .article-title-section, .mdc-typography--subtitle1, .mdc-typography--headline3 {
} padding-left: 8%;
#cookies p a { padding-right: 8%;
color: var(--mdc-theme-secondary); }
text-decoration: none;
} }
@media screen and (max-width: 800px) {
.article-section .articles, .article-section-header, .article-content, .footer-container, .article-title-section ~ .mdc-typography--caption-text, .article-title-section, .mdc-typography--subtitle1, .mdc-typography--headline3 {
padding-left: 2%;
padding-right: 2%;
}
}