5
0
mirror of https://github.com/cwinfo/yggdrasil-network.github.io.git synced 2024-11-14 03:20:27 +00:00
yggdrasil-network.github.io/assets/css/style.scss

91 lines
1.2 KiB
SCSS
Raw Normal View History

2018-03-06 14:02:44 +00:00
---
---
2021-06-06 13:08:29 +00:00
@import "{{ site.theme }}";
2018-03-06 14:02:44 +00:00
2021-06-06 13:08:29 +00:00
div.linkmenu {
float: right;
2021-06-06 11:14:51 +00:00
}
2021-06-06 13:08:29 +00:00
div.titleflex {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 2em;
align-items: center;
justify-content: space-between;
2018-10-16 15:00:15 +00:00
2021-06-06 13:08:29 +00:00
> span.logo {
max-width: 12em;
}
2018-10-29 00:11:42 +00:00
2021-06-06 13:08:29 +00:00
> span.links {
display: flex;
flex-direction: row;
flex-wrap: wrap;
2018-10-29 00:11:42 +00:00
2021-06-06 13:08:29 +00:00
> a {
display: inline-block;
padding: 0.75em;
}
}
2018-03-06 14:02:44 +00:00
}
2021-06-06 13:08:29 +00:00
@media only screen and (max-width: 768px) {
div.titleflex {
justify-content: center;
> span.logo {
flex-basis: 100%;
2019-08-05 17:03:40 +00:00
}
2021-06-06 13:08:29 +00:00
> span.links {
margin-top: 1em;
flex-basis: 100%;
justify-content: center;
> a {
padding: 0.35em;
2019-08-05 17:03:40 +00:00
}
}
}
2018-03-06 14:02:44 +00:00
}
2018-10-11 09:23:19 +00:00
2021-06-06 13:08:29 +00:00
.markdown-body {
-webkit-font-smoothing: antialiased;
2018-05-08 23:24:30 +00:00
}
2018-07-13 11:50:27 +00:00
div.blogpost {
2021-06-06 13:08:29 +00:00
display: grid;
grid-gap: 10px;
grid-template-columns: 100px minmax(200px, 1fr);
2018-07-13 12:11:43 +00:00
2021-06-06 13:08:29 +00:00
margin-bottom: 1em;
2018-07-13 11:50:27 +00:00
}
2018-07-13 11:58:22 +00:00
div.blogpost div#date div#day {
2021-06-06 13:08:29 +00:00
font-size: 2.25em;
text-align: center;
margin-top: 0.1em;
2018-07-13 11:50:27 +00:00
}
2018-07-13 11:58:22 +00:00
div.blogpost div#date div#month {
2021-06-06 13:08:29 +00:00
font-size: 0.6em;
text-align: center;
text-transform: uppercase;
2018-07-13 12:09:43 +00:00
2021-06-06 13:08:29 +00:00
position: relative;
top: -1em;
2018-07-13 12:02:41 +00:00
}
div.blogpost div#overview div#title {
2021-06-06 13:08:29 +00:00
margin-top: 0.75em;
2018-07-13 11:50:27 +00:00
}
2018-07-13 11:52:44 +00:00
2018-07-13 11:58:22 +00:00
div.blogpost div#overview div#excerpt {
2021-06-06 13:08:29 +00:00
padding-top: 0.2em;
color: #444444;
text-decoration: none;
font-size: 1em;
}