/* global */
body {
font-family: 'Open Sans';
+ font-feature-settings: "lnum";
+ font-variant-numeric: lining-nums;
color: var(--text-color);
font-size: 14px;
min-height: 100vh;
}
.art-info {
- clear: right;
line-height: 1.6;
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ align-items: baseline;
+}
+
+.art-info h1 {
+ margin-top: 0;
+ display: inline;
}
.art-body {
}
.art-date {
- float: right;
+ display: inline-block;
+ text-align: baseline;
+ line-height: 1;
+ white-space: nowrap;
color: #ccc;
- font-feature-settings: tnum;
+ font-feature-settings: "tnum";
+ font-variant-numeric: tabular-nums;
}
.art-nav {
padding-right: 0;
}
- div.art {
+ .artlist .art-info {
padding: 0 .75em;
}
}