Releases version 0.8.9

This commit is contained in:
Eduardo Gomez 2020-12-14 15:16:53 +01:00
parent 085a9f5e51
commit 86daca2320
7 changed files with 48 additions and 21 deletions

View file

@ -92,6 +92,7 @@ From now on, this theme is only compatible with Ghost 3
* Dutch by [Qballjos](https://github.com/Qballjos) * Dutch by [Qballjos](https://github.com/Qballjos)
* Traditional Chinese by [weixiang](https://github.com/weixiang) * Traditional Chinese by [weixiang](https://github.com/weixiang)
* Persian (Farsi) by [Aminoiz](https://github.com/Aminoiz) * Persian (Farsi) by [Aminoiz](https://github.com/Aminoiz)
* Ukrainian by [partizan007](https://github.com/partizan007)
## Tests performed ## Tests performed

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -54,5 +54,5 @@
"desktop": "assets/screenshot-desktop.jpg", "desktop": "assets/screenshot-desktop.jpg",
"mobile": "assets/screenshot-mobile.jpg" "mobile": "assets/screenshot-mobile.jpg"
}, },
"version": "0.8.8" "version": "0.8.9"
} }

View file

@ -2,21 +2,20 @@
If the template in question has a background image, then we render responsive image styles If the template in question has a background image, then we render responsive image styles
for it, and apply those styles to the <header> tag. for it, and apply those styles to the <header> tag.
--}} --}}
{{!--
If the template in question has a background image, then we render responsive image styles
for it, and apply those styles to the <header> tag.
--}}
{{#if background}} {{#if background}}
<section class="m-hero with-picture" data-aos="fade"> <section class="m-hero with-picture" data-aos="fade">
<div class="m-hero__picture {{#is "post"}}in-post{{/is}}"> <div class="m-hero__picture {{#is "post"}}in-post{{/is}}">
<img srcset="{{img_url background size="s"}} 300w, <img
srcset="
{{img_url background size="s"}} 300w,
{{img_url background size="m"}} 600w, {{img_url background size="m"}} 600w,
{{img_url background size="l"}} 1000w, {{img_url background size="l"}} 1000w,
{{img_url background size="xl"}} 2000w" {{img_url background size="xl"}} 2000w
"
sizes="(max-width: 600px) 600px, (max-width: 1000px) 1000px, 2000px" sizes="(max-width: 600px) 600px, (max-width: 1000px) 1000px, 2000px"
src="{{img_url background size="l"}}" src="{{img_url background size="l"}}"
alt="{{title}}" alt=""
/> />
</div> </div>
{{else}} {{else}}

View file

@ -35,22 +35,21 @@
} }
.m-hero__picture { .m-hero__picture {
display: flex;
align-items: center;
justify-content: center;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: 1; z-index: 1;
opacity: 0.7; opacity: 0.7;
&.in-post { &.in-post {
opacity: 1; opacity: 1;
} }
display: flex;
align-items: center;
justify-content: center;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;

View file

@ -370,6 +370,7 @@
display: inline-block; display: inline-block;
color: var(--link-color); color: var(--link-color);
font-size: 0.9rem; font-size: 0.9rem;
font-family: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;
padding: 0 5px; padding: 0 5px;
border-radius: 5px; border-radius: 5px;
background-color: var(--secondary-subtle-color); background-color: var(--secondary-subtle-color);
@ -377,7 +378,23 @@
pre { pre {
line-height: 1.4; line-height: 1.4;
font-family: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;
margin: 0 0 25px; margin: 0 0 25px;
overflow: auto;
border-radius: 5px;
background-color: var(--secondary-subtle-color);
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 2;
-o-tab-size: 2;
tab-size: 2;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
@include respond-to('medium') { @include respond-to('medium') {
margin-bottom: 30px; margin-bottom: 30px;
@ -386,7 +403,18 @@
> code { > code {
display: block; display: block;
padding: 10px; padding: 10px;
white-space: pre-wrap; white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 2;
-o-tab-size: 2;
tab-size: 2;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
@include respond-to('medium') { @include respond-to('medium') {
padding: 20px; padding: 20px;