<commit_before>// Place all the styles related to the Home controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

@import "compass/reset";
@import "vars";


.the_view {
	.gallery {
		display: block;
		height:auto;
		clear:left;
		margin-top:30px;
	}

	ul.tweets {
		overflow: hidden;
	}

	ul.tweets li {
		display:block;
		float:left;
		
		width:100%;

		@media screen and (min-width: 600px) { width: 50%; }
		@media screen and (min-width: 1200px) { width: 33.33333333333%; }
		@media screen and (min-width: 1800px) { width: 25%; }
	}

	.aspectwrapper {
		width: 100%;
		position: relative;
	}

	.aspectwrapper:after {
		padding-top:66%;
		display: block;
		content: '';

		@media screen and (min-width: 600px) { padding-top: 66%; }
	}

	.tweet_media {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;

		@media screen and (min-width: 600px) { 

		}
	}

	.tweet_media:hover {

		cursor: pointer;

		.tweet,
		.twitter_user {
			-webkit-transition: opacity .15s ease;
	    -moz-transition: opactiy .15s ease;
	    -ms-transition: opacity .15s ease;
	    -o-transition: opacity .15s ease;
	    transition: opacity .15s ease;
			opacity: 1;
		}
	}

	.tweet {
		display:block;
		// height:90px;
		background-color: $background;
		position: absolute;
		bottom: 0px;
		width: 100%;
		opacity: 0;

		@media screen and (min-width: 600px) { opacity: 0; }

	}

	.twitter_user {
		display:block;
		opacity: 0;
		margin:20px;
	}

	.tweet p {
		color:$links;
	}

	.dated {
		color:$links_standout;
	}

	.pagination {
		margin-top: 20px;
	}

	.pagination p a {
		text-transform: uppercase;
		font-size: 1em;
		text-decoration: none;
	}

	.pagination p a:hover {
		color:$links_standout;
	}
}




<commit_msg>Tweets visible on viewports below 320px width, without hover<commit_after>// Place all the styles related to the Home controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

@import "compass/reset";
@import "vars";


.the_view {
	.gallery {
		display: block;
		height:auto;
		clear:left;
		margin-top:30px;
	}

	ul.tweets {
		overflow: hidden;
	}

	ul.tweets li {
		display:block;
		float:left;
		
		width:100%;

		@media screen and (min-width: 600px) { width: 50%; }
		@media screen and (min-width: 1200px) { width: 33.33333333333%; }
		@media screen and (min-width: 1800px) { width: 25%; }
	}

	.aspectwrapper {
		width: 100%;
		position: relative;
		margin-bottom:120px;

		@media screen and (min-width: 321px) { 
			margin-bottom:0;
		}
	}

	.aspectwrapper:after {
		padding-top:66%;
		display: block;
		content: '';
	}

	.tweet_media {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
	}

	.tweet_media:hover {

		cursor: pointer;

		.tweet,
		.twitter_user {
			-webkit-transition: opacity .15s ease;
	    -moz-transition: opactiy .15s ease;
	    -ms-transition: opacity .15s ease;
	    -o-transition: opacity .15s ease;
	    transition: opacity .15s ease;
			opacity: 1;
		}
	}

	.tweet {
		display:inline-block;
		position: relative;
		width: 100%;
		margin-top:35%;

		@media screen and (min-width: 321px) { 
			opacity: 0; 
			margin-top:0;
			background-color: $background;
			position: absolute;
			bottom: 0px;
		}

	}

	.twitter_user {
		display:block;
		margin:20px;
		opacity: 0;
	}

	.tweet p {
		color:$links;
	}

	.dated {
		color:$links_standout;
	}

	.pagination {
		margin-top: 20px;
	}

	.pagination p a {
		text-transform: uppercase;
		font-size: 1em;
		text-decoration: none;
	}

	.pagination p a:hover {
		color:$links_standout;
	}
}





{'fraction_non_alphanumeric': 0.1408605097286928, 'fraction_numerical': 0.043299534118936694, 'mean_word_length': 2.9037433155080214, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 2, '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': '6120671', 'n_tokens_mistral': 1702, 'n_tokens_neox': 1387, 'n_words': 346}