maxmertkit-rails 0.0.2 → 0.0.3

data/vendor/assets/stylesheet/maxmertkit-animation.scss

@@ -50,11 +50,11 @@
 
 	.-mx-rotateIn {
 		opacity: 0;
-		@include transition( opacity .1s linear );
+		// @include transition( opacity .1s linear );
 
 		&.-mx-start {
 			@include animation( 1.5s rotateInKeyframes );
-			opacity: 1;
+			// @include opacity( 1!important );
 		}
 	}
 
@@ -90,6 +90,7 @@
 		&.-mx-start {
 			@include animation( 2s releaseInKeyframes );
 			@include transform( rotateX(0deg) rotateY(0deg) );
+			opacity: 1;
 		}
 	}
 

data/vendor/assets/stylesheet/maxmertkit.scss

@@ -11,4 +11,6 @@
 
 @import 'widgets/form';
 @import 'widgets/table';
-@import 'widgets/caret';
+@import 'widgets/caret';
+
+@import 'modificators/responsive';

data/vendor/assets/stylesheet/modificators/_responsive.scss

@@ -0,0 +1,82 @@
+@media screen and (max-width: 1200px) {
+	.#{$mod__responsive} {
+		.-container {
+			width: 990px;
+		}
+
+		@include __set-object-row(990px);
+		@include __set-object-form-row(990px);
+
+		.#{$object__form} .#{$object__form__field__row}{
+
+			[class*='#{$object__column}'] {
+				float: left;
+				margin-left: $object__column__gutter-width;
+			}
+			
+		}
+	}
+}
+
+@media screen and (max-width: 990px) {
+	.#{$mod__responsive} {
+		.-container {
+			width: 800px;
+		}
+
+		@include __set-object-row(800px);
+		@include __set-object-form-row(800px);
+
+		.#{$object__form} .#{$object__form__field__row}{
+
+			[class*='#{$object__column}'] {
+				float: left;
+				margin-left: $object__column__gutter-width;
+			}
+			
+		}
+	}
+}
+
+@media screen and (max-width: 800px) {
+	.#{$mod__responsive} {
+		.-container {
+			width: 100%;
+		}
+
+		.#{$object__row},
+		[class^='#{$object__column}'],
+		.#{$object__form__field__row} {
+			margin-left: 2.5%!important;
+			width: 95%!important;
+		}
+
+		.#{$object__form} .#{$object__form__field__row} input,
+		.#{$object__form} .#{$object__form__field__row} select,
+		.#{$object__form} .#{$object__form__field__row} textarea {
+			&[class*='#{$object__column}'] {
+				float: none;
+				margin-left: 0!important;
+				width: 100%!important;
+				margin-bottom: 7px;
+			}
+		}
+
+		.#{$object__form} .#{$object__form__field__row} {
+			[class*='#{$object__column}'] {
+				float: none;
+				margin-left: 0!important;
+				margin-bottom: 7px;
+				overflow: hidden;
+				width: 101.5%;
+
+				input,
+				textarea,
+				select {
+					width: 100%!important;
+					padding: 5px 8px 6px!important;
+				}
+			}
+		}
+	}
+}

data/vendor/assets/stylesheet/themes/_basic.scss

@@ -84,6 +84,7 @@ $object__row-fluid__column__gutter-width: $object__column__gutter-width / $objec
 
 // ------------ Form
 $object__form: -form;
+$object__form__input-list: 'input' 'textarea' 'select';
 $object__form__row: #{$object__form}-row;
 $object__form__group: #{$object__form}-group;
 $object__form__field: #{$object__form}-field;
@@ -116,9 +117,6 @@ $object__group__appendix-border-width: 1px;
 
 // ------------ Icon
 $object__icon: -icon;
-
-// ------------ Example if icon is sprite
-
 // $object__icon-width: 14px;
 // $object__icon-height: 14px;
 
@@ -144,7 +142,7 @@ $object__icon__content: "\f000" "\f001" "\f002" "\f003" 	"\f004" "\f005" "\f006"
 
 $object__icon__social: #{$object__icon}-social;
 $object__icon__social-names: 		facebook	googleplus	twitter		linkedin	dropbox		evernote	forrst		dribbble		cloudapp	github		spotify		readitlater		soundcloud		tumblr		smashingmagazine		itunes		appstore		macappstore		androidmarket	pinterest		quora		lanyrd		paypal		amazon		skype	lastfm		yelp	forsquare	klout	wikipedia	disqus	intensedebate	google		gmail	vimeo	scribd	youtube		wordpress	songkick	posterous	eventbrite	flattr	plancast	ceo		iefive	meetup		openid		htmlsix	parents		guest	creativecommonlicence	rss		chrome		eventasaurus	weibo	plurk	grooveshark		blogger		viadeo		podcast		fivehundredpx	bitcoin		ninetyninedesigns	pinboard	stumble		myspace		windowslive		eventful	xing	flickr	delicious	googleplay	opentable	digg	reddit	angellist	instagram	steam		vkontakte	appnet	drupal	identica	saveforlater	adobeacrobat	bitbucket	buffer	lego	login	hackernews	stackoverflow	lkdto	callphone	sendmessage		addtocalendar	addtocart	print	stripe	dwolla;
-$object__icon__social-content: 		'f' 		'+' 		'T' 		'L' 		'd' 		'E' 		':'			'D' 			'c' 		"è"			'='			'I'				's'				't'			'*'						'i'			'A'				'^'				'&'				'1'				'q'			'-'			'$'			'a'			'S'		'l'			'y'		'4'			'K'		','			'Q'		'{'				'G'			'm'		'V'		'}'		'U'			'w'			'k'			'~'			'|'			'%'		'P'			'Y'		'6'		'M'			'o'			'5'		'"'			'?'		'C'						'R'		'['			'v'				'J'		'j'		'8'				'B'			'H'			'`'			'0'				'2'			'9'					'n'			'/'			'_'			'W'				"'"			'X'		'F'		'#'			'h'			'Ç'			';'		'>'		'Ö'			'Ü'			'b'			'N'			'á'		'ä'		'â'			'ç'				'ã'				'é'			'å'		'ê'		'ë'		'í'			'ì'				'î'		'7'			']'				'.'				'É'			'Ñ'		'£'		'à';
+$object__icon__social-content: 		'f' 		'+' 		'T' 		'L' 		'd' 		'E' 		':'			'D' 			'c' 		"è"			'='			'I'				's'				't'			'*'						'i'			'A'				'^'				'&'				'1'				'q'			'-'			'$'			'a'			'S'		'l'			'y'		'4'			'K'		','			'Q'		'{'				'G'			'm'		'V'		'}'		'U'			'w'			'k'			'~'			'|'			'%'		'P'			'Y'		'6'		'M'			'o'			'5'		'"'			'?'		'C'						'R'		'['			'v'				'J'		'j'		'8'				'B'			'H'			'`'			'0'				'2'			'9'					'n'			'/'			'_'			'W'				"'"			'X'		'F'		'#'			'h'			'Ç'			';'		'>'		'Ö'			'Ü'			'b'			'N'			'á'		'ä'		'â'			'ç'				'ã'				'é'			'å'		'ê'		'ë'		'í'			'ì'				'î'		'7'			']'				'.'				'É'			'Ñ'		'£'		'à'; 
 
 // ------------ Caret
 $object__caret: -caret;
@@ -318,6 +316,8 @@ $mod__hovered: _hovered_;
 $mod__bordered: _bordered_;
 $mod__unclickable: _unclickable_;
 
+$mod__responsive: _responsive_;
+
 $mod__side-top: _top_;
 $mod__side-bottom: _bottom_;
 $mod__side-left: _left_;

data/vendor/assets/stylesheet/widgets/_form.scss

@@ -1,5 +1,4 @@
-// $_input-list: 'input[type="text"]' 'input[type="password"]' 'input[type="datetime"]' 'input[type="datetime-local"]' 'input[type="date"]' 'input[type="month"]' 'input[type="time"]' 'input[type="week"]' 'input[type="number"]' 'input[type="email"]' 'input[type="url"]' 'input[type="search"]' 'input[type="tel"]' 'input[type="color"]' 'textarea' 'select';
-$_input-list: 'input' 'textarea' 'select';
+// $object__form__input-list: 'input[type="text"]' 'input[type="password"]' 'input[type="datetime"]' 'input[type="datetime-local"]' 'input[type="date"]' 'input[type="month"]' 'input[type="time"]' 'input[type="week"]' 'input[type="number"]' 'input[type="email"]' 'input[type="url"]' 'input[type="search"]' 'input[type="tel"]' 'input[type="color"]' 'textarea' 'select';
 
 .#{$object__form} {
 	.#{$object__form__field} {
@@ -23,10 +22,14 @@ $_input-list: 'input' 'textarea' 'select';
 	}
 
 	.#{$object__form__field__help} {
-		display: block;
+		display: inline-block;
 		font-size: 85%;
 		color: $object__form__field__help-color;
 		margin-top: 2px;
+		&:before {
+			content: " ";
+			display: block;
+		}
 	}
 
 	input[type="text"],
@@ -59,12 +62,35 @@ $_input-list: 'input' 'textarea' 'select';
 		}
 	}
 
+	select {
+		& + .#{$object__caret} {
+			display: none;
+		}
+	}
+
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+	select {
+		@include border-radius( 0 );
+		-webkit-appearance: textfield;
+		& + .#{$object__caret} {
+			display: inline-block;
+			position: absolute;
+			top: 50%;
+			right: 10px;
+			margin-top: -2px;
+		}
+	}
+}
+
 	label {
 		display: inline-block;
 		position: relative;
 		top:2px;
 	}
 
+	.#{$object__form__group} {
+		display: inline-block;
+	}
 	// .#{$object__form__group} {
 	// 	& > label {
 	// 		display: block;
@@ -135,7 +161,7 @@ $_input-list: 'input' 'textarea' 'select';
 	$__inheritance: object;
 	$__before-object: '';
 	$__object: '.#{$object__form__field}';
-	$__after-object: $_input-list;
+	$__after-object: $object__form__input-list;
 	@include set_modificator($mod__size, font-size, input-padding);
 }
 
@@ -143,7 +169,7 @@ $_input-list: 'input' 'textarea' 'select';
 .#{$object__form} {
 	$__inheritance: object;
 	$__before-object: '';
-	$__object: append-list( $_input-list, '', ':hover' );
+	$__object: append-list( $object__form__input-list, '', ':hover' );
 	$__after-object: '';
 	@include set_modificator(exclude-items($mod__status,$mod__status__disabled), border-color-darken);
 }
@@ -152,7 +178,7 @@ $_input-list: 'input' 'textarea' 'select';
 .#{$object__form} {
 	$__inheritance: object;
 	$__before-object: '';
-	$__object: append-list( $_input-list, '', ':focus' );
+	$__object: append-list( $object__form__input-list, '', ':focus' );
 	$__after-object: '';
 	@include set_modificator($mod__status, outline);
 }
@@ -162,7 +188,7 @@ $_input-list: 'input' 'textarea' 'select';
 	$__inheritance: object;
 	$__before-object: '';
 	$__object: '.#{$object__form__field}';
-	$__after-object: append-list( $_input-list, ' > ', '' );
+	$__after-object: append-list( $object__form__input-list, ' > ', '' );
 	@include set_modificator($mod__status, border-color);
 }
 
@@ -171,7 +197,7 @@ $_input-list: 'input' 'textarea' 'select';
 	$__inheritance: object;
 	$__before-object: '';
 	$__object: '.#{$object__form__field}:hover';
-	$__after-object: append-list( $_input-list, ' > ', '' );
+	$__after-object: append-list( $object__form__input-list, ' > ', '' );
 	@include set_modificator(exclude-items($mod__status,$mod__status__disabled), border-color-darken);
 }
 
@@ -180,7 +206,7 @@ $_input-list: 'input' 'textarea' 'select';
 	$__inheritance: object;
 	$__before-object: '';
 	$__object: '.#{$object__form__field}';
-	$__after-object: append-list( $_input-list, ' > ', ':focus' );
+	$__after-object: append-list( $object__form__input-list, ' > ', ':focus' );
 	@include set_modificator($mod__status, outline);
 }
 
@@ -190,7 +216,7 @@ $_input-list: 'input' 'textarea' 'select';
 	$__inheritance: object;
 	$__before-object: '';
 	$__object: '.#{$object__form__field}';
-	$__after-object: append-list( $_input-list, ' > ', '' );
+	$__after-object: append-list( $object__form__input-list, ' > ', '' );
 	@include set_modificator($mod__status__disabled, background-color, color);
 }
 
@@ -199,107 +225,7 @@ $_input-list: 'input' 'textarea' 'select';
 
 
 
-.#{$object__form} {
-	[class*='#{$object__column}'] {
-		float: none;
-		margin-left: 0;
-	}
-
-	@for $i from 1 through $object__column-quantity {
-		$_inputs: append-list( $_input-list, '', '.#{$object__column}#{$i}', comma );
-		// $_inputs: exclude-items($_inputs, selec);
-		#{$_inputs},
-		textarea.#{$object__column}#{$i} {
-			@each $size in $mod__size {
-				$num: index( $mod__size, $size );
-				$_horizontal: 4px;
-
-				@if (4px + nth($mod__size-delta, $num)) > 0 {
-					$_horizontal: 4px + nth($mod__size-delta, $num);
-				}
-				
-				@if $size != default
-				{
-					&._#{$size} {
-						width: __get-column-width($i) - $object__form__input-border-width * 2 - $_horizontal * 2;
-					}
-				}
-				@else {
-					width: __get-column-width($i) - $object__form__input-border-width * 2 - $_horizontal * 2;
-				}
-				
-			}
-		}
-
-		.#{$object__form__field}.#{$object__column}#{$i} {
-			width: __get-column-width($i) - $object__form__field-border-width * 2;
-
-			@each $size in $mod__size {
-				$num: index( $mod__size, $size );
-				$_horizontal: 4px;
-				
-				@if (4px + nth($mod__size-delta, $num)) > 0 {
-					$_horizontal: 4px + nth($mod__size-delta, $num);
-				}
-				
-				@if $size != default
-				{
-					&._#{$size} {
-						input, textarea, select {
-							width: __get-column-width($i) - $object__form__input-border-width * 2 - $_horizontal * 2 - $object__form__field-border-width * 2
-						}
-
-						@media screen and (-webkit-min-device-pixel-ratio:0) {
-							select {
-								width: __get-column-width($i) - $object__form__input-border-width * 2 - $object__form__field-border-width * 2
-							}
-						}
-					}
-				}
-				@else {
-					input, textarea, select {
-						width: __get-column-width($i) - $object__form__input-border-width * 2 - $_horizontal * 2 - $object__form__field-border-width * 2
-					}
-
-					@media screen and (-webkit-min-device-pixel-ratio:0) {
-						select {
-							width: __get-column-width($i) - $object__form__input-border-width * 2 - $object__form__field-border-width * 2
-						}
-					}
-				}
-				
-			}
-
-		}
-
-		@media screen and (-webkit-min-device-pixel-ratio:0) {
-		 	select.#{$object__column}#{$i} {
-				width: __get-column-width($i) - $object__form__input-border-width * 2 ;
-
-				@each $size in $mod__size {
-					$num: index( $mod__size, $size );
-					$_horizontal: 4px;
-					
-					@if (4px + nth($mod__size-delta, $num)) > 0 {
-						$_horizontal: 4px + nth($mod__size-delta, $num);
-					}
-					
-					@if $size != default
-					{
-						&._#{$size} {
-							width: __get-column-width($i) - $object__form__input-border-width * 2;
-						}
-					}
-					
-				}
-			}
-		}
-
-		// & > .#{$object__column-offset}#{$i} {
-		// 	margin-left: __get-column-offset-width($i);
-		// }
-	}
-}
+@include __set-object-form-row();
 
 
 .#{$object__form} .#{$object__form__field__row}{

data/vendor/assets/stylesheet/widgets/_group.scss

@@ -12,6 +12,7 @@ $__after-object: '';
 .#{$object__group} {
 	display: inline-block;
 	font-size: 0;
+	vertical-align: middle;
 
 	.#{$object__group__appendix} {
 		@extend %__object;

data/vendor/assets/stylesheet/widgets/_icon.scss

@@ -1,10 +1,8 @@
 [class*="#{$object__icon}"],
 [class^="#{$object__icon}"],
 .#{$object__icon} {
-	display: inline-block;
-	vertical-align: middle;
 	line-height: 0;
-	margin-top: -2px;
+	-webkit-font-smoothing: antialiased;
 }
 
 .#{$object__icon} {
@@ -21,24 +19,15 @@
 	}
 }
 
-
-
-
-
-
-
-
-
 @font-face {
-	font-family: 'FontAwesome';
-	src: url('fontawesome/fontawesome-webfont.eot');
-	src: url('fontawesome/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
-		 url('fontawesome/fontawesome-webfont.woff') format('woff'),
-		 url('fontawesome/fontawesome-webfont.ttf') format('truetype'),
-		 url('fontawesome/fontawesome-webfont.svg#zocialregular') format('svg');
-	font-weight: normal;
-	font-style: normal;
-
+  font-family: 'FontAwesome';
+  src: url('fontawesome/fontawesome-webfont.eot');
+  src: url('fontawesome/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
+     url('fontawesome/fontawesome-webfont.woff') format('woff'),
+     url('fontawesome/fontawesome-webfont.ttf') format('truetype'),
+     url('fontawesome/fontawesome-webfont.svg#zocialregular') format('svg');
+  font-weight: normal;
+  font-style: normal;
 }
 
 [class*="#{$object__icon}"],
@@ -74,10 +63,8 @@
 [class*="#{$object__icon__social}"],
 [class^="#{$object__icon__social}"],
 .#{$object__icon__social} {
-	width: auto;
-	height: auto;
 	background-image: none;
-
+	
 	&:before {
 		font-family: 'Zocial'!important;
 		font-style: normal;
@@ -89,4 +76,42 @@
 	.#{$object__icon__social}-#{$icon}:before {
 		content: nth($object__icon__social-content, index($object__icon__social-names, $icon));
 	}
-}
+}
+
+
+// ******************************************************************************************************************* //
+// *************************************************** FOR SPRITES *************************************************** //
+// ******************************************************************************************************************* //
+
+// [class*="#{$object__icon}"],
+// [class^="#{$object__icon}"],
+// .#{$object__icon} {
+// 	display: inline-block;
+// 	width: $object__icon-width;
+// 	height: $object__icon-height;
+// 	vertical-align: middle;
+// 	margin-top: -2px;
+// 	background-repeat: no-repeat;
+// 	background-position: $object__icon-width $object__icon-height;
+
+// 	@each $color in $object__icon-colors {
+// 		$i: index($object__icon-colors, $color);
+
+// 		@if $color == default {
+// 			background-image: url(nth($object__icon-colors-paths, $i));
+// 		}
+// 		@else {
+// 			&.#{$object__icon}-#{$color}- {
+// 				background-image: url(nth($object__icon-colors-paths, $i));
+// 			}
+// 		}
+// 	}
+// }
+
+// @for $i from 1 through $object__icon-rows {
+// 	@for $j from 1 through $object__icon-cols {
+// 		.#{$object__icon}-#{nth($object__icon-list, ( ($i - 1) * $object__icon-cols + $j ) )} {
+// 			background-position: ($j - 1) * -$object__icon-cols-delta ($i - 1) * -$object__icon-rows-delta;
+// 		}
+// 	}
+// }