maxmertkit-rails 0.0.1

data/vendor/assets/stylesheet/classes/_object.scss

@@ -0,0 +1,14 @@
+$__inheritance: object;
+$__before-object: '';
+$__object: 'this';
+$__after-object: '';
+
+@include init_modificator-status;
+@include init_modificator-size;
+
+%__object {
+	display: inline-block;
+	vertical-align: middle;
+	outline: none;
+	@include box-sizing( content-box );
+}

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

@@ -0,0 +1,146 @@
+@import "mixins";
+@import "themes/basic";
+@import "animations/keyframes";
+
+.cssanimations.csstransforms.csstransitions {
+
+	[class*="-mx-"]:not(.-mx-rotateIn) {
+		&.#{$mod__side-bottom} {
+			@include transform-origin( center top 0 );
+		}
+		
+		&.#{$mod__side-top} {
+			@include transform-origin( center bottom 0 );
+		}
+
+		&.#{$mod__side-left} {
+			@include transform-origin( right center 0 );
+		}
+
+		&.#{$mod__side-right} {
+			@include transform-origin( left center 0 );
+		}
+	}
+
+	.-mx-scaleIn {
+		// @include animation( .2s scaleOutKeyframes );
+		// @include transform( scale(0) );
+		// @include opacity( 0 );
+		opacity: 0;
+		@include transition( opacity .1s linear );
+
+		&.-mx-start {
+			@include animation( 1s scaleInKeyframes );
+			opacity: 1;
+			// @include transform( scale(1) );
+			// @include opacity( 1 );
+		}
+	}
+
+	.-mx-growUp {
+		opacity: 0;
+		@include transition( opacity .1s linear );
+
+		&.-mx-start {
+			opacity: 1;
+			@include animation( 1.5s growUpKeyframes );
+			@include transform( rotateX(0deg) rotateY(0deg) rotateZ(0deg)  );
+		}
+	}
+
+	.-mx-rotateIn {
+		opacity: 0;
+		@include transition( opacity .1s linear );
+
+		&.-mx-start {
+			@include animation( 1.5s rotateInKeyframes );
+			opacity: 1;
+		}
+	}
+
+	.-mx-fadeIn {
+		@include transitions( 1s opacity linear);
+	}
+
+	.-mx-dropIn {
+		opacity: 0;
+		@include transition( opacity .1s linear );
+
+		&.-mx-start {
+			@include animation( .5s dropInKeyframes );
+			opacity: 1;
+		}
+	}
+
+	.-mx-blurIn {
+		@include transitions( 1s opacity ease, 1s filter ease );
+		@include filter( blur(10px) );
+		opacity: 0;
+
+		&.-mx-start {
+			@include filter( blur(0px) );
+			@include opacity( 1 );
+		}
+	}
+
+	.-mx-releaseIn {
+		@include transform( rotateX(-90deg) rotateY(0deg) );
+		@include transition( top 1s ease );
+
+		&.-mx-start {
+			@include animation( 2s releaseInKeyframes );
+			@include transform( rotateX(0deg) rotateY(0deg) );
+		}
+	}
+
+	&.-mx-shader {
+		.-container
+		{
+			// @include filter( blur(1px) );
+		}
+		.-shader,.-modal {
+			// @include filter( blur(0) );
+		}
+	}
+
+
+
+	// For affix scrollspy (jus if .-menu inside)
+	.-mx-affix-scrollspy  {
+		// @include perspective( 1000 );
+
+		li {
+			// @include transition( 1s transform linear);
+			@include transform-origin( right center 0 );
+
+			&.-mx-start {
+				// @include transform( rotateY(-45deg)  );
+				@include animation( .5s bubbleInKeyframes );
+			}
+		}
+	}
+
+}
+
+.no-cssanimations,
+.no-csstransforms,
+.no-csstransitions {
+	.-mx-scaleIn {
+		display: none;
+		@include opacity( 0 );
+
+		&.-mx-start {
+			display: block!important;
+			@include opacity( 1 );
+		}
+	}
+
+	.-mx-blurIn {
+		@include transitions( 1s opacity ease );
+		@include opacity( 0 );
+
+		&.-mx-start {
+			@include opacity( 1 );
+		}
+	}
+}

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

@@ -0,0 +1,25 @@
+$_input-list: 'input' 'textarea' 'select';
+
+@import 'themes/basic';
+@import 'mixins';
+
+@import 'modificators/status';
+@import 'modificators/size';
+@import 'modificators/_methods';
+@import 'classes/object';
+
+@import 'widgets/icon';
+@import 'widgets/button';
+@import 'widgets/group';
+@import 'widgets/tabs';
+@import 'widgets/badge';
+@import 'widgets/label';
+@import 'widgets/dropdown';
+@import 'widgets/arrow';
+@import 'widgets/tooltip';
+@import 'widgets/menu';
+@import 'widgets/toolbar';
+@import 'widgets/modal';
+@import 'widgets/carousel';
+@import 'widgets/progressbar';
+@import 'widgets/notify';

data/vendor/assets/stylesheet/maxmertkit.scss

@@ -0,0 +1,14 @@
+@import 'themes/basic';
+@import 'mixins';
+
+@import 'modificators/status';
+@import 'modificators/size';
+
+@import 'init';
+
+@import 'modificators/_methods';
+@import 'classes/object';
+
+@import 'widgets/form';
+@import 'widgets/table';
+@import 'widgets/caret';

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

@@ -0,0 +1,116 @@
+@mixin set_modificator ($type-list, $mods... ) {
+
+
+	@each $mod in $mods {
+
+		$__is-status: true;
+		@each $__type-list-item in $type-list {
+			@if index( $mod__status, $__type-list-item ) == false {
+				$__is-status: false;
+			}
+		}
+		@if $__is-status !=false {
+			@include __set_modificator-type(status, $type-list, $mod )
+		}
+
+		$__is-size: true;
+		@each $__type-list-item in $type-list {
+			@if index( $mod__size, $__type-list-item ) == false {
+				$__is-size: false;
+			}
+		}
+		@if $__is-size != false {
+			@include __set_modificator-type(size, $type-list, $mod )
+		}
+			
+	}
+
+
+
+}
+
+@function _get-modificator-name( $name ) {
+	$_result: '';
+
+	@if index( $mod__status, $name ) != false and $name != default {
+		$_result: '.-#{$name}-';
+	}
+
+	@if index( $mod__size, $name ) != false and $name != default {
+		$_result: '._#{$name}';
+	}
+
+	@return $_result;
+}
+
+@function _get-modificator-nesting( $name, $_before, $_obj, $_after ) {
+	$_result: '';
+	// #{$_before} #{$_obj}#{_get-modificator-name( $name )} #{$_after};
+	@each $_before-item in $_before {
+		@each $_obj-item in $_obj {
+			@each $_after-item in $_after {
+				$_result: $_result + '#{$_before-item} #{$_obj-item}#{_get-modificator-name( $name )} #{$_after-item},';
+			}
+		}
+	}
+	@return $_result;
+}
+
+@mixin __set_modificator-type( $type, $list, $mod ) {
+	@each $status in $list {
+		@if $__object == this {
+			$__name: _get-modificator-name( $status );
+			&#{$__name} {
+				@extend %#{$__inheritance}-#{$type}-#{$status}-#{$mod};
+			}
+		}
+		@else {
+			
+
+				@each $_obj in $__object {
+					@each $_before in $__before-object {
+						@each $_after in $__after-object {
+							$_nesting: _get-modificator-nesting( $status, $_before, $_obj, $_after );
+							#{$_nesting} {
+								@extend %#{$__inheritance}-#{$type}-#{$status}-#{$mod};
+							}
+						}
+					}
+				}
+
+			
+		}
+	}
+}
+
+
+
+@function exclude-items ( $list, $items... ) {
+	$_result: ();
+	@each $item in $list {
+		@if index($items, $item) == false {
+			$_result: append($_result, $item, space);
+		}
+	}
+
+	@return $_result;
+}
+
+@function only-items ( $list, $items... ) {
+	$_result: ();
+	@each $item in $list {
+		@if index($items, $item) != false {
+			$_result: append($_result, $item, space);
+		}
+	}
+
+	@return $_result;
+}
+
+@function append-list( $list, $appendix-before:'', $appendix-after:'', $separator: space ) {
+	$_result: ();
+	@each $item in $list {
+		$_result: append($_result, #{$appendix-before}#{$item}#{$appendix-after}, $separator);
+	}
+	@return $_result;
+}

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

@@ -0,0 +1,208 @@
+@mixin init_modificator-size( $__inheritance: object ){
+	
+	@each $size in $mod__size {
+		$num: index( $mod__size, $size );
+
+		%#{$__inheritance}-size-#{$size}-line-height {
+			line-height: $theme__line-height + nth($mod__size-delta, $num);
+		}
+
+		%#{$__inheritance}-size-#{$size}-line-height-small {
+			line-height: 12px + nth($mod__size-delta, $num) - 2;
+		}
+
+		%#{$__inheritance}-size-#{$size}-input-line-height {
+			line-height: $theme__line-height + nth($mod__size-delta, $num) - 2;
+		}
+
+		%#{$__inheritance}-size-#{$size}-font-size {
+			$_font-size: 10px;
+			@if ($theme__font-size + nth($mod__size-delta, $num)) > 10 {
+				@if $size == default {
+					$_font-size: $theme__font-size + nth($mod__size-delta, $num) - 2;
+				}
+				@else {
+					$_font-size: $theme__font-size + nth($mod__size-delta, $num);
+				}
+			}
+			font-size: $_font-size;
+		}
+
+		%#{$__inheritance}-size-#{$size}-font-size-small {
+			$_font-size: 12px;
+			@if ($theme__font-size + nth($mod__size-delta, $num)) > $_font-size {
+				@if $size == default {
+					$_font-size: $_font-size + nth($mod__size-delta, $num) - 2;
+				}
+				@else {
+					$_font-size: $_font-size + nth($mod__size-delta, $num);
+				}
+			}
+			font-size: $_font-size;
+		}
+
+		%#{$__inheritance}-size-#{$size}-padding {
+			$_vertical: 3px;
+			$_horizontal: 4px;
+			
+			@if (2px + nth($mod__size-delta, $num)) > 0 {
+				$_vertical: 2px + nth($mod__size-delta, $num);
+			}
+
+			@if (4px + nth($mod__size-delta, $num)) > 0 {
+				$_horizontal: 4px + nth($mod__size-delta, $num);
+			}
+
+			padding: $_vertical $_horizontal;
+		}
+
+		%#{$__inheritance}-size-#{$size}-padding-small {
+			$_vertical: 1px;
+			$_horizontal: 3px;
+			
+			@if ($_vertical + nth($mod__size-delta, $num)) > 0 {
+				$_vertical: $_vertical + nth($mod__size-delta, $num);
+			}
+
+			@if ($_horizontal + nth($mod__size-delta, $num)) > 0 {
+				$_horizontal: $_horizontal + nth($mod__size-delta, $num);
+			}
+
+			padding: $_vertical $_horizontal;
+		}
+
+		%#{$__inheritance}-size-#{$size}-padding-big {
+			$_vertical: 6px;
+			$_horizontal: 8px;
+			
+			@if ($_vertical + nth($mod__size-delta, $num)) > 0 {
+				$_vertical: $_vertical + nth($mod__size-delta, $num);
+			}
+
+			@if ($_horizontal + nth($mod__size-delta, $num)) > 0 {
+				$_horizontal: $_horizontal + nth($mod__size-delta, $num);
+			}
+
+			padding: $_vertical $_horizontal;
+		}
+
+		%#{$__inheritance}-size-#{$size}-padding-huge {
+			$_vertical: 10px;
+			$_horizontal: 13px;
+			
+			@if ($_vertical + nth($mod__size-delta, $num)) > 0 {
+				$_vertical: $_vertical + nth($mod__size-delta, $num);
+			}
+
+			@if ($_horizontal + nth($mod__size-delta, $num)) > 0 {
+				$_horizontal: $_horizontal + nth($mod__size-delta, $num);
+			}
+
+			padding: $_vertical $_horizontal;
+		}
+
+		%#{$__inheritance}-size-#{$size}-input-padding {
+			$_vertical: 2px;
+			$_vertical_ie: 3px\9;
+			$_vertical_fox: 2px;
+			$_horizontal: 4px;
+			
+			@if (2px + nth($mod__size-delta, $num)) > 0 {
+				$_vertical_ie: 3px + nth($mod__size-delta, $num)#{'\9'};
+				$_vertical_fox: nth($mod__size-delta, $num);
+				@if (2 + nth($mod__size-delta, $num) == 8 or 2 + nth($mod__size-delta, $num) == 6) {
+					$_vertical: 1px + nth($mod__size-delta, $num);
+				} @else
+				{
+					$_vertical: 2px + nth($mod__size-delta, $num);
+				}
+
+			}
+
+			@if (4px + nth($mod__size-delta, $num) > 0 )  {
+				$_horizontal: 4px + nth($mod__size-delta, $num);
+			}
+
+			@if( nth($mod__size-delta, $num) != -4 ) {
+				padding: $_vertical $_horizontal $_vertical + 1;
+			} @else 
+			{
+				padding: $_vertical +1 $_horizontal $_vertical + 1;
+			}
+			padding-top: $_vertical_ie;
+			padding-bottom: $_vertical_ie;
+			@-moz-document url-prefix() {
+				padding-top: $_vertical_fox;
+				padding-bottom: $_vertical_fox;
+			}
+			@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
+				padding: $_vertical + 2 $_horizontal;
+			}
+			// @-moz-document url-prefix() {
+			// 	padding: $_vertical + 1 $_horizontal $_vertical;
+			// }
+		}
+
+		%#{$__inheritance}-size-#{$size}-padding-object {
+			$_vertical: 3px;
+			$_horizontal: 4px;
+			
+			@if (2px + nth($mod__size-delta, $num)) > 0 {
+				$_vertical: 2px + nth($mod__size-delta, $num);
+			}
+
+			@if (4px + nth($mod__size-delta, $num)) > 0 {
+				$_horizontal: 7px + nth($mod__size-delta, $num);
+			}
+
+			padding: $_vertical $_horizontal;
+		}
+
+		%#{$__inheritance}-size-#{$size}-border-width {
+			$_width: 3px;
+			@if (nth($mod__size-delta, $num) > 0 ) {
+				$_width: $_width + nth($mod__size-delta, $num) / 2 ;
+			}
+
+			border-width: $_width;
+		}
+
+		%#{$__inheritance}-size-#{$size}-border-width-big {
+			$_width: 5px;
+			@if (nth($mod__size-delta, $num) > 0 ) {
+				$_width: $_width + nth($mod__size-delta, $num) / 2 ;
+			}
+
+			border-width: $_width;
+		}
+	}
+
+}
+
+// @mixin init_modificator-status{
+	
+// 	@each $status in $mod__status {
+// 		$num: index( $mod__status, $status );
+
+// 		%#{$__inheritance}-status-#{$status}-color {
+// 			color: nth($mod__status-color, $num);
+// 		}
+
+// 		%#{$__inheritance}-status-#{$status}-border-color {
+// 			border-color: nth($mod__status-border-color, $num);
+// 		}
+
+// 		%#{$__inheritance}-status-#{$status}-border-color-darken {
+// 			border-color: nth($mod__status-border-color-darken, $num);
+// 		}
+
+// 		%#{$__inheritance}-status-#{$status}-border-color-lighten {
+// 			border-color: nth($mod__status-border-color-lighten, $num);
+// 		}
+
+// 		%#{$__inheritance}-status-#{$status}-outline {
+// 			@include box-shadow(#{nth($mod__status-outline, $num)});
+// 		}
+// 	}
+
+// }