maxmertkit-rails 0.0.1

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

@@ -0,0 +1,283 @@
+@include init_modificator-status($object__menu);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: this;
+$__after-object: '';
+
+.#{$object__menu} {
+	margin: 0;
+	list-style: none;
+
+	li {
+		display: inline-block;
+		a {
+			@extend %__object;
+			
+			cursor: pointer;
+		}
+		
+		position: relative;
+
+		& > .#{$object__dropdown} {
+			display: none;
+			position: absolute;
+		}
+	}
+
+	&.#{$mod__active} {
+		li {
+			a {
+				border-width: 1px;
+				border-style: solid;
+				border-color: transparent;
+			}
+
+			&:hover > .#{$object__dropdown} {
+				display: block;
+			}
+
+			.#{$object__dropdown} {
+				border-width: 1px;
+				border-style: solid;
+				border-color: transparent;
+				@include border-radius( 0 );
+				margin-top: -1px;
+				@include box-shadow( 0 2px 4px rgba(0,0,0,.2) );
+			}
+		}
+	}
+
+	&.-#{$mod__status__disabled}-,
+	li.-#{$mod__status__disabled}- {
+		a:after {
+			display: none!important;
+		}
+
+		a:hover, a {
+			background: transparent!important;
+			border-color: transparent!important;
+			text-shadow: none!important;
+			cursor: default;
+		}
+		.#{$object__dropdown} {
+			display: none!important;
+		}
+	}
+}
+
+.#{$object__dropdown} .#{$object__menu},
+.#{$object__menu}.#{$mod__vertical} {
+	width: 100%;
+	margin: $object__dropdown-border-radius 0;
+
+	li {
+		display: block;
+		a {
+			display: block;
+		}
+
+		&.#{$object__menu__separator} {
+			height: 0;
+			width: 100%;
+			border-bottom:1px solid rgba(255,255,255,1);
+			border-top:1px solid rgba(0,0,0,.1);
+			margin: 4px 0;
+		}
+
+		&.#{$object__menu__submenu} {
+			& > a {
+				padding-right: 10px;
+
+				&:after {
+					@extend %__object;
+					display: inline-block;
+					float: right;
+					content: ' ';
+
+					position: absolute;
+					border-width: 5px;
+					border-style: solid;
+					border-right-style: none;
+					border-top-color: transparent!important;
+					border-bottom-color: transparent!important;
+					right: 5px;
+					top: 50%;
+					margin-top: -5px;
+				}
+			}
+
+			& > .#{$object__dropdown} {
+				z-index: 1;
+				min-height: auto;
+				left: 100%;
+				@include opacity( 0 );
+				top: -$object__dropdown-border-radius;
+			}
+
+			&.#{$mod__side-top} > .#{$object__dropdown} {
+				top: auto;
+				bottom: -$object__dropdown-border-radius;
+			}
+
+			&.#{$mod__side-left} > .#{$object__dropdown} {
+				left: auto;
+				// margin-left: 0\9;
+				// margin-right: -1px\9;
+				right: 100%;
+			}
+
+			&:hover {
+				& > .#{$object__dropdown} {
+					display: block;
+					@include opacity( 1 );
+				}
+			}
+		}
+
+		a .#{$object__menu__help} {
+			float: right;
+			margin: 0 0 0 13px;
+			font-weight: 200;
+			opacity: .3;
+		}
+
+		a:hover {
+			.#{$object__menu__help}{
+				opacity: .7;
+			}
+
+			// [class*='#{$object__icon}'],
+			// [class^='#{$object__icon}'],
+			// .#{$object__icon} {
+			// 	@extend .-icon-light-;	
+			// }
+		}
+	}
+
+	& + .#{$object__menu} {
+		margin-top: -$object__dropdown-border-radius;
+		min-height: auto;
+	}
+}
+
+$__inheritance: object;
+$__before-object: '.#{$object__menu} >';
+$__object: 'li';
+$__after-object: '> a';
+@include set_modificator($mod__size, padding-object, font-size, line-height);
+$__inheritance: $object__menu;
+@include set_modificator(exclude-items($mod__status, $mod__status__disabled), color);
+@include set_modificator(only-items($mod__status, $mod__status__disabled), color-invert, background-color);
+
+$__inheritance: object;
+$__before-object: '.#{$object__menu} >';
+$__object: 'li.#{$mod__loading}';
+$__after-object: '> a';
+@include set_modificator($mod__status, loading-dark);
+
+
+
+$__inheritance: $object__menu;
+$__before-object: '.#{$object__menu} >';
+$__object: 'li:hover';
+$__after-object: '> a';
+@include set_modificator(exclude-items($mod__status, $mod__status__disabled), background-color-darken, color-invert, text-shadow);
+
+$__inheritance: $object__menu;
+$__before-object: '.#{$object__menu} >';
+$__object: 'li.#{$mod__active}';
+$__after-object: '> a';
+@include set_modificator(exclude-items($mod__status, $mod__status__disabled), background-color-darkener, color-invert, text-shadow);
+
+$__inheritance: $object__menu;
+$__before-object: '.#{$object__menu} >';
+$__object: 'li';
+$__after-object: '> a:active';
+@include set_modificator(exclude-items($mod__status, $mod__status__disabled), background-color-darkener, color-invert, text-shadow);
+
+$__inheritance: $object__menu;
+$__before-object: '.#{$object__menu} >';
+$__object: 'li.#{$object__menu__submenu}';
+$__after-object: '> a:after';
+@include set_modificator(exclude-items($mod__status, $mod__status__disabled), border-color-darken);
+
+$__inheritance: $object__menu;
+$__before-object: '.#{$object__menu} ';
+$__object: 'li.#{$object__menu__submenu}:hover';
+$__after-object: '> a:after';
+@include set_modificator(exclude-items($mod__status, $mod__status__disabled), border-color-darkener);
+
+
+
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__menu}';
+$__after-object: 'li a';
+@include set_modificator($mod__size, padding-object, font-size, line-height);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__menu}';
+$__after-object: '> li > a';
+@include set_modificator(only-items($mod__status, $mod__status__disabled), color-invert);
+// @include set_modificator(exclude-item($mod__status, primary), color);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__menu}';
+$__after-object: 'li:hover > a';
+@include set_modificator(exclude-items($mod__status, $mod__status__disabled), background-color-darken, color-invert, text-shadow);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__menu}';
+$__after-object: '> li.#{$mod__active} > a';
+@include set_modificator(exclude-items($mod__status, $mod__status__disabled), background-color-darkener, color-invert, text-shadow);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__menu}';
+$__after-object: '> li > a:active';
+@include set_modificator(exclude-items($mod__status, $mod__status__disabled), background-color-darkener, color-invert, text-shadow);
+
+$__inheritance: $object__menu;
+$__before-object: '';
+$__object: '.#{$object__menu}';
+$__after-object: '> li.#{$object__menu__submenu} > a:after';
+@include set_modificator(exclude-item($mod__status, primary, $mod__status__disabled), border-color-darken);
+
+$__inheritance: $object__menu;
+$__before-object: '';
+$__object: '.#{$object__menu}';
+$__after-object: ' li.#{$object__menu__submenu}:hover > a:after';
+@include set_modificator(exclude-items($mod__status, $mod__status__disabled), border-color-darkener);
+
+
+
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__menu}.#{$mod__active}';
+$__after-object: '> li:hover > a';
+@include set_modificator(exclude-items($mod__status, $mod__status__disabled), border-color);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__menu}.#{$mod__active}';
+$__after-object: 'li:hover .#{$object__dropdown}';
+@include set_modificator(only-items($mod__status, $mod__status__unstyled, default), border-color);
+
+
+$__inheritance: $object__menu;
+$__before-object: '.#{$object__menu}.#{$mod__active} >';
+$__object: 'li:hover';
+$__after-object: '> a';
+@include set_modificator(exclude-items($mod__status, $mod__status__disabled), border-color);
+
+$__inheritance: $object__menu;
+$__before-object: '.#{$object__menu}.#{$mod__active}';
+$__object: 'li:hover';
+$__after-object: '.#{$object__dropdown}';
+@include set_modificator(only-items($mod__status, $mod__status__unstyled, default), border-color);

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

@@ -0,0 +1,172 @@
+$__inheritance: object;
+$__before-object: '';
+$__object: this;
+$__after-object: '';
+
+.#{$object__modal} {
+	@extend %__object;
+
+	position: relative;
+	z-index: 1001;
+	display: inline-block;
+	border-width: $object__modal-border-width;
+	border-style: solid;
+	@include border-radius( $object__modal-border-radius );
+	min-width: $object__modal-min-width;
+	min-height: $object__modal-min-height;
+	@include box-shadow( $object__modal-shadow );
+
+	.#{$object__modal__header} {
+		position: relative;
+		padding: $object__modal__header-padding;
+		@include border-radius( $object__modal-border-radius - 2 $object__modal-border-radius - 2 0 0 );
+		border-bottom: 1px solid rgba(0,0,0,.1);
+
+		.#{$object__closer} {
+			font-size: 24px;
+			font-weight: bold;
+			position: absolute;
+			right: $object__modal__header-padding;
+			top: 50%;
+			margin-top: -12px;
+			cursor: pointer;
+
+			@include opacity( .3 );
+
+			&:hover {
+				@include opacity( 1 );
+			}
+		}
+	}
+
+	.#{$object__modal__content} {
+		padding: $object__modal__content-padding;
+	}
+
+	@include set_modificator(only-items($mod__status, default, $mod__status__unstyled), background-color, color-invert);
+}
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__modal}';
+$__after-object: '';
+@include set_modificator($mod__status, border-color);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__modal}';
+$__after-object: '> .#{$object__modal__header}';
+@include set_modificator($mod__status, background-color-darken, color-invert-important, text-shadow);
+
+.#{$object__shader} {
+	position: fixed;
+	left: 0; right: 0;
+	top: 0; bottom: 0;
+	background-color: $object__shader-background;
+	z-index: 1000;
+}
+
+// .#{$object__dropdown} {
+// 	@extend %__object;
+
+// 	position: relative;
+// 	display: inline-block;
+// 	border-width: $object__dropdown-border-width;
+// 	border-width: 1px#{'\9'};
+// 	border-style: solid;
+// 	@include border-radius( $object__dropdown-border-radius );
+// 	min-width: $object__dropdown-min-width;
+// 	min-height: $object__dropdown-min-height;
+// 	max-width: $object__dropdown-max-width;
+// 	max-height: $object__dropdown-max-height;
+// 	@include box-shadow( $object__dropdown-shadow );
+
+// 	.#{$object__dropdown__content} {
+// 		padding: $object__dropdown__content-padding;
+// 	}
+
+// 	.#{$object__dropdown__header} {
+// 		padding: $object__dropdown__header-padding;
+// 		@include border-radius( $object__dropdown-border-radius - 2 $object__dropdown-border-radius - 2 0 0 );
+// 		border-bottom: 1px solid rgba(0,0,0,.1);
+// 	}
+
+// 	&.#{$mod__side-top},
+// 	&.#{$mod__side-bottom},
+// 	&.#{$mod__side-left},
+// 	&.#{$mod__side-right} {
+// 		&:after {
+// 			content: ' ';
+// 			display: inline-block;
+// 			position: absolute;
+// 		}
+// 	}
+
+// 	&.#{$mod__side-top},
+// 	&.#{$mod__side-bottom} {
+// 		&:after {
+// 			width: 90%;
+// 			left: 5%;
+// 			height: 1px;
+
+// 			$__inheritance: object;
+// 			$__before-object: '';
+// 			$__object: this;
+// 			$__after-object: '';
+// 			@include set_modificator($mod__status, gradient-horizontal-three);
+// 		}
+// 	}
+
+// 	&.#{$mod__side-left},
+// 	&.#{$mod__side-right} {
+// 		&:after {
+// 			width: 1px;
+// 			height: 90%;
+// 			top: 5%;
+
+// 			$__inheritance: object;
+// 			$__before-object: '';
+// 			$__object: this;
+// 			$__after-object: '';
+// 			@include set_modificator($mod__status, gradient-vertical-three);
+// 		}
+// 	}
+
+// 	&.#{$mod__side-top} {
+// 		&:after {
+// 			bottom: -1px;
+// 		}
+// 	}
+
+// 	&.#{$mod__side-bottom} {
+// 		&:after {
+// 			top: -1px;
+// 		}
+// 	}
+
+// 	&.#{$mod__side-left} {
+// 		&:after {
+// 			right: -1px;
+// 		}
+// 	}
+
+// 	&.#{$mod__side-right} {
+// 		&:after {
+// 			left: -1px;
+// 		}
+// 	}
+
+// 	@include set_modificator(only-items($mod__status, default, $mod__status__unstyled), background-color, color-invert);
+// }
+
+// $__inheritance: object;
+// $__before-object: '';
+// $__object: '.#{$object__dropdown}';
+// $__after-object: '';
+// @include set_modificator($mod__status, shadow, border-color);
+
+// $__inheritance: object;
+// $__before-object: '';
+// $__object: '.#{$object__dropdown}';
+// $__after-object: '> .#{$object__dropdown__header}';
+// @include set_modificator($mod__status, background-color-darken, color-invert-important, text-shadow);

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

@@ -0,0 +1,190 @@
+$__inheritance: object;
+$__before-object: '';
+$__object: this;
+$__after-object: '';
+
+.#{$object__notify__container} {
+	position: fixed;
+	z-index: 1002;
+	top: 0; left: 50%;
+	width: $object__notify-width;
+	margin-left: -$object__notify-width / 2;
+	@include perspective( 1000px );
+
+	.#{$object__notify} {
+		@extend %__object;
+		@include box-shadow( 0 3px 3px rgba(0,0,0,.3) );
+
+		margin: $object__notify-margin;
+		position: relative;
+		display: block;
+		border-top-width: 3px;
+		border-top-style: solid;
+		font-size: $object__notify-font-size;
+		
+		@include border-radius( $object__notify-border-radius );
+
+		.#{$object__notify__header} {
+			padding: $object__notify__header-padding;
+			font-weight: bold;
+			position: relative;
+
+			.#{$object__closer} {
+				font-size: 18px;
+				font-weight: bold;
+				position: absolute;
+				right: 10px;
+				top: 50%;
+				margin-top: -11px;
+				cursor: pointer;
+				color: #000;
+
+				@include opacity( .3 );
+
+				&:hover {
+					@include opacity( 1 );
+				}
+			}
+		}
+
+		.#{$object__notify__content} {
+			padding: $object__notify__content-padding;
+		}
+	}
+
+	.-notify-closeAll {
+		display: none;
+		position: absolute;
+		top: 2px;
+		margin-left: 2px;
+		left: 100%;
+		width: 70px;
+		font-weight: bold;
+		text-align: center;
+		cursor: pointer;
+	}
+}
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__notify}';
+$__after-object: '';
+@include set_modificator($mod__status, border-color-darken);
+@include set_modificator(only-items($mod__status, default, $mod__status__disabled), background-color);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__notify}';
+$__after-object: '.#{$object__notify__header}';
+@include set_modificator(exclude-items($mod__status, default, $mod__status__disabled), color-darken);
+// @include set_modificator(only-items($mod__status, default, $mod__status__disabled), background-color);
+
+
+
+
+
+
+// .#{$object__dropdown} {
+// 	@extend %__object;
+
+// 	position: relative;
+// 	display: inline-block;
+// 	border-width: $object__dropdown-border-width;
+// 	border-width: 1px#{'\9'};
+// 	border-style: solid;
+// 	@include border-radius( $object__dropdown-border-radius );
+// 	min-width: $object__dropdown-min-width;
+// 	min-height: $object__dropdown-min-height;
+// 	max-width: $object__dropdown-max-width;
+// 	max-height: $object__dropdown-max-height;
+// 	@include box-shadow( $object__dropdown-shadow );
+
+// 	.#{$object__dropdown__content} {
+// 		padding: $object__dropdown__content-padding;
+// 	}
+
+// 	.#{$object__dropdown__header} {
+// 		padding: $object__dropdown__header-padding;
+// 		@include border-radius( $object__dropdown-border-radius - 2 $object__dropdown-border-radius - 2 0 0 );
+// 		border-bottom: 1px solid rgba(0,0,0,.1);
+// 	}
+
+// 	&.#{$mod__side-top},
+// 	&.#{$mod__side-bottom},
+// 	&.#{$mod__side-left},
+// 	&.#{$mod__side-right} {
+// 		&:after {
+// 			content: ' ';
+// 			display: inline-block;
+// 			position: absolute;
+// 		}
+// 	}
+
+// 	&.#{$mod__side-top},
+// 	&.#{$mod__side-bottom} {
+// 		&:after {
+// 			width: 90%;
+// 			left: 5%;
+// 			height: 1px;
+
+// 			$__inheritance: object;
+// 			$__before-object: '';
+// 			$__object: this;
+// 			$__after-object: '';
+// 			@include set_modificator($mod__status, gradient-horizontal-three);
+// 		}
+// 	}
+
+// 	&.#{$mod__side-left},
+// 	&.#{$mod__side-right} {
+// 		&:after {
+// 			width: 1px;
+// 			height: 90%;
+// 			top: 5%;
+
+// 			$__inheritance: object;
+// 			$__before-object: '';
+// 			$__object: this;
+// 			$__after-object: '';
+// 			@include set_modificator($mod__status, gradient-vertical-three);
+// 		}
+// 	}
+
+// 	&.#{$mod__side-top} {
+// 		&:after {
+// 			bottom: -1px;
+// 		}
+// 	}
+
+// 	&.#{$mod__side-bottom} {
+// 		&:after {
+// 			top: -1px;
+// 		}
+// 	}
+
+// 	&.#{$mod__side-left} {
+// 		&:after {
+// 			right: -1px;
+// 		}
+// 	}
+
+// 	&.#{$mod__side-right} {
+// 		&:after {
+// 			left: -1px;
+// 		}
+// 	}
+
+// 	@include set_modificator(only-items($mod__status, default, $mod__status__unstyled), background-color, color-invert);
+// }
+
+// $__inheritance: object;
+// $__before-object: '';
+// $__object: '.#{$object__dropdown}';
+// $__after-object: '';
+// @include set_modificator($mod__status, shadow, border-color);
+
+// $__inheritance: object;
+// $__before-object: '';
+// $__object: '.#{$object__dropdown}';
+// $__after-object: '> .#{$object__dropdown__header}';
+// @include set_modificator($mod__status, background-color-darken, color-invert-important, text-shadow);

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

@@ -0,0 +1,70 @@
+$__inheritance: object;
+$__before-object: '';
+$__object: this;
+$__after-object: '';
+
+.#{$object__progressbar} {
+
+	font-size: 0;
+	position: relative;
+	display: inline-block;
+	@include border-radius( $object__progressbar-border-radius );
+	@include box-shadow( $object__progressbar-shadow );
+	line-height: 0;
+	min-height: 12px;
+
+	.#{$object__progressbar__bar} {
+		@extend %__object;
+		height: 100%;
+		min-height: 12px;
+		@include border-radius( $object__progressbar-border-radius );
+		@include box-shadow( $object__progressbar__bar-shadow );
+
+		text-align: center;
+	}
+
+	.#{$object__progressbar__globalBar} {
+		@include border-radius( $object__progressbar-border-radius - 10 );
+		@include box-shadow( $object__progressbar__globalBar-shadow );
+		position: absolute;
+		left:0; top: 0;
+		top: 0; bottom: 0;
+		text-align: center;
+	}
+}
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__progressbar}';
+$__after-object: '';
+@include set_modificator(only-items($mod__status, $mod__status__disabled, default), background-color);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__progressbar}';
+$__after-object: '.#{$object__progressbar__bar}' '.#{$object__progressbar__globalBar}';
+@include set_modificator($mod__size, line-height, padding-small, font-size);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__progressbar}';
+$__after-object: '.#{$object__progressbar__bar}';
+@include set_modificator(exclude-items($mod__status, $mod__status__disabled, default), background-color, color-invert, text-shadow);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__progressbar}.#{$mod__loading}';
+$__after-object: '.#{$object__progressbar__bar}';
+@include set_modificator(exclude-items($mod__status, $mod__status__disabled), loading-dark);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__progressbar}';
+$__after-object: '.#{$object__progressbar__bar}';
+@include set_modificator(only-items($mod__status, $mod__status__disabled, default), background-color-darken, color-invert, text-shadow);
+
+$__inheritance: object;
+$__before-object: '.#{$object__progressbar}';
+$__object: '.#{$object__progressbar__bar}' '.#{$object__progressbar__globalBar}';
+$__after-object: '';
+@include set_modificator($mod__status, background-color, color-invert, text-shadow);