Skip to content

Commit 2f732a1

Browse files
committed
Prose picture style.
Use Picture for pictures.
1 parent ef966fd commit 2f732a1

File tree

1 file changed

+112
-0
lines changed

1 file changed

+112
-0
lines changed

src/styles/global.css

Lines changed: 112 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -46,6 +46,118 @@ body {
4646
grid-column: 1 / 4;
4747
}
4848

49+
.prose :is(h1, h2, h3, h4, h5, h6) a {
50+
text-decoration: none !important;
51+
}
52+
53+
.prose :is(h1, h2, h3, h4, h5, h6) a:hover {
54+
text-decoration: underline !important;
55+
}
56+
57+
.prose :is(h1, h2, h3, h4, h5, h6) a:focus {
58+
outline: 4px solid #0073e6;
59+
outline-offset: 5px;
60+
}
61+
62+
.prose picture img,
63+
.prose > img,
64+
.prose p img {
65+
width: 100%;
66+
height: auto;
67+
border-width: 4px;
68+
border-color: white;
69+
border-style: solid;
70+
border-radius: 0.5rem;
71+
box-shadow:
72+
0 10px 15px -3px rgba(0, 0, 0, 0.1),
73+
0 4px 6px -2px rgba(0, 0, 0, 0.05);
74+
}
75+
76+
ul.milestone-done li {
77+
position: relative;
78+
list-style: none;
79+
}
80+
81+
ul.milestone-done li::before {
82+
content: "\2705 " !important;
83+
background: none !important;
84+
}
85+
86+
ul.milestone-todo li {
87+
position: relative;
88+
list-style: none;
89+
}
90+
91+
ul.milestone-todo li::before {
92+
content: "\1F4DD " !important;
93+
background: none !important;
94+
}
95+
96+
img.findaid-accent-round-marker {
97+
width: 120px;
98+
min-width: 70px;
99+
padding: 0 10px;
100+
display: inline-block;
101+
margin: 0;
102+
}
103+
104+
table.finaid-timeline td {
105+
padding-bottom: 1rem;
106+
}
107+
108+
div.finaid-sponsor {
109+
width: 50%;
110+
margin: 0 auto 2rem auto;
111+
}
112+
113+
summary h4::after {
114+
content: "👇";
115+
}
116+
117+
.list-disc li {
118+
list-style: none;
119+
position: relative;
120+
}
121+
122+
ul.list-disc li::before {
123+
content: "";
124+
display: inline-block;
125+
width: 25px;
126+
height: 20px;
127+
/*background-image: url(/img/list-item.svg);*/
128+
background-size: 100%;
129+
background-repeat: no-repeat;
130+
background-position: 50% 50%;
131+
position: absolute;
132+
left: -30px;
133+
top: 0.2em;
134+
}
135+
136+
ul ul.list-disc li {
137+
list-style: disc;
138+
}
139+
ul ul.list-disc li::before {
140+
display: none;
141+
}
142+
143+
p.tick::before {
144+
content: "\2705 ";
145+
padding: 0.5rem;
146+
}
147+
148+
p.cross::before {
149+
content: "\274C ";
150+
padding: 0.5rem;
151+
}
152+
153+
p.tick::after,
154+
p.cross::after {
155+
content: "\23EC";
156+
display: inline-block;
157+
font-size: 1.3em;
158+
margin-left: 0.4em;
159+
}
160+
49161
/* typography */
50162
.prose {
51163
h1,

0 commit comments

Comments
 (0)