app/pages/topic/topic.scss
$mnd-light-grey: #abadad;
.topic-image {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
overflow: hidden;
}
.topic-image img{
position: absolute;
top: 0px;
left: 0px;
min-width: 100%;
min-height: 100%;
}
.topic-overlay {
box-sizing: border-box;
position: absolute;
top: 0px;
left: 0px;
min-width: 100%;
min-height: 100%;
background-color: #000;
opacity: 0.2;
}
.topic-body {
position: relative;
top: 93%;
padding-top: 20px;
font-size: 18px;
margin-top: 0px;
}
.topic-no-margin {
margin: 0px;
}
.title-topiclist h2 {
font-weight: bold;
font-size: 50px;;
}
.title-topiclist h4 {
font-size: 30px;;
}
.reading-topiclist {
font-size: 80%;
color: #A4A4A4;
}
.topic-bottom {
position: relative;
width: 100%;
height: 20px;
border-bottom: solid 1px $mnd-light-grey;
box-shadow:0px 4px 4px -3px $mnd-light-grey;
}
.found-posts {
margin: 0 0 30px 0;
}