this repo has no description
hauleth.dev
1.post {
2 width: 100%;
3 text-align: left;
4 margin: 20px auto;
5 padding: 20px 0;
6
7 @media (--tablet) {
8 max-width: 660px;
9 }
10
11 &:not(:last-of-type) {
12 border-bottom: 1px solid var(--border-color);
13 }
14
15 &-meta {
16 font-size: 1rem;
17 margin-bottom: 10px;
18 color: color-mod(var(--accent) a(70%));
19 }
20
21 &-title {
22 --border: 3px dotted var(--accent);
23 position: relative;
24 color: var(--accent);
25 margin: 0 0 15px;
26 padding-bottom: 15px;
27 border-bottom: var(--border);
28
29 &:after {
30 content: '';
31 position: absolute;
32 bottom: 2px;
33 display: block;
34 width: 100%;
35 border-bottom: var(--border);
36 }
37
38 a {
39 text-decoration: none;
40 }
41 }
42
43 &-tags {
44 display: block;
45 margin-bottom: 20px;
46 font-size: 1rem;
47 opacity: .5;
48
49 a {
50 text-decoration: none;
51 }
52 }
53
54 &-content {
55 margin-top: 30px;
56 }
57
58 &-cover {
59 border: 20px solid var(--accent);
60 background: transparent;
61 margin: 40px 0;
62 padding: 20px;
63
64 @media (--phone) {
65 padding: 10px;
66 border-width: 10px;
67 }
68 }
69
70 ul {
71 list-style: none;
72
73 li:before {
74 content: '►';
75 position: absolute;
76 left: -20px;
77 color: var(--accent);
78 }
79 }
80}
81
82.post--regulation {
83 h1 {
84 justify-content: center;
85 }
86
87 h2 {
88 justify-content: center;
89 margin-bottom: 10px;
90
91 &+ h2 {
92 margin-top: -10px;
93 margin-bottom: 20px;
94 }
95 }
96}