mirror of
https://github.com/mgrove36/bbc-young-reporter.git
synced 2026-03-03 11:27:06 +00:00
Revert "Merge pull request #2 from mgrove36/development"
This reverts commit 8b8da21593.
This commit is contained in:
43
css/home.css
43
css/home.css
@@ -1,43 +0,0 @@
|
||||
/* place button on right */
|
||||
.article-section-header button {
|
||||
display: inline;
|
||||
padding: 5px 14px;
|
||||
position: relative;
|
||||
float: right;
|
||||
top: 3.5px;
|
||||
}
|
||||
|
||||
/* animate button on hover */
|
||||
.article-section-header button span {
|
||||
position: relative;
|
||||
left: 0;
|
||||
top: 1.25px;
|
||||
transition: left 0.1s linear;
|
||||
font-size: inherit;
|
||||
}
|
||||
.article-section-header button:hover span {
|
||||
left: 4px;
|
||||
}
|
||||
|
||||
/* alternate section backgrounds */
|
||||
.article-section:nth-of-type(3n) {
|
||||
background: var(--mdc-theme-background);
|
||||
}
|
||||
.article-section:nth-of-type(3n) > div:nth-of-type(3), .article-section:nth-of-type(3n+2) > div:nth-of-type(3) {
|
||||
display: none;
|
||||
}
|
||||
.article-section:nth-of-type(3n+2) {
|
||||
background: var(--mdc-theme-primary);
|
||||
}
|
||||
|
||||
/* hide articles on smaller screen sizes */
|
||||
@media screen and (max-width: 600px) {
|
||||
.article-section .mdc-card:nth-of-type(3) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 350px) {
|
||||
.article-section .mdc-card:nth-of-type(2) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user