Websites
/
lektor-website
mirror of https://github.com/lektor/lektor-website.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

banner -> page-banner because adblock -.-

This commit is contained in:
Armin Ronacher 2015-12-26 11:16:34 +01:00
parent d9e7456c45
commit 7e72742bea
4 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/static/styles.css
View File

File diff suppressed because one or more lines are too long

2
templates/blocks/banner.html
View File

@ -1,5 +1,5 @@
{% set image = record.attachments.get(this.image) %} {% set image = record.attachments.get(this.image) %}
<div class="banner banner-{{ this.height }}" style="background-image: url({{ image|url <div class="page-banner page-banner-{{ this.height }}" style="background-image: url({{ image|url
}})">{% if this.contents %} }})">{% if this.contents %}
{{ this.contents }} {{ this.contents }}
{% endif %}</div> {% endif %}</div>

2
templates/blog-layout.html
View File

@ -3,7 +3,7 @@
{% block outerbody %} {% block outerbody %}
{% set image = site.get('/blog').attachments.images.first() %} {% set image = site.get('/blog').attachments.images.first() %}
{% if image %} {% if image %}
<div class="banner" style="background-image: url({{ image|url }}); height: 200px"></div> <div class="page-banner page-banner-200" style="background-image: url({{ image|url }})"></div>
{% endif %} {% endif %}
{{ super() }} {{ super() }}
{% endblock %} {% endblock %}

12
webpack/scss/main.scss
View File

@ -255,7 +255,7 @@ div.blog-post {
} }
} }
div.banner { div.page-banner {
margin: 15px 0; margin: 15px 0;
background-size: cover; background-size: cover;
background-position: center center; background-position: center center;
@ -265,19 +265,25 @@ div.banner {
margin-top: 0; margin-top: 0;
} }
&.banner-500 { &.page-banner-500 {
height: 500px; height: 500px;
@media (max-width: $screen-md-max) { height: 300px; } @media (max-width: $screen-md-max) { height: 300px; }
@media (max-width: $screen-sm-max) { height: 200px; } @media (max-width: $screen-sm-max) { height: 200px; }
} }
&.banner-300 { &.page-banner-300 {
height: 300px; height: 300px;
@media (max-width: $screen-md-max) { height: 200px; } @media (max-width: $screen-md-max) { height: 200px; }
@media (max-width: $screen-sm-max) { height: 120px; } @media (max-width: $screen-sm-max) { height: 120px; }
} }
&.page-banner-200 {
height: 200px;
@media (max-width: $screen-sm-max) { height: 120px; }
}
} }
div.doc-styling { div.doc-styling {