Agile611/the-example-app-nodejs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(modules): highlighted course bg image

Browse Source
This commit is contained in:
Benedikt Rötsch
2017-10-06 13:16:19 +02:00
committed by Benedikt Rötsch
parent d1a5113bfc
commit 053e489486
3 changed files with 7 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
assets/stylesheets/landing-page/modules/highlighted-course.css
View File

@@ -5,12 +5,9 @@
height: 50vh;
max-height: 500px;
border-radius: var(--border-radius);
}
@element image {
display: block;
width: 100%;
height: auto;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
@element overlay {

9
public/stylesheets/style.css
View File

@@ -1874,12 +1874,9 @@ github.com style (c) Vasily Polovnyov <vast@whiteants.net>
height: 50vh;
max-height: 500px;
border-radius: 4px;
}
.module-higlighted-course__image {
display: block;
width: 100%;
height: auto;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.module-higlighted-course__overlay {

5
views/mixins/_moduleHighlightedCourse.pug
View File

@@ -2,10 +2,7 @@ include ./_courseCard
mixin moduleHighlightedCourse(module, course)
.module.module-higlighted-course
.module-higlighted-course__wrapper
.module-higlighted-course__image-wrapper
if course.fields.image
img.module-hero-image__image(src=`${course.fields.image.fields.file.url}` alt=`${course.fields.image.fields.title}`)
.module-higlighted-course__wrapper(style=`background-image: url(${course.fields.image.fields.file.url});`)
.module-higlighted-course__overlay
.module-higlighted-course__content
if(course.fields.categories)