Skip to content

Commit 485fcdf

Browse files
committed
Prose picture style.
Use Picture for pictures.
1 parent ef966fd commit 485fcdf

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

0 commit comments

Comments
 (0)