@import "tailwindcss";

@font-face { font-family: "Cascadia Code NF"; src: local('Cascadia Code NF'), url('/icons/CascadiaCodeNF.ttf') format('truetype'); } 
@font-face { font-family: "Cascadia Code NF Italic"; src: local('Cascadia Code NF Italic'), url('/icons/CascadiaCodeNFItalic.ttf') format('truetype'); } 
@theme {
	--font-sans: "Cascadia Code NF", "Cascadia Code", ui-monospace;
	--font-mono: "Cascadia Code NF", "Cascadia Code", ui-monospace;
	--default-font-feature-settings: "ss19", "ss01", "ss20", "calt", "salt";
	--default-mono-font-feature-settings: var(--default-font-feature-settings);
}

:root {
	font-size: 13pt;
}

.rendered-file {
	a {
		@apply hover:underline;
	}
	:not(h1, h2, h3, h4, h5, h6) > a {
		@apply text-blue-500 hover:text-blue-600;
	}
	ul {
		@apply list-disc;
	}
}

.rendered-blob {
	/* From cgit.css */
	
	table.blob {
		margin-top: 0.5em;
	}
	
	table.blob td.hashes,
	table.blob td.lines {
		margin: 0; padding: 0 0 0 0.5em;
		vertical-align: top;
	}
	
	table.blob td.linenumbers {
		margin: 0; padding: 0 0.5em 0 0.25em;
		vertical-align: top;
		text-align: right;
		color: #474c57;
		/* border-right: 1px solid gray; */
	}
	
	table.blob pre {
		padding: 0; margin: 0;
	}
	
	table.blob td.linenumbers a,
	table.ssdiff td.lineno a {
		text-align: right;
		text-decoration: none;
	}
	
	table.blob td.linenumbers a:hover,
	table.ssdiff td.lineno a:hover {
		color: #727982;
	}
}
.diff-panel {
	a {
		@apply text-[#73D0FF] hover:text-[#4CB3FF] hover:underline;
	}

	/* From cgit.css */

	div.diffstat-header {
		font-weight: bold;
	}

	table.diffstat {
		border-collapse: collapse;
		border: solid 1px #333A45;
		background-color: #262F3F;
	}

	table.diffstat th {
		font-weight: normal;
		text-align: left;
		text-decoration: underline;
		padding: 0.1em 1em 0.1em 0.1em;
		font-size: 100%;
		color: #A9B1D6;
	}

	table.diffstat td {
		padding: 0.2em 0.2em 0.1em 0.1em;
		font-size: 100%;
		border: none;
	}

	table.diffstat td.mode {
		white-space: nowrap;
	}

	table.diffstat td span.modechange {
		padding-left: 1em;
		color: #F27983;
	}

	table.diffstat td.add a {
		color: #87D96C;
	}

	table.diffstat td.del a {
		color: #F27983;
	}

	table.diffstat td.upd a {
		color: #73D0FF;
	}

	table.diffstat td.graph {
		width: 500px;
		vertical-align: middle;
	}

	table.diffstat td.graph table {
		border: none;
	}

	table.diffstat td.graph td {
		padding: 0px;
		border: 0px;
		height: 7pt;
	}

	table.diffstat td.graph td.add {
		background-color: #87D96C;
	}

	table.diffstat td.graph td.rem {
		background-color: #F27983;
	}

	div.diffstat-summary {
		color: #5C6773;
		padding-top: 0.5em;
	}

	table.diff {
		width: 100%;
	}

	table.diff td {
		@apply font-mono;
		white-space: pre;
		background-color: #171B24;
		border: 1px #8A91992E;
	}

	table.diff td div.head {
		font-weight: bold;
		margin-top: 1em;
		color: #A9B1D6;
	}

	table.diff td div.hunk {
		color: #73D0FF;
	}

	table.diff td div.add {
		color: #87D96C;
	}

	table.diff td div.del {
		color: #F27983;
	}
}

.gravatar {
	border-radius: 50%;
}