<commit_before>@import 'sencha-touch/default/global';

/**
 * @global {color} [$cover-bg-color=#333]
 * Background-color for cover.
 *
 * @class Ext.ux.Cover
 * @xtype cover
 */
$cover-bg-color: #333 !default;


@mixin ux-cover {
	.ux-cover {
		background-color: $cover-bg-color;
	    position: relative;
		@include display-box;
		overflow: hidden;
		-webkit-perspective: 1000;
		-webkit-transform-style: preserve-3d;
		-webkit-touch-callout: none;
	    -webkit-text-size-adjust: none;
	    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

		.ux-cover-scroller {
			-webkit-transform-style: preserve-3d;
			-webkit-transition-property: -webkit-transform;
		    -webkit-transition-duration: 0.4s;
		    -webkit-transition-timing-function: ease-out;
			
			.ux-cover-item-wrap {
				padding-top: 1px;
				-webkit-transform-style: preserve-3d;
			    -webkit-transition-property: -webkit-transform;
			    -webkit-transition-duration: 0.4s;
			    -webkit-transition-timing-function: ease-out;
				background-color: $cover-bg-color;

				position: absolute;
				
				.ux-cover-item {
					-webkit-box-reflect: below 2px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent),  to(rgba(0,0,0, 0.3)));
				}
			}
		}
	
	}
}<commit_msg>adding compass mixins and fixing issues with Chrome 13 on MacOS X<commit_after>@import 'sencha-touch/default/global';

/**
 * @global {color} [$cover-bg-color=#333]
 * Background-color for cover.
 *
 * @class Ext.ux.Cover
 * @xtype cover
 */
$cover-bg-color: #333 !default;


@mixin ux-cover {
	.ux-cover {
		background-color: $cover-bg-color;
	    position: relative;
		overflow: hidden;
		@include display-box;
		@include perspective(1000);
		
		-webkit-touch-callout: none;
	    -webkit-text-size-adjust: none;
	    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

		.ux-cover-scroller {
			@include transform-style(preserve-3d);

			@include transition-duration(0.4s);
			@include transition-timing-function(easy-out);

			//@include transition-property(-webkit-transform);
			-webkit-transition-property: -webkit-transform;

			
			.ux-cover-item-wrap {
				padding-top: 1px;
				@include transform-style(preserve-3d);
				@include transition-duration(0.4s);
				@include transition-timing-function(easy-out);
				
				//@include transition-property(-webkit-transform);
				-webkit-transition-property: -webkit-transform;
				
				background-color: $cover-bg-color;

				position: absolute;
				
				.ux-cover-item {
					//not yet implemented in compass?
					-webkit-box-reflect: below 2px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent),  to(rgba(0,0,0, 0.3)));
				}
			}
		}
	
	}
}
{'fraction_non_alphanumeric': 0.15620384047267355, 'fraction_numerical': 0.022525849335302807, 'mean_word_length': 3.1045454545454545, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '1050413', 'n_tokens_mistral': 1150, 'n_tokens_neox': 917, 'n_words': 172}