mirror of
https://github.com/Damillora/Yuika
synced 2024-11-12 21:27:33 +00:00
fix(theme): try to fix background url
This commit is contained in:
parent
917b57f504
commit
2e2f648677
@ -17,26 +17,19 @@ for it, and apply those styles to the <header> tag. Else, we just output a <head
|
||||
.responsive-header-img {
|
||||
background-image: url({{img_url background size='xl'}});
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
@media(max-width: 1000px) {
|
||||
.responsive-header-img {
|
||||
background-image: url({{img_url background size='l'}});
|
||||
background-image: -webkit-image-set(url({{img_url background size='l'}}) 1x,
|
||||
url({{img_url background size='xl'}}) 2x);
|
||||
background-image: image-set(url({{img_url background size='l'}}) 1x,
|
||||
url({{img_url background size='xl'}}) 2x);
|
||||
background-position: center;
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width: 600px) {
|
||||
.responsive-header-img {
|
||||
background-image: url({{img_url background size='m'}});
|
||||
background-image: -webkit-image-set(url({{img_url background size='m'}}) 1x,
|
||||
url({{img_url background size='l'}}) 2x);
|
||||
background-image: image-set(url({{img_url background size='m'}}) 1x,
|
||||
url({{img_url background size='l'}}) 2x);
|
||||
background-position: center;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -44,4 +37,4 @@ for it, and apply those styles to the <header> tag. Else, we just output a <head
|
||||
{{else}}
|
||||
|
||||
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
@ -22,10 +22,6 @@ for it, and apply those styles to the <header> tag. Else, we just output a <head
|
||||
@media(max-width: 1000px) {
|
||||
.responsive-site-header-img {
|
||||
background-image: url({{img_url @site.cover_image size='l'}});
|
||||
background-image: -webkit-image-set(url({{img_url @site.cover_image size='l'}}) 1x,
|
||||
url({{img_url @site.cover_image size='xl'}}) 2x);
|
||||
background-image: image-set(url({{img_url @site.cover_image size='l'}}) 1x,
|
||||
url({{img_url @site.cover_image size='xl'}}) 2x);
|
||||
background-position: right 25% top 20%;
|
||||
}
|
||||
}
|
||||
@ -33,10 +29,6 @@ for it, and apply those styles to the <header> tag. Else, we just output a <head
|
||||
@media(max-width: 600px) {
|
||||
.responsive-site-header-img {
|
||||
background-image: url({{img_url @site.cover_image size='m'}});
|
||||
background-image: -webkit-image-set(url({{img_url @site.cover_image size='m'}}) 1x,
|
||||
url({{img_url @site.cover_image size='l'}}) 2x);
|
||||
background-image: image-set(url({{img_url @site.cover_image size='m'}}) 1x,
|
||||
url({{img_url @site.cover_image size='l'}}) 2x);
|
||||
background-position: right 25% top 20%;
|
||||
}
|
||||
}
|
||||
@ -44,4 +36,4 @@ for it, and apply those styles to the <header> tag. Else, we just output a <head
|
||||
|
||||
{{else}}
|
||||
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
Loading…
Reference in New Issue
Block a user