maxmertkit-rails 0.0.1

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

@@ -0,0 +1,270 @@
+$object__table-notimportant: '-table-notimportant';
+$object__table-important: '-table-important';
+
+
+@include init_modificator-status($object__table-notimportant);
+@include init_modificator-status($object__table);
+@include init_modificator-status($object__table-important);
+
+.#{$object__table} {
+	width: 100%;
+	border-collapse: collapse;
+	border-spacing: 0;
+
+	th {
+		text-align: left;
+		$__inheritance: object;
+		$__before-object: '';
+		$__object: this;
+		$__after-object: '';
+
+		@include set_modificator($mod__size, padding-object, font-size, line-height);
+	}
+	
+	td {
+		border-top-width: $object__table-border-width;
+		border-top-style: solid;
+
+	}
+
+	&.#{$mod__bordered} {
+		td {
+			border-width: $object__table-border-width;
+			border-style: solid;
+		}
+	}
+
+	&.#{$mod__vertical} {
+		td {
+			border-top-width: 0;
+			border-left-width: $object__table-border-width;
+			border-left-style: solid;
+
+			&:first-child {
+				border-left-width: 0;
+			}
+		}
+	}
+
+	&.-#{$mod__status__unstyled}-,
+	&.-#{$mod__status__unstyled}- td {
+		border-width: 0!important;
+	}
+
+}
+
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__table}.#{$mod__loading}';
+$__after-object: 'tr td';
+
+@include set_modificator($mod__status, loading);
+
+
+$__inheritance: object;
+$__before-object: '.#{$object__table} tr';
+$__object: 'td.#{$mod__loading}';
+$__after-object: '';
+
+@include set_modificator($mod__status, loading);
+
+
+$__inheritance: $object__table;
+$__before-object: '.#{$object__table}';
+$__object: 'tr.#{$mod__loading}';
+$__after-object: 'td';
+
+@include set_modificator($mod__status, loading);
+
+
+
+
+
+
+$__inheritance: object;
+$__before-object: '.#{$object__table}';
+$__object: 'tr';
+$__after-object: 'td';
+
+@include set_modificator(only-items($mod__status, default, $mod__status__unstyled), border-color);
+@include set_modificator($mod__size, padding-object, font-size, line-height);
+
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__table}';
+$__after-object: 'tr td';
+
+@include set_modificator(exclude-items($mod__status, default, $mod__status__unstyled), background-color, border-color-darken, color-invert);
+@include set_modificator(only-items($mod__status, $mod__status__unstyled), background-color, border-color-darken, color-invert);
+@include set_modificator($mod__size, padding-object, font-size, line-height);
+
+
+$__inheritance: object;
+$__before-object: '.#{$object__table} tr';
+$__object: 'td';
+$__after-object: '';
+
+@include set_modificator($mod__size, padding-object, font-size, line-height);
+
+
+$__inheritance: $object__table;
+$__before-object: '.#{$object__table}';
+$__object: 'tr';
+$__after-object: 'td';
+
+@include set_modificator(exclude-items($mod__status, default), background-color, border-color-darken, color-invert);
+
+
+$__inheritance: $object__table-important;
+$__before-object: '.#{$object__table} tr';
+$__object: 'td';
+$__after-object: '';
+
+@include set_modificator(exclude-items($mod__status, default), background-color, border-color-darken, color-invert);
+
+
+
+
+
+
+
+$__inheritance: object;
+$__before-object: '.#{$object__table}.#{$mod__hovered}';
+$__object: 'tr:hover';
+$__after-object: 'td';
+
+@include set_modificator(only-items($mod__status, default, $mod__status__unstyled), border-color, background-color);
+
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__table}.#{$mod__hovered}';
+$__after-object: 'tr:hover td';
+
+@include set_modificator(exclude-items($mod__status, default, $mod__status__unstyled), background-color-darken, border-color-darken, color-invert);
+@include set_modificator(only-items($mod__status, $mod__status__unstyled), background-color-darken, border-color-darken, color-invert);
+
+
+$__inheritance: $object__table;
+$__before-object: '.#{$object__table}.#{$mod__hovered}';
+$__object: 'tr:hover';
+$__after-object: 'td';
+
+@include set_modificator(exclude-items($mod__status, default), background-color-darken, border-color-darken, color-invert);
+
+
+$__inheritance: $object__table-important;
+$__before-object: '.#{$object__table}.#{$mod__hovered} tr:hover';
+$__object: 'td';
+$__after-object: '';
+
+@include set_modificator(exclude-items($mod__status, default), background-color-darken, border-color-darken, color-invert);
+
+
+
+
+
+
+
+$__inheritance: $object__table-notimportant;
+$__before-object: '.#{$object__table}.#{$mod__striped}';
+$__object: 'tr:nth-child(odd)';
+$__after-object: 'td';
+
+@include set_modificator(only-items($mod__status, default, $mod__status__unstyled), border-color);
+
+
+$__inheritance: $object__table-notimportant;
+$__before-object: '';
+$__object: '.#{$object__table}.#{$mod__striped}';
+$__after-object: 'tr:nth-child(odd) td';
+
+@include set_modificator(exclude-items($mod__status, default, $mod__status__unstyled), background-color, border-color-darken, color-invert);
+@include set_modificator(only-items($mod__status, $mod__status__unstyled), background-color-darken, border-color-darken, color-invert);
+
+
+$__inheritance: $object__table;
+$__before-object: '.#{$object__table}.#{$mod__striped}';
+$__object: 'tr:nth-child(odd)';
+$__after-object: 'td';
+
+@include set_modificator(exclude-items($mod__status, default), background-color-darken, border-color-darken, color-invert);
+
+
+$__inheritance: $object__table-important;
+$__before-object: '.#{$object__table}.#{$mod__striped} tr:nth-child(odd)';
+$__object: 'td';
+$__after-object: '';
+
+@include set_modificator(exclude-items($mod__status, default), background-color-darken, border-color-darken, color-invert);
+
+
+
+$__inheritance: $object__table-notimportant;
+$__before-object: '.#{$object__table}.#{$mod__striped}';
+$__object: 'tr:nth-child(even)';
+$__after-object: 'td';
+
+@include set_modificator(only-items($mod__status, default, $mod__status__unstyled), border-color);
+
+
+$__inheritance: $object__table-notimportant;
+$__before-object: '';
+$__object: '.#{$object__table}.#{$mod__striped}';
+$__after-object: 'tr:nth-child(even) td';
+
+@include set_modificator(only-items($mod__status, default, $mod__status__unstyled), background-color, border-color-darken, color-invert);
+
+
+$__inheritance: $object__table;
+$__before-object: '.#{$object__table}.#{$mod__striped}';
+$__object: 'tr:nth-child(even)';
+$__after-object: 'td';
+
+@include set_modificator(exclude-items($mod__status, default), background-color-darken, border-color-darken, color-invert);
+
+
+$__inheritance: $object__table-important;
+$__before-object: '.#{$object__table}.#{$mod__striped} tr:nth-child(even)';
+$__object: 'td';
+$__after-object: '';
+
+@include set_modificator(exclude-items($mod__status, default), background-color-darken, border-color-darken, color-invert);
+
+
+
+
+
+
+$__inheritance: $object__table-notimportant;
+$__before-object: '.#{$object__table}.#{$mod__striped}.#{$mod__hovered}';
+$__object: 'tr:nth-child(even):hover';
+$__after-object: 'td';
+
+@include set_modificator(only-items($mod__status, default, $mod__status__unstyled), border-color);
+
+
+$__inheritance: $object__table-notimportant;
+$__before-object: '';
+$__object: '.#{$object__table}.#{$mod__striped}.#{$mod__hovered}';
+$__after-object: 'tr:nth-child(even):hover td';
+
+@include set_modificator(only-items($mod__status, default, $mod__status__unstyled), background-color, border-color-darken, color-invert);
+
+
+$__inheritance: $object__table;
+$__before-object: '.#{$object__table}.#{$mod__striped}.#{$mod__hovered}';
+$__object: 'tr:nth-child(even):hover';
+$__after-object: 'td';
+
+@include set_modificator(exclude-items($mod__status, default), background-color, border-color-darken, color-invert);
+
+
+$__inheritance: $object__table-important;
+$__before-object: '.#{$object__table}.#{$mod__striped}.#{$mod__hovered} tr:nth-child(even):hover';
+$__object: 'td';
+$__after-object: '';
+
+@include set_modificator(exclude-items($mod__status, default), background-color, border-color-darken, color-invert);

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

@@ -0,0 +1,211 @@
+@include init_modificator-status($object__tabs);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: this;
+$__after-object: '';
+
+.#{$object__tabs} {
+	@include clearfix;
+	margin: 0;
+	list-style: none;
+
+	border-bottom-width: 1px;
+	border-bottom-style: solid;
+
+	&.#{$object__section} {
+		margin: #{$object__section-margin};
+	}
+
+	li {
+		display: inline-block;
+		vertical-align: bottom;
+		float: #{'left!!important'};
+
+		a{
+			@extend %__object;
+
+			display: inline-block;
+			vertical-align: bottom;
+
+			@include border-radius( $object__tabs-border-radius $object__tabs-border-radius 0 0 );
+			border-width: $object__tabs-border-width;
+			border-style: solid;
+			border-bottom-style: none;
+			border-color: transparent;
+
+			cursor: pointer;
+		}
+
+		&.-#{$mod__status__disabled}- {
+			a {
+				border-color: transparent!important;
+				cursor: default!important;
+				background-color: transparent!important;
+				@include box-shadow( none!important );
+			}
+		}
+
+	}
+
+	&.-#{$mod__status__disabled}- {
+		li a {
+			border-color: transparent!important;
+			background-color: transparent!important;
+			cursor: default!important;
+			@include box-shadow( none!important );
+		}
+	}
+
+	&.#{$mod__vertical} {
+		display: inline-block;
+		border-bottom-width: 0;
+		border-right-width: 1px;
+		border-right-style: solid;
+		float: #{'left!!important'};
+
+		li {
+			display: block;
+			text-align: right;
+			float: #{'none!!important'};
+			clear: #{'both!!important'};
+
+			& + li {
+				margin-top: 2px;
+			}
+
+			a {
+				@include border-radius( $object__tabs-border-radius 0 0 $object__tabs-border-radius );
+				text-align: #{'right!!important'};
+			}
+		}
+
+		&.#{$mod__side-right} {
+			border-right-width: 0;
+			border-left-width: 1px;
+			border-left-style: solid;
+			float: #{'right!!important'};
+
+			li {
+				display: block;
+				text-align: left;
+
+				a {
+					@include border-radius( 0 $object__tabs-border-radius $object__tabs-border-radius 0 );
+					float: #{'none!!important'};
+				}
+			}
+		}
+	}
+
+	&.#{$mod__side-bottom} {
+		border-bottom-width: 0;
+		border-top-width: 1px;
+		border-top-style: solid;
+
+		li a {
+			@include border-radius( 0 0 $object__tabs-border-radius $object__tabs-border-radius );
+			vertical-align: top;
+		}
+	}
+
+}
+
+$__inheritance: object;
+$__before-object: '.#{$object__tabs}';
+$__object: 'li';
+$__after-object: 'a';
+@include set_modificator($mod__size, padding-huge, font-size, line-height);
+$__inheritance: $object__tabs;
+@include set_modificator($mod__status, color);
+
+$__inheritance: $object__tabs;
+$__before-object: '.#{$object__tabs}';
+$__object: 'li:active' 'li.#{$mod__active}';
+$__after-object: 'a';
+@include set_modificator($mod__status, color-invert, border-color-darken, background-color-darkener, text-shadow);
+
+
+$__inheritance: $object__tabs;
+$__before-object: '.#{$object__tabs}';
+$__object: 'li';
+$__after-object: '> a:hover';
+@include set_modificator(exclude-items($mod__status, $mod__status__disabled), background-color-darken, border-color-darken, color-invert, text-shadow);
+
+$__inheritance: object;
+$__before-object: '.#{$object__tabs}';
+$__object: 'li.#{$mod__loading}';
+$__after-object: 'a';
+@include set_modificator($mod__status, loading);
+
+
+
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__tabs}';
+$__after-object: '';
+@include set_modificator($mod__status, border-color);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__tabs}';
+$__after-object: 'li a';
+@include set_modificator($mod__status, color);
+@include set_modificator($mod__size, padding-huge, font-size, line-height);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__tabs}';
+$__after-object: 'li a:hover';
+@include set_modificator(exclude-items($mod__status, $mod__status__disabled), background-color-darken, border-color-darken, color-invert, text-shadow);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__tabs}';
+$__after-object: 'li:active a' 'li.#{$mod__active} a';
+@include set_modificator($mod__status, color-invert, border-color-darken, background-color-darkener, text-shadow);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__tabs}.#{$mod__loading}';
+$__after-object: 'li a';
+@include set_modificator($mod__status, loading);
+
+
+
+.#{$object__tabs} {
+	&.-#{$mod__status__unstyled}- {
+		$__inheritance: object;
+		$__before-object: '';
+		$__object: this;
+		$__after-object: '';
+		@include set_modificator($mod__status, border-color);
+
+		li.#{$mod__active} a {
+			border-width: 1px;
+			border-style: solid;
+			border-bottom-style: none;
+			background-color: $theme__background-color;
+			margin-bottom: -1px;
+		}
+	}
+}
+
+$__inheritance: $object__tabs;
+$__before-object: '';
+$__object: '.#{$object__tabs}.-#{$mod__status__unstyled}-';
+$__after-object: 'li a';
+@include set_modificator(exclude-items($mod__status, $mod__status__unstyled), border-color-important, color, text-shadow);
+
+$__inheritance: $object__tabs;
+$__before-object: '';
+$__object: '.#{$object__tabs}.-#{$mod__status__unstyled}-';
+$__after-object: 'li a:hover';
+@include set_modificator(exclude-items($mod__status, $mod__status__unstyled), color-invert);
+
+$__inheritance: $object__tabs;
+$__before-object: '';
+$__object: '.#{$object__tabs}.-#{$mod__status__unstyled}-';
+$__after-object: 'li:active a:hover' 'li.#{$mod__active} a:hover' 'li:active a' 'li.#{$mod__active} a';
+@include set_modificator(exclude-items($mod__status, $mod__status__unstyled), color-important);

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

@@ -0,0 +1,118 @@
+@include init_modificator-status($object__toolbar);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: this;
+$__after-object: '';
+
+.#{$object__toolbar} {
+	display: block;
+	border-width: $object__toolbar-border-width;
+	border-style: solid;
+	border-left: none;
+	border-right: none;
+
+	.#{$object__button} {
+		@include box-shadow( none );
+		position: relative;
+		bottom: -1px;
+
+		&:hover {
+			@include box-shadow( $object__button-shadow );
+			position: relative;
+			z-index: 1;
+		}
+
+		&.-#{$mod__status__disabled}- {
+			@include box-shadow(none!important);
+			text-decoration: none!important;
+			cursor: default;
+			background-color: transparent!important;
+			background-image: none!important;
+			filter: none!important;
+			border-color: transparent!important;
+			@include text-shadow( none );
+			color: #ccc;
+		}
+
+		&.#{$mod__unclickable},
+		&.#{$mod__unclickable}:hover,
+		&.#{$mod__unclickable}:active {
+			@include set_modificator(exclude-items($mod__status,$mod__status__disabled), color-invert, border-color, gradient-vertical, text-shadow);
+			@include set_modificator(only-items($mod__status,$mod__status__disabled), color-invert, border-color, background-color, text-shadow);
+			@include box-shadow( none!important );
+			cursor: default;
+		}
+	}
+
+	.#{$object__group} {
+		position: relative;
+		top: -1px;
+	}
+
+	&.-#{$mod__status__disabled}- {
+		.#{$object__button},
+		.#{$object__button}:hover,
+		.#{$object__button}:active,
+		.#{$object__button}.#{$mod__active},
+		.#{$object__button}.-#{$mod__status__disabled}-,
+		input,
+		.#{$object__caret} {
+			@include box-shadow(none!important);
+			text-decoration: none!important;
+			cursor: default;
+			background-color: transparent!important;
+			background-image: none!important;
+			filter: none!important;
+			border-color: #eee!important;
+			@include text-shadow( none );
+			color: #ccc;
+			// $__inheritance: $object__toolbar;
+			// $__before-object: '';
+			// $__object: this;
+			// $__after-object: '';
+			// @include set_modificator(only-items($mod__status, $mod__status__disabled), color);
+		}
+	}
+
+	input {
+		position: relative;
+		bottom: -1px;
+	}
+
+	.#{$object__button}:active,
+	.#{$object__button}.#{$mod__active} {
+		@include box-shadow($object__button-active-shadow);
+	}
+}
+
+.#{$object__toolbar} + .#{$object__toolbar} {
+	border-top: none;
+}
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__toolbar}';
+$__after-object: '';
+@include set_modificator($mod__size, padding);
+@include set_modificator(only-items($mod__status, $mod__status__disabled, default), color-invert, background-color-darken, border-color-lighten);
+@include set_modificator(exclude-items($mod__status, $mod__status__disabled, default), color-invert, background-color-lightener, border-color-lighten);
+
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__toolbar}';
+$__after-object: '.#{$object__button}';
+@include set_modificator($mod__size, padding-object, font-size, line-height);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__toolbar}';
+$__after-object: 'input';
+@include set_modificator($mod__size, input-padding, font-size, line-height);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__toolbar}.#{$mod__loading}';
+$__after-object: '';
+@include set_modificator($mod__status, loading);

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

@@ -0,0 +1,19 @@
+$__inheritance: object;
+$__before-object: '';
+$__object: this;
+$__after-object: '';
+
+.#{$object__tooltip} {
+	@extend %__object;
+
+	position: relative;
+	@include border-radius( $object__tooltip-border-radius );
+	@include box-shadow( $object__tooltip-shadow, inset 0 2px 0 rgba(255,255,255,.3) );
+
+	@include set_modificator($mod__status, gradient-vertical-darkener, color-invert-important, text-shadow);
+	@include set_modificator(exclude-items($mod__size, small, tiny), padding-small, font-size-small, line-height-small);
+
+	&.-#{$mod__status__disabled}- {
+		opacity: .8;
+	}
+}