<commit_before>//base style for tiles 
.tile-row {
	.clearfix();
	.tile {
		background-color: @accent;
		float: left;
		position: relative;
		overflow:hidden;
		color: @white;

		.tile-content {
			position: absolute;
			top:0;
			left: 0;
		}
	}
}


//normal sized tiles 
#tiles > .core(@gridRowWidth + @tile-margin, @tilenumber, @tile-padding, @tile-margin);

//tablet tiles
@media (max-width: 979px) { 
	#tiles > .fluid(@tile-tablet-amount,@tile-tablet-margin,@tile-tablet-padding);
}

//tiles in phone 
@media (max-width: 480px){
	#tiles > .fluid(@tile-phone-amount,@tile-phone-margin,@tile-phone-padding);
}

//desktop large sized tiles
@media (min-width: 1200px){
	#tiles > .core(@gridRowWidth1200 + @tile-margin-large, @tilenumber-large, @tile-padding-large, @tile-margin-large);
}

/*.tile-row {
	margin-left: -@tile-margin;
	.clearfix();

	.tile {

		&.wide {
			width: (@tile-dimension * 2)  - (@tile-padding * 2);
		}

		&:hover {
			.tile-backside {
				.transition(top 0.4s ease-in-out);
				top: 0px;
			}
		}

		.tile-backside {
			padding: @tile-padding;
			background-color: @accentHighlight;
			height: @tile-dimension - @tile-padding - @tile-margin;
			position: absolute;
			top: @tile-dimension;
			left: 0;
			.transition(top 0.4s ease-in-out);
		}

		.tile-title {
			font-size: 12px;
			line-height: 0px;
			color: @white;
			position: absolute;
			padding:0;
			margin:0;
			left:@tile-padding;
			bottom: @tile-padding / 2;
		}
	}
}*/

#tiles {
	.core(@rowWidth,@nmbrOfTiles,@tilePadding,@tileMargin) {
		.tile-row {
			margin-left: -@tileMargin;
			.tile {
				width: (@rowWidth / @nmbrOfTiles) - @tileMargin;
				height: (@rowWidth / @nmbrOfTiles) - @tileMargin;
				margin: 0 0 @tileMargin @tileMargin;
				.tile-content {
					width: (@rowWidth / @nmbrOfTiles) - (@tilePadding * 2) - @tileMargin;
					height: (@rowWidth / @nmbrOfTiles) - (@tilePadding * 2) - @tileMargin;
					padding: @tilePadding;
				}
			}
		}
	}

	.fluid(@nmrOfTiles,@percentMargin,@percentPadding) {
		.tile-row {
			margin-left: -@percentMargin;
			.tile {
				width: 100 / @nmrOfTiles - @percentMargin;
				height: 0;
				padding: 0 0 (100 / @nmrOfTiles - @percentMargin) 0;
				margin: 0 0 @percentMargin @percentMargin;
				.tile-content {
					width:100%;
					height:100%;
					box-sizing: border-box;
					padding: @percentPadding;
				}
			}
		}
	}
}<commit_msg>Decided to remove fixed with tiles<commit_after>//base style for tiles 
.tile-row {
	.clearfix();
	.tile {
		background-color: @accent;
		float: left;
		position: relative;
		overflow:hidden;
		color: @white;

		.tile-content {
			position: absolute;
			top:0;
			left: 0;
		}
	}
}


//normal sized tiles, uses 6 tiles in an unspecified container
#tiles > .fluid-tile(6,@tile-tablet-margin,@tile-tablet-padding);

//specialized
.tile-row.four {
	#tiles > .fluid-tile(4,@tile-tablet-margin,@tile-tablet-padding);
}
.tile-row.eight {
	#tiles > .fluid-tile(8,@tile-tablet-margin,@tile-tablet-padding);	
}

//tablet tiles
@media (max-width: 979px) { 
	#tiles > .fluid(@tile-tablet-amount,@tile-tablet-margin,@tile-tablet-padding);
}

//tiles in phone 
@media (max-width: 480px){
	#tiles > .fluid(@tile-phone-amount,@tile-phone-margin,@tile-phone-padding);
}

//desktop large sized tiles, uses eight tile in an unspecified container
@media (min-width: 1200px){
	#tiles > .fluid-tile(8,@tile-tablet-margin,@tile-tablet-padding);
}


//
// Mixins for generating tiles
//

#tiles {
	.fluid(@nmrOfTiles,@percentMargin,@percentPadding) {
		.tile-row {
			margin-left: -@percentMargin;
			#tiles > .fluid-tile(@nmrOfTiles,@percentMargin,@percentPadding);
		}
	}

	.fluid-tile(@nmrOfTiles,@percentMargin,@percentPadding) {
		.tile {
				width: 100 / @nmrOfTiles - @percentMargin;
				height: 0;
				padding: 0 0 (100 / @nmrOfTiles - @percentMargin) 0;
				margin: 0 0 @percentMargin @percentMargin;
				.tile-content {
					width:100%;
					height:100%;
					box-sizing: border-box;
					padding: @percentPadding;
				}
				&.double {
					width: (100 / @nmrOfTiles - @percentMargin) * 2 + @percentMargin;
				}
			}
	}
}


/*.tile-row {
	margin-left: -@tile-margin;
	.clearfix();

	.tile {

		&.wide {
			width: (@tile-dimension * 2)  - (@tile-padding * 2);
		}

		&:hover {
			.tile-backside {
				.transition(top 0.4s ease-in-out);
				top: 0px;
			}
		}

		.tile-backside {
			padding: @tile-padding;
			background-color: @accentHighlight;
			height: @tile-dimension - @tile-padding - @tile-margin;
			position: absolute;
			top: @tile-dimension;
			left: 0;
			.transition(top 0.4s ease-in-out);
		}

		.tile-title {
			font-size: 12px;
			line-height: 0px;
			color: @white;
			position: absolute;
			padding:0;
			margin:0;
			left:@tile-padding;
			bottom: @tile-padding / 2;
		}
	}
}*/
{'fraction_non_alphanumeric': 0.16968040370058873, 'fraction_numerical': 0.022077375946173254, 'mean_word_length': 3.0177364864864864, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 14, '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': '1596665', 'n_tokens_mistral': 2215, 'n_tokens_neox': 1849, 'n_words': 347}