mirror of
https://github.com/GenZmeY/casper-i18n.git
synced 2025-07-17 11:16:04 +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 {
|
.site-header-content.no-content {
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
|
padding-bottom: 2vmin;
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-header-inner {
|
.site-header-inner {
|
||||||
@ -272,7 +273,7 @@ production stylesheet in assets/built/screen.css
|
|||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.home-template.has-cover .gh-head {
|
:is(.home-template, .paged:not(.tag-template):not(.author-template)).has-cover .gh-head {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
@ -312,7 +313,7 @@ production stylesheet in assets/built/screen.css
|
|||||||
|
|
||||||
@media (min-width: 992px) {
|
@media (min-width: 992px) {
|
||||||
.is-head-left-logo .gh-head-menu {
|
.is-head-left-logo .gh-head-menu {
|
||||||
margin-right: 32px;
|
margin-right: 64px;
|
||||||
margin-left: 16px;
|
margin-left: 16px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -565,6 +566,17 @@ production stylesheet in assets/built/screen.css
|
|||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.gh-head-members {
|
||||||
|
display: flex;
|
||||||
|
gap: 20px;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gh-head-link {
|
||||||
|
font-weight: 500;
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
.gh-head-button {
|
.gh-head-button {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
@ -613,13 +625,13 @@ production stylesheet in assets/built/screen.css
|
|||||||
margin-right: -4px;
|
margin-right: -4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 991px) {
|
@media (max-width: 767px) {
|
||||||
.gh-head-actions .gh-search {
|
.gh-head-actions .gh-search {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 992px) {
|
@media (min-width: 768px) {
|
||||||
.gh-head-brand .gh-search {
|
.gh-head-brand .gh-search {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
@ -681,7 +693,7 @@ production stylesheet in assets/built/screen.css
|
|||||||
/* ---------------------------------------------------------- */
|
/* ---------------------------------------------------------- */
|
||||||
/* IDs needed to ensure sufficient specificity */
|
/* IDs needed to ensure sufficient specificity */
|
||||||
|
|
||||||
@media (max-width: 991px) {
|
@media (max-width: 767px) {
|
||||||
#gh-head {
|
#gh-head {
|
||||||
height: 64px;
|
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
|
/* 7. Single Post
|
||||||
/* ---------------------------------------------------------- */
|
/* ---------------------------------------------------------- */
|
||||||
@ -2072,7 +2119,7 @@ html.dark-mode .post-card-image {
|
|||||||
background: var(--color-darkmode);
|
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%));
|
color: color-mod(var(--color-secondary-text) l(-22%));
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -2088,6 +2135,10 @@ html.dark-mode .post-card-excerpt {
|
|||||||
color: var(--color-secondary-text);
|
color: var(--color-secondary-text);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
html.dark-mode .pagination a {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
html.dark-mode .author-profile-location {
|
html.dark-mode .author-profile-location {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
@ -2252,7 +2303,7 @@ html.dark-mode .footer-cta-title {
|
|||||||
background: var(--color-darkmode);
|
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%));
|
color: color-mod(var(--color-secondary-text) l(-22%));
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -2268,6 +2319,10 @@ html.dark-mode .footer-cta-title {
|
|||||||
color: var(--color-secondary-text);
|
color: var(--color-secondary-text);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
html.auto-color .pagination a {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
html.auto-color .author-profile-location {
|
html.auto-color .author-profile-location {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
(function () {
|
(function () {
|
||||||
const mediaQuery = window.matchMedia('(max-width: 991px)');
|
const mediaQuery = window.matchMedia('(max-width: 767px)');
|
||||||
|
|
||||||
const menu = document.querySelector('.gh-head-menu');
|
const menu = document.querySelector('.gh-head-menu');
|
||||||
const nav = menu.querySelector('.nav');
|
const nav = menu.querySelector('.nav');
|
||||||
|
@ -14,6 +14,8 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
(function (window, document) {
|
(function (window, document) {
|
||||||
|
if (document.documentElement.classList.contains('no-infinite-scroll')) return;
|
||||||
|
|
||||||
// next link element
|
// next link element
|
||||||
var nextElement = document.querySelector('link[rel=next]');
|
var nextElement = document.querySelector('link[rel=next]');
|
||||||
if (!nextElement) {
|
if (!nextElement) {
|
||||||
|
@ -2,7 +2,9 @@
|
|||||||
{{!-- The tag above means - insert everything in this file into the {body} of the default.hbs template --}}
|
{{!-- 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">
|
<main id="site-main" class="site-main outer">
|
||||||
<div class="post-feed inner">
|
<div class="inner posts">
|
||||||
|
|
||||||
|
<div class="post-feed">
|
||||||
|
|
||||||
{{#author}}
|
{{#author}}
|
||||||
<section class="post-card post-card-large">
|
<section class="post-card post-card-large">
|
||||||
@ -66,5 +68,9 @@
|
|||||||
{{> "post-card"}}
|
{{> "post-card"}}
|
||||||
{{/foreach}}
|
{{/foreach}}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{{pagination}}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
@ -51,15 +51,18 @@
|
|||||||
{{/match}}
|
{{/match}}
|
||||||
{{else}}
|
{{else}}
|
||||||
<button class="gh-search gh-icon-btn" data-ghost-search>{{> "icons/search"}}</button>
|
<button class="gh-search gh-icon-btn" data-ghost-search>{{> "icons/search"}}</button>
|
||||||
|
<div class="gh-head-members">
|
||||||
{{#unless @member}}
|
{{#unless @member}}
|
||||||
{{#unless @site.members_invite_only}}
|
{{#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>
|
<a class="gh-head-button" href="#/portal/signup" data-portal="signup">Subscribe</a>
|
||||||
{{else}}
|
{{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}}
|
{{/unless}}
|
||||||
{{else}}
|
{{else}}
|
||||||
<a class="gh-head-button" href="#/portal/account" data-portal="account">Account</a>
|
<a class="gh-head-button" href="#/portal/account" data-portal="account">Account</a>
|
||||||
{{/unless}}
|
{{/unless}}
|
||||||
|
</div>
|
||||||
{{/unless}}
|
{{/unless}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -48,5 +48,7 @@ into the {body} of the default.hbs template --}}
|
|||||||
{{/foreach}}
|
{{/foreach}}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{{pagination}}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
"name": "casper",
|
"name": "casper",
|
||||||
"description": "A clean, minimal default theme for the Ghost publishing platform",
|
"description": "A clean, minimal default theme for the Ghost publishing platform",
|
||||||
"demo": "https://demo.ghost.io",
|
"demo": "https://demo.ghost.io",
|
||||||
"version": "5.4.1",
|
"version": "5.4.3",
|
||||||
"engines": {
|
"engines": {
|
||||||
"ghost": ">=5.0.0"
|
"ghost": ">=5.0.0"
|
||||||
},
|
},
|
||||||
|
Reference in New Issue
Block a user