source ⟩ hypertext ⟩ public ⟩ codex ⟩ codex-index.css

.biglist {
	padding: 0;
}

.biglist li {
	display: block;
}

.biglist li .title {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.biglist li .title a {
	font-weight: bold;
	text-decoration: none;
}

.biglist li .title .byline {
	display: block;
	flex-grow: 1;

	color: var(--accent);
	font-size: 1rem;
	font-variant-caps: small-caps;
	font-weight: normal;
	letter-spacing: var(--caps-spacing);
	text-align: end;
}

.biglist .description {
	font-style: italic;
}

.biglist .description :is(i, em) {
	font-style: normal;
}

.biglist .alexandrine {
	float: right;

	color: var(--accent-translucent);
	font-feature-settings: "c2sc";
	text-decoration: 1px dotted underline var(--accent_translucent);
}

.biglist ul.translations {
	display: flex;
	flex-wrap: wrap;

	margin-block-end: 1em;
	padding-inline-start: 0;
}

.biglist ul.translations li {
	margin-inline-end: 0.667em;
}

form.sort-by legend {
	display: inline;

	font-style: italic;
}

form.sort-by {
	color: var(--accent);
	text-align: center;
}

form.sort-by input[type="radio"] {
	display: none;
}

form.sort-by label {
	margin-inline: 0.333em;
	padding-inline: 0.5em;

	border: 1px solid var(--accent);
	border-radius: 0.333em;
	cursor: pointer;

	transition: 0.25s;
}

form.sort-by :checked+label {
	color: var(--background);
	text-shadow: none;

	background-color: var(--accent);
}

form.sort-by label:is(:hover, :focus):not(:checked + label) {
	background-color: var(--accent_seethrough);
}