<commit_before>@import 'mixins';
@import 'packages/foundation5-sass/foundation';

html,
body
{
	height: 100%;
}

/* controls */
#g-controls {

	position: absolute;
	top: 0;
	left: 0;
	width: 12.5vw;
	height: 12.5vh;
	border-right: 1px solid #bbb;

	/* zoom slider */
	#zoom-slider {

		padding-left: 1vw;
		padding-right: 1vw;
		padding-top: 1.75vh;

		span {
			font-size: 1vw;
			display: inline-block;
			width: 4.5vw;
		}

		input {
			width: 5.5vw;
			cursor: pointer;
			position: relative;
			top: .5vh;
		}

	}

}

/* timeline */
#g-timeline {
	position: relative;
	width: 100vw;
	height: 50vh;
	border-bottom: 1px solid #999;
	overflow: auto;
	margin-bottom: 0;
}

/* dates */
#g-dates {
	position: absolute;
	z-index: 1;
	left: 12.5vw;
	top: 0;
	margin: 0;
	white-space: nowrap;
	font-size: 0;
}
.month {
	display: inline-block;
	font-size: 1rem;
	list-style: none inside;
}
.month-title {
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	height: 6.25vh;
	line-height: 6.25vh;
	font-size: 3.125vh;
	color: #777;
	font-weight: normal;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	background: #ddd;
	padding-left: .5vw;
	padding-right: .5vw;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.days {
	margin: 0;
	list-style: none inside;
	font-size: 0;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
}
.day {

	display: inline-block;
	font-size: 1rem;
	width: 25vw;
	border-right: 1px solid #bbb;
	background-image: url('/light.png'), url('/light.png'), url('/light.png');
	background-position: 25% top, 50% top, 75% top;
	background-repeat: repeat-y, repeat-y, repeat-y;

	/* Gray out weekends */
	&[data-dow="0"],
	&[data-dow="6"]
	{
		background-color: #ddd;
	}

}

.day-title {
	display: block;
	background: #fff;
	text-align: center;
	line-height: 6.25vh;
	font-size: 3.125vh;
	margin-top: 0;
	margin-bottom: 0;
	color: #999;
	font-weight: normal;
	border-bottom: 1px solid #bbb;
	background: #ddd;
	padding-left: .25vw;
	padding-right: .25vw;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* resources */
#g-resources {
	position: absolute;
	z-index: 3;
	left: 0;
	top: 12.5vh;
	width: 100%;
	height: 37.5vh;
	margin-bottom: 0;
}
.resource-name,
.resource-timeline
{
	border-bottom: 1px solid #bbb;
}
.resource-name:first-child {
	border-top: 1px solid #bbb;
}

/* resource-name */
.resource-name {
	position: absolute;
	z-index: 4;
	display: table;
	width: 12.5vw;
	height: 12.5vh;
	margin-bottom: 0;
	background: #fff;
	border-right: 1px solid #bbb;
	/*box-shadow: .125rem 0 .125rem rgba(0,0,0,.125);*/
}

/* Set resource name top offsets */
@include enumerate-resource-tops(24, 12.5);

/* Make manual adjustment to first row because it's off for some reason */
.resource-name:nth-child(1) {
	top: 1px;
}

.resource-name > a {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}
.resource-timeline {
	position: relative;
	z-index: 2;
	margin-left: 12.5vw;
	height: 12.5vh;
	margin-bottom: 0;
	border-left: 1px solid #bbb;
}
.resource-timeline:nth-child(2) {
	border-top: none;
}
.resource-timeline:last-child {
	margin-bottom: -1px;
}
.resource-tasks {
	width: 100%;
	height: 100%;
	padding-top: 3.125vh;
	margin-bottom: 0;
	font-size: 0;
	margin-left: 0;
	white-space: nowrap;
}

/* task */
.resource-task {
	display: inline-block;
	vertical-align: middle;
	height: 6.25vh;
	background: #bbb;
	border-right: 1px solid #fff;
	text-align: center;
	font-size: .88889rem;
	color: #fff;
}
.resource-task > a {
	display: block;
	color: #fff;
	line-height: 6.25vh;
	padding-left: .25vw;
	padding-right: .25vw;
	white-space: nowrap;
	overflow: hidden;<commit_msg>Added white border around tasks to make them pop out more.<commit_after>@import 'mixins';
@import 'packages/foundation5-sass/foundation';

html,
body
{
	height: 100%;
}

/* controls */
#g-controls {

	position: absolute;
	top: 0;
	left: 0;
	width: 12.5vw;
	height: 12.5vh;
	border-right: 1px solid #bbb;

	/* zoom slider */
	#zoom-slider {

		padding-left: 1vw;
		padding-right: 1vw;
		padding-top: 1.75vh;

		span {
			font-size: 1vw;
			display: inline-block;
			width: 4.5vw;
		}

		input {
			width: 5.5vw;
			cursor: pointer;
			position: relative;
			top: .5vh;
		}

	}

}

/* timeline */
#g-timeline {
	position: relative;
	width: 100vw;
	height: 50vh;
	border-bottom: 1px solid #999;
	overflow: auto;
	margin-bottom: 0;
}

/* dates */
#g-dates {
	position: absolute;
	z-index: 1;
	left: 12.5vw;
	top: 0;
	margin: 0;
	white-space: nowrap;
	font-size: 0;
}
.month {
	display: inline-block;
	font-size: 1rem;
	list-style: none inside;
}
.month-title {
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	height: 6.25vh;
	line-height: 6.25vh;
	font-size: 3.125vh;
	color: #777;
	font-weight: normal;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	background: #ddd;
	padding-left: .5vw;
	padding-right: .5vw;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.days {
	margin: 0;
	list-style: none inside;
	font-size: 0;
	border-top: 1px solid #bbb;
	border-left: 1px solid #bbb;
}
.day {

	display: inline-block;
	font-size: 1rem;
	width: 25vw;
	border-right: 1px solid #bbb;
	background-image: url('/light.png'), url('/light.png'), url('/light.png');
	background-position: 25% top, 50% top, 75% top;
	background-repeat: repeat-y, repeat-y, repeat-y;

	/* Gray out weekends */
	&[data-dow="0"],
	&[data-dow="6"]
	{
		background-color: #ddd;
	}

}

.day-title {
	display: block;
	background: #fff;
	text-align: center;
	line-height: 6.25vh;
	font-size: 3.125vh;
	margin-top: 0;
	margin-bottom: 0;
	color: #999;
	font-weight: normal;
	border-bottom: 1px solid #bbb;
	background: #ddd;
	padding-left: .25vw;
	padding-right: .25vw;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* resources */
#g-resources {
	position: absolute;
	z-index: 3;
	left: 0;
	top: 12.5vh;
	width: 100%;
	height: 37.5vh;
	margin-bottom: 0;
}
.resource-name,
.resource-timeline
{
	border-bottom: 1px solid #bbb;
}
.resource-name:first-child {
	border-top: 1px solid #bbb;
}

/* resource-name */
.resource-name {
	position: absolute;
	z-index: 4;
	display: table;
	width: 12.5vw;
	height: 12.5vh;
	margin-bottom: 0;
	background: #fff;
	border-right: 1px solid #bbb;
	/*box-shadow: .125rem 0 .125rem rgba(0,0,0,.125);*/
}

/* Set resource name top offsets */
@include enumerate-resource-tops(24, 12.5);

/* Make manual adjustment to first row because it's off for some reason */
.resource-name:nth-child(1) {
	top: 1px;
}

.resource-name > a {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}
.resource-timeline {
	position: relative;
	z-index: 2;
	margin-left: 12.5vw;
	height: 12.5vh;
	margin-bottom: 0;
	border-left: 1px solid #bbb;
}
.resource-timeline:nth-child(2) {
	border-top: none;
}
.resource-timeline:last-child {
	margin-bottom: -1px;
}
.resource-tasks {
	width: 100%;
	height: 100%;
	padding-top: 3.125vh;
	margin-bottom: 0;
	font-size: 0;
	margin-left: 0;
	white-space: nowrap;
}

/* task */
.resource-task {
	display: inline-block;
	vertical-align: middle;
	height: 6.25vh;
	background: #bbb;
	border: 1px solid #fff;
	border-right: none;
	text-align: center;
	font-size: .88889rem;
	color: #fff;
}
.resource-task:first-child {
	border-left: none;
}
.resource-task > a {
	display: block;
	color: #fff;
	line-height: 6.25vh;
	padding-left: .25vw;
	padding-right: .25vw;
	white-space: nowrap;
	overflow: hidden;
{'fraction_non_alphanumeric': 0.16869402486298624, 'fraction_numerical': 0.04812190883571715, 'mean_word_length': 3.526315789473684, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5346331', 'n_tokens_mistral': 3543, 'n_tokens_neox': 3165, 'n_words': 748}