5
0
mirror of https://github.com/cwinfo/yggdrasil-network.github.io.git synced 2024-09-19 21:52:31 +00:00
yggdrasil-network.github.io/assets/css/style.scss
Neil Alexander 578a24058d Fix theme
2021-07-25 14:15:11 +01:00

91 lines
1.2 KiB
SCSS

---
---
@import "jekyll-theme-primer";
div.linkmenu {
float: right;
}
div.titleflex {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 2em;
align-items: center;
justify-content: space-between;
> span.logo {
max-width: 12em;
}
> span.links {
display: flex;
flex-direction: row;
flex-wrap: wrap;
> a {
display: inline-block;
padding: 0.75em;
}
}
}
@media only screen and (max-width: 768px) {
div.titleflex {
justify-content: center;
> span.logo {
flex-basis: 100%;
}
> span.links {
margin-top: 1em;
flex-basis: 100%;
justify-content: center;
> a {
padding: 0.35em;
}
}
}
}
.markdown-body {
-webkit-font-smoothing: antialiased;
}
div.blogpost {
display: grid;
grid-gap: 10px;
grid-template-columns: 100px minmax(200px, 1fr);
margin-bottom: 1em;
}
div.blogpost div#date div#day {
font-size: 2.25em;
text-align: center;
margin-top: 0.1em;
}
div.blogpost div#date div#month {
font-size: 0.6em;
text-align: center;
text-transform: uppercase;
position: relative;
top: -1em;
}
div.blogpost div#overview div#title {
margin-top: 0.75em;
}
div.blogpost div#overview div#excerpt {
padding-top: 0.2em;
color: #444444;
text-decoration: none;
font-size: 1em;
}