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) %}
<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 %}
{{ this.contents }}
{% endif %}</div>

2
templates/blog-layout.html
View File

@ -3,7 +3,7 @@
{% block outerbody %}
{% set image = site.get('/blog').attachments.images.first() %}
{% 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 %}
{{ super() }}
{% endblock %}

12
webpack/scss/main.scss
View File

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