tagslice/tagslice.css

@import url('https://fonts.googleapis.com/css?family=Roboto:400,500');

:root {
	/* Highly approximate color names from our pallette */
	--orange: rgb(255,153,0);
	--black: rgb(66,66,66);
	--white: rgb(233,233,233);
	--grey: rgb(188,188,188);
	--blue: rgb(50,153,187);
}

outer {
	display: flex;

	width: 100%;
	height: 100%;

	background-color: var(--white);
	font-family: 'Roboto';

	flex-direction: row;
}

taglist {
	display: flex;

	border-right: 2px solid var(--orange);

	flex-shrink: 0;

	flex-direction: column;
}

tagsection {
	display: flex;

	padding: 5px;

	border-bottom: 1px solid var(--orange);

	flex-direction: column
}

tagsectiontitle {
	display: block;

	color: var(--blue);
	font-weight: 500;
}

objectlist {
	display: block;

	padding: 5px;

	flex-grow: 1;
}