Sha256: 3365711b2ce961ce6071e1ccf2ad306b3ecdd8b54a5dbbd4711959ade61e180d
Contents?: true
Size: 1.82 KB
Versions: 8
Compression:
Stored size: 1.82 KB
Contents
body.home {
> footer {
box-shadow: none;
}
> main {
padding-bottom: 0;
> .section > h2 {
@extend .section-title;
}
> .news {
// Assuming it goes right before footer
flex: 1;
border-bottom: 0;
background: $headerFooterBackgroundColor;
box-shadow: 0 10px 20px -20px $mainShadowColor inset;
.items {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: stretch;
overflow-x: auto;
padding-top: 1em;
padding-bottom: 1em;
}
.news-item-card {
max-width: 90vw;
border-radius: .5em;
padding: 0 $homeSectionItemSidePadding;
background: #fff;
margin-right: 1em;
box-shadow: 1px 1px 20px -5px rgba(black, 0.3);
min-width: 320px;
@media screen and (min-width: $bigscreenBreakpoint) {
min-width: unset;
flex-basis: 20em;
}
&.news-item--with-illustration {
position: relative;
.title, .excerpt, .meta {
margin-left: 155px;
}
.illustration-container {
position: absolute;
top: 0; left: 0; bottom: 0;
display: block;
width: 155px;
overflow: hidden;
background-size: cover;
background-position: center center;
}
}
.title {
font-weight: normal;
margin-top: .75em;
margin-bottom: .4em;
font-size: 110%;
line-height: 1.3;
a {
text-decoration: none;
}
}
.meta {
font-size: 80%;
color: lighten($textColor, 50);
}
div.excerpt p {
font-size: 90%;
line-height: 1.6;
}
}
}
}
}
Version data entries
8 entries across 8 versions & 1 rubygems