mentos1386/mnts.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Rename has-cover-image body class

Browse source
This commit is contained in:
Sodbileg Gansukh 2022-05-26 14:33:06 +08:00
parent 0bf84b2b80
commit 628a32ba96
4 changed files with 18 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
assets/built/screen.css
View file

File diff suppressed because one or more lines are too long

2
assets/built/screen.css.map
View file

File diff suppressed because one or more lines are too long

30
assets/css/screen.css
View file

@ -117,13 +117,13 @@ production stylesheet in assets/built/screen.css
color: var(--color-darkgrey); color: var(--color-darkgrey);
} }
.has-cover-image .site-header-content { .has-cover .site-header-content {
min-height: 560px; min-height: 560px;
background-color: var(--ghost-accent-color); background-color: var(--ghost-accent-color);
color: #fff; color: #fff;
} }
body:not(.has-cover-image) .site-header-content:not(.left-aligned) { body:not(.has-cover) .site-header-content:not(.left-aligned) {
padding-bottom: max(4.8vmin, 24px); padding-bottom: max(4.8vmin, 24px);
} }
@ -132,7 +132,7 @@ body:not(.has-cover-image) .site-header-content:not(.left-aligned) {
text-align: left; text-align: left;
} }
.has-cover-image .site-header-content.left-aligned { .has-cover .site-header-content.left-aligned {
align-items: flex-end; align-items: flex-end;
padding-bottom: 6.4vmin; padding-bottom: 6.4vmin;
} }
@ -173,7 +173,7 @@ body:not(.has-cover-image) .site-header-content:not(.left-aligned) {
font-family: var(--font-serif); font-family: var(--font-serif);
} }
.has-cover-image .site-title { .has-cover .site-title {
font-size: 6rem; font-size: 6rem;
} }
@ -181,7 +181,7 @@ body:not(.has-cover-image) .site-header-content:not(.left-aligned) {
font-size: 4.4rem; font-size: 4.4rem;
} }
.has-cover-image .site-header-content.left-aligned .site-title { .has-cover .site-header-content.left-aligned .site-title {
font-size: 4.6rem; font-size: 4.6rem;
} }
@ -208,22 +208,22 @@ body:not(.has-cover-image) .site-header-content:not(.left-aligned) {
color: var(--color-secondary-text); color: var(--color-secondary-text);
} }
.has-cover-image .site-description { .has-cover .site-description {
font-size: 3.2rem; font-size: 3.2rem;
letter-spacing: -0.005em; letter-spacing: -0.005em;
color: #fff; color: #fff;
} }
.has-cover-image :is(.site-logo, .site-title) + .site-description { .has-cover :is(.site-logo, .site-title) + .site-description {
font-size: 2.4rem; font-size: 2.4rem;
} }
.has-cover-image .site-header-content.left-aligned :is(.site-logo, .site-title) + .site-description { .has-cover .site-header-content.left-aligned :is(.site-logo, .site-title) + .site-description {
font-size: 2.2rem; font-size: 2.2rem;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.has-cover-image .site-header-content { .has-cover .site-header-content {
padding-bottom: 36px; padding-bottom: 36px;
min-height: 240px; min-height: 240px;
} }
@ -259,12 +259,12 @@ body:not(.has-cover-image) .site-header-content:not(.left-aligned) {
background-color: #fff; background-color: #fff;
} }
.has-cover-image:not(.home-template) .gh-head { .has-cover:not(.home-template) .gh-head {
background-color: var(--ghost-accent-color); background-color: var(--ghost-accent-color);
color: #fff; color: #fff;
} }
.home-template.has-cover-image .gh-head { .home-template.has-cover .gh-head {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
@ -309,7 +309,7 @@ body:not(.has-cover-image) .site-header-content:not(.left-aligned) {
margin-top: -2px; margin-top: -2px;
} }
.has-cover-image .gh-head-logo { .has-cover .gh-head-logo {
color: #fff; color: #fff;
} }
@ -399,7 +399,7 @@ body:not(.has-cover-image) .site-header-content:not(.left-aligned) {
background: var(--ghost-accent-color); background: var(--ghost-accent-color);
} }
.has-cover-image .gh-head-button { .has-cover .gh-head-button {
color: var(--color-darkgrey); color: var(--color-darkgrey);
background: #fff; background: #fff;
} }
@ -423,7 +423,7 @@ body:not(.has-cover-image) .site-header-content:not(.left-aligned) {
height: 33px; height: 33px;
} }
.has-cover-image .gh-burger-box { .has-cover .gh-burger-box {
color: #fff; color: #fff;
} }
@ -580,7 +580,7 @@ body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after {
} }
} }
.has-cover-image.gh-head-open .gh-head { .has-cover.gh-head-open .gh-head {
background: var(--ghost-accent-color); background: var(--ghost-accent-color);
} }

2
default.hbs
View file

@ -18,7 +18,7 @@
{{ghost_head}} {{ghost_head}}
</head> </head>
<body class="{{body_class}}{{#match @custom.title_font "=" "Elegant serif"}} has-serif-title{{/match}}{{#match @custom.body_font "=" "Modern sans-serif"}} has-sans-body{{/match}}{{#if @custom.show_publication_cover}} has-cover-image{{/if}}{{#is "home"}}{{#unless @custom.show_logo_in_navigation}} no-logo{{/unless}}{{/is}}"> <body class="{{body_class}}{{#match @custom.title_font "=" "Elegant serif"}} has-serif-title{{/match}}{{#match @custom.body_font "=" "Modern sans-serif"}} has-sans-body{{/match}}{{#if @custom.show_publication_cover}} has-cover{{/if}}{{#is "home"}}{{#unless @custom.show_logo_in_navigation}} no-logo{{/unless}}{{/is}}">
<div class="viewport"> <div class="viewport">
<header id="gh-head" class="gh-head outer"> <header id="gh-head" class="gh-head outer">