zeus.ugent.be/content/assets/stylesheets/includes/blogpost.scss
2017-04-23 12:46:47 +02:00

104 lines
1.5 KiB
SCSS

.blogpost {
position: relative;
#table-of-contents {
@include tablet {
position: absolute;
left: 100%;
}
@include mobile {
text-align: center;
}
#markdown-toc {
@extend .menu-list;
&, ul {
margin: 0;
list-style: none;
}
}
}
}
$sel: '';
@for $i from 1 through 9 {
$sel: if($i == 1, "ul", selector-nest($sel, "ul")) !global;
#markdown-toc.toc-depth-#{$i} #{$sel} {
display: none;
}
}
// Definition list is not defined in bulma
dl {
dt {
display: inline;
font-weight: bold;
}
dd {
display: inline;
&::after {
content: "\A";
white-space: pre;
}
}
}
.blog-heading {
display: flex;
flex-direction: column;
.titlewrap {
position: relative;
margin: auto;
.title {
@include tablet {
font-size: 4rem;
}
font-weight: bolder;
}
.subtitle {
position: absolute;
}
.details {
right: 0;
position: absolute;
margin-top: -1.1rem;
line-height: 1;
text-align: right;
}
}
&::after {
content: '';
width: 80px;
height: 1px;
margin-top: 30px;
margin-right: auto;
margin-left: auto;
margin-bottom: 30px;
display: block;
background: $zeus-orange;
}
}
.blog-preview {
position: relative;
&::after {
content: '';
position: absolute;
bottom: 20px;
left: 0;
background: linear-gradient(to bottom, transparent, white);
height: 100px;
width: 100%;
}
}