Remove old body classes (#272)

refs TryGhost/Ghost#2597

Make Casper work without old body classes `.archive-template`, `.page` and use `.page-template` *only* for pages, as `.post-template` will not be available for pages anymore.
This commit is contained in:
Aileen Nowak 2016-10-07 14:02:00 +02:00 committed by John O'Nolan
parent 95cec988f5
commit c1b77b74cb
1 changed files with 34 additions and 21 deletions

View File

@ -833,8 +833,8 @@ body.nav-opened .nav {
/* Hide when there's no cover image or on page2+ */ /* Hide when there's no cover image or on page2+ */
.no-cover .scroll-down, .no-cover .scroll-down,
.no-cover.main-header:after, .no-cover.main-header:after,
.archive-template .scroll-down, .paged .scroll-down,
.archive-template .main-header:after { .paged .main-header:after {
display: none display: none
} }
@ -1015,7 +1015,8 @@ body.nav-opened .nav {
box-shadow: #FFF 0 0 0 5px; box-shadow: #FFF 0 0 0 5px;
} }
body:not(.post-template) .post-title { body:not(.post-template) .post-title,
body:not(.page-template) .post-title {
font-size: 3.6rem; font-size: 3.6rem;
} }
@ -1117,19 +1118,23 @@ body:not(.post-template) .post-title {
5. Single Post - When you click on an individual post 5. Single Post - When you click on an individual post
========================================================================== */ ========================================================================== */
.post-template .post-header { .post-template .post-header,
.page-template .post-header {
margin-bottom: 3.4rem; margin-bottom: 3.4rem;
} }
.post-template .post-title { .post-template .post-title,
.page-template .post-title {
margin-bottom: 0; margin-bottom: 0;
} }
.post-template .post-meta { .post-template .post-meta,
.page-template .post-meta {
margin: 0; margin: 0;
} }
.post-template .post-date { .post-template .post-date,
.page-template .post-date {
padding: 0; padding: 0;
margin: 0; margin: 0;
border: none; border: none;
@ -1138,19 +1143,22 @@ body:not(.post-template) .post-title {
/* Stop elements, such as img wider than the post content, from /* Stop elements, such as img wider than the post content, from
creating horizontal scroll - slight hack due to imperfections creating horizontal scroll - slight hack due to imperfections
with browser width % calculations and rounding */ with browser width % calculations and rounding */
.post-template .content { .post-template .content,
.page-template .content {
overflow: hidden; overflow: hidden;
} }
/* Tweak the .post wrapper style */ /* Tweak the .post wrapper style */
.post-template .post { .post-template .post,
.page-template .post {
margin-top: 0; margin-top: 0;
border-bottom: none; border-bottom: none;
padding-bottom: 0; padding-bottom: 0;
} }
/* Kill that stylish little circle that was on the border, too */ /* Kill that stylish little circle that was on the border, too */
.post-template .post:after { .post-template .post:after,
.page-template .post:after {
display: none; display: none;
} }
@ -1400,7 +1408,7 @@ body:not(.post-template) .post-title {
/* Turn off meta for page2+ to make room for extra /* Turn off meta for page2+ to make room for extra
pagination prev/next links */ pagination prev/next links */
.archive-template .author-profile .author-meta { .paged .author-profile .author-meta {
display: none; display: none;
} }
@ -1629,12 +1637,12 @@ body:not(.post-template) .post-title {
} }
/* On page2+ make all the headers smaller */ /* On page2+ make all the headers smaller */
.archive-template .main-header { .paged .main-header {
max-height: 30vh; max-height: 30vh;
} }
/* On page2+ show extra pagination controls at the top of post list */ /* On page2+ show extra pagination controls at the top of post list */
.archive-template .extra-pagination { .paged .extra-pagination {
display: block; display: block;
} }
@ -1758,7 +1766,7 @@ body:not(.post-template) .post-title {
.scroll-down, .scroll-down,
.home-template .main-header:after { display: none; } .home-template .main-header:after { display: none; }
.archive-template .main-header { .paged .main-header {
min-height: 180px; min-height: 180px;
padding: 10% 0; padding: 10% 0;
} }
@ -1781,7 +1789,8 @@ body:not(.post-template) .post-title {
font-size: 0.95em font-size: 0.95em
} }
body:not(.post-template) .post-title { body:not(.post-template) .post-title,
body:not(.page-template) .post-title {
font-size: 3.2rem; font-size: 3.2rem;
} }
@ -1900,7 +1909,7 @@ body:not(.post-template) .post-title {
height: 30vh; height: 30vh;
} }
.archive-template .main-header { .paged .main-header {
max-height: 20vh; max-height: 20vh;
min-height: 160px; min-height: 160px;
padding: 10% 0; padding: 10% 0;
@ -1987,11 +1996,13 @@ body:not(.post-template) .post-title {
display: none; display: none;
} }
.post-template .post-header { .post-template .post-header,
.page-template .post-header {
margin-bottom: 2rem; margin-bottom: 2rem;
} }
.post-template .post-date { .post-template .post-date,
.page-template .post-date {
display: inline-block; display: inline-block;
} }
@ -2047,11 +2058,13 @@ body:not(.post-template) .post-title {
font-size: 1.8rem; font-size: 1.8rem;
} }
body:not(.post-template) .post-title { body:not(.post-template) .post-title,
body:not(.page-template) .post-title {
font-size: 2.5rem; font-size: 2.5rem;
} }
.post-template .site-footer { .post-template .site-footer,
.page-template .site-footer {
margin-top: 0; margin-top: 0;
} }
@ -2136,7 +2149,7 @@ body:not(.post-template) .post-title {
font-size: 1.4rem; font-size: 1.4rem;
} }
.archive-template .main-header .page-description { .paged .main-header .page-description {
display: none; display: none;
} }