/* 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;
+ display: flex;
+ flex-wrap: wrap;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
line-height: 1.6;
}
}
.art-date {
- float: right;
+ display: block;
color: #ccc;
- font-feature-settings: tnum;
+ font-feature-settings: "tnum";
+ font-variant-numeric: tabular-nums;
+ min-width: max-content;
}
.art-nav {
padding-right: 0;
}
- div.art {
+ .artlist .art-info {
padding: 0 .75em;
}
}