mirror of
https://github.com/GenZmeY/casper-i18n.git
synced 2025-07-13 01:06:06 +00:00
Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ebb2538215 | |||
| 3767e3d994 | |||
| 6d290485dc | |||
| 7da41d344f | |||
| 55a90a9252 | |||
| b20dceae22 | |||
| 88ca182a58 | |||
| 140632b885 |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -136,6 +136,7 @@ production stylesheet in assets/built/screen.css
|
||||
|
||||
.site-header-content.no-content {
|
||||
padding-top: 0;
|
||||
padding-bottom: 2vmin;
|
||||
}
|
||||
|
||||
.site-header-inner {
|
||||
@ -272,7 +273,7 @@ production stylesheet in assets/built/screen.css
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.home-template.has-cover .gh-head {
|
||||
:is(.home-template, .paged:not(.tag-template):not(.author-template)).has-cover .gh-head {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
@ -312,7 +313,7 @@ production stylesheet in assets/built/screen.css
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.is-head-left-logo .gh-head-menu {
|
||||
margin-right: 32px;
|
||||
margin-right: 64px;
|
||||
margin-left: 16px;
|
||||
}
|
||||
}
|
||||
@ -565,6 +566,17 @@ production stylesheet in assets/built/screen.css
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.gh-head-members {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.gh-head-link {
|
||||
font-weight: 500;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.gh-head-button {
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
@ -613,13 +625,13 @@ production stylesheet in assets/built/screen.css
|
||||
margin-right: -4px;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
@media (max-width: 767px) {
|
||||
.gh-head-actions .gh-search {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
@media (min-width: 768px) {
|
||||
.gh-head-brand .gh-search {
|
||||
display: none;
|
||||
}
|
||||
@ -681,7 +693,7 @@ production stylesheet in assets/built/screen.css
|
||||
/* ---------------------------------------------------------- */
|
||||
/* IDs needed to ensure sufficient specificity */
|
||||
|
||||
@media (max-width: 991px) {
|
||||
@media (max-width: 767px) {
|
||||
#gh-head {
|
||||
height: 64px;
|
||||
}
|
||||
@ -1144,6 +1156,41 @@ make sure this only happens on large viewports / desktop-ish devices.
|
||||
}
|
||||
}
|
||||
|
||||
/* Pagination
|
||||
/* ---------------------------------------------------------- */
|
||||
|
||||
.pagination {
|
||||
display: none;
|
||||
grid-template-columns: 1fr auto 1fr;
|
||||
align-items: center;
|
||||
margin-top: 8vmin;
|
||||
}
|
||||
|
||||
html.no-infinite-scroll .pagination {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.pagination a {
|
||||
font-size: 1.7rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.pagination .page-number {
|
||||
grid-column-start: 2;
|
||||
color: var(--color-secondary-text);
|
||||
}
|
||||
|
||||
.pagination .older-posts {
|
||||
grid-column-start: 3;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.pagination .page-number {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 7. Single Post
|
||||
/* ---------------------------------------------------------- */
|
||||
@ -2072,7 +2119,7 @@ html.dark-mode .post-card-image {
|
||||
background: var(--color-darkmode);
|
||||
}
|
||||
|
||||
html.dark-mode :is(.post-card-tags, .post-card-meta, .article-tag a, .byline-meta-content) {
|
||||
html.dark-mode :is(.post-card-tags, .post-card-meta, .article-tag a, .byline-meta-content, .pagination .page-number) {
|
||||
color: color-mod(var(--color-secondary-text) l(-22%));
|
||||
}
|
||||
|
||||
@ -2088,6 +2135,10 @@ html.dark-mode .post-card-excerpt {
|
||||
color: var(--color-secondary-text);
|
||||
}
|
||||
|
||||
html.dark-mode .pagination a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
html.dark-mode .author-profile-location {
|
||||
color: #fff;
|
||||
}
|
||||
@ -2252,7 +2303,7 @@ html.dark-mode .footer-cta-title {
|
||||
background: var(--color-darkmode);
|
||||
}
|
||||
|
||||
html.auto-color :is(.post-card-tags, .post-card-meta, .article-tag a, .byline-meta-content) {
|
||||
html.auto-color :is(.post-card-tags, .post-card-meta, .article-tag a, .byline-meta-content, .pagination .page-number) {
|
||||
color: color-mod(var(--color-secondary-text) l(-22%));
|
||||
}
|
||||
|
||||
@ -2268,6 +2319,10 @@ html.dark-mode .footer-cta-title {
|
||||
color: var(--color-secondary-text);
|
||||
}
|
||||
|
||||
html.auto-color .pagination a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
html.auto-color .author-profile-location {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
(function () {
|
||||
const mediaQuery = window.matchMedia('(max-width: 991px)');
|
||||
const mediaQuery = window.matchMedia('(max-width: 767px)');
|
||||
|
||||
const menu = document.querySelector('.gh-head-menu');
|
||||
const nav = menu.querySelector('.nav');
|
||||
|
||||
@ -14,6 +14,8 @@
|
||||
*/
|
||||
|
||||
(function (window, document) {
|
||||
if (document.documentElement.classList.contains('no-infinite-scroll')) return;
|
||||
|
||||
// next link element
|
||||
var nextElement = document.querySelector('link[rel=next]');
|
||||
if (!nextElement) {
|
||||
|
||||
@ -2,7 +2,9 @@
|
||||
{{!-- The tag above means - insert everything in this file into the {body} of the default.hbs template --}}
|
||||
|
||||
<main id="site-main" class="site-main outer">
|
||||
<div class="post-feed inner">
|
||||
<div class="inner posts">
|
||||
|
||||
<div class="post-feed">
|
||||
|
||||
{{#author}}
|
||||
<section class="post-card post-card-large">
|
||||
@ -66,5 +68,9 @@
|
||||
{{> "post-card"}}
|
||||
{{/foreach}}
|
||||
|
||||
</div>
|
||||
|
||||
{{pagination}}
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
@ -51,15 +51,18 @@
|
||||
{{/match}}
|
||||
{{else}}
|
||||
<button class="gh-search gh-icon-btn" data-ghost-search>{{> "icons/search"}}</button>
|
||||
<div class="gh-head-members">
|
||||
{{#unless @member}}
|
||||
{{#unless @site.members_invite_only}}
|
||||
<a class="gh-head-link" href="#/portal/signin" data-portal="signin">Sign in</a>
|
||||
<a class="gh-head-button" href="#/portal/signup" data-portal="signup">Subscribe</a>
|
||||
{{else}}
|
||||
<a class="gh-head-button" href="#/portal/signin" data-portal="signin">Login</a>
|
||||
<a class="gh-head-button" href="#/portal/signin" data-portal="signin">Sign in</a>
|
||||
{{/unless}}
|
||||
{{else}}
|
||||
<a class="gh-head-button" href="#/portal/account" data-portal="account">Account</a>
|
||||
{{/unless}}
|
||||
</div>
|
||||
{{/unless}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -48,5 +48,7 @@ into the {body} of the default.hbs template --}}
|
||||
{{/foreach}}
|
||||
</div>
|
||||
|
||||
{{pagination}}
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
"name": "casper",
|
||||
"description": "A clean, minimal default theme for the Ghost publishing platform",
|
||||
"demo": "https://demo.ghost.io",
|
||||
"version": "5.4.1",
|
||||
"version": "5.4.3",
|
||||
"engines": {
|
||||
"ghost": ">=5.0.0"
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user