main
1section > div > p {
2 width: 65%;
3}
4/* ========================================= */
5/* Horizontal Rules (Ornamental) */
6/* ========================================= */
7
8/* Style HR lines as ornamental asterisks */
9hr {
10 border: none;
11 margin: 2rem auto;
12 padding: 0;
13 width: 100%;
14 height: auto;
15 text-align: center;
16 display: block;
17 overflow: visible;
18 position: relative;
19}
20
21hr::before {
22 content: "⁂";
23 display: inline-block;
24 font-size: 1.4em;
25 color: #999;
26 line-height: 1;
27 position: relative;
28}
29
30/* Default hr styling - match paragraph width */
31main hr {
32 margin: 3rem auto;
33 width: 65%;
34 max-width: 65%;
35}
36
37/* Article hr (posts) should use full article width */
38article hr {
39 width: 100%;
40 max-width: 100%;
41}
42
43/* Post content hr should match paragraph width */
44.post-content hr {
45 width: 65%;
46 max-width: 65%;
47}
48
49/* Index pages and general hr elements */
50section hr,
51main hr {
52 width: 65%;
53 max-width: 65%;
54 margin: 3rem 0;
55 margin-left: 0;
56}
57
58@media (max-width: 760px) {
59 main hr,
60 .post-content hr {
61 width: 100% !important;
62 max-width: 100% !important;
63 }
64}
65
66
67.drawer {
68 border-left: 3px solid;
69 padding-left: 1rem;
70 margin: 1.5rem 0;
71}
72.drawer h6 {
73 font-weight: 400;
74 font-size: 1.3rem;
75 margin: 0.1rem;
76};
77.drawer p {
78 font-size: 1.3rem;
79}
80
81.drawer.generic { border-color: #95a5a6; }
82.drawer.generic h6 { color: #95a5a6; }
83.drawer.update { border-color: #9a6700; }
84.drawer.update h6 { color: #9a6700; }
85.drawer.note { border-color: #0969da; }
86.drawer.note h6 { color: #0969da; }
87.drawer.info { border-color: #1a7f37; }
88.drawer.info h6 { color: #1a7f37; }
89.drawer.warning { border-color: #e74c3c; }
90.drawer.warning h6 { color: #e74c3c; }
91.drawer.tip { border-color: #9b59b6; }
92.drawer.tip h6 { color: #9b59b6; }
93.drawer.critique { border-color: #95a5a6; }