maxmertkit-rails 0.0.1

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

@@ -0,0 +1,327 @@
+// $_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} {
+	.#{$object__form__field} {
+		@extend %__object;
+
+		position: relative;
+		border-width: $object__form__field-border-width;
+		border-style: solid;
+		line-height: 0;
+		@include border-radius( 3px );
+
+		@include set_modificator($mod__status, border-color-lighten);
+
+		.#{$object__form__field__placeholder} {
+			@extend %__object;
+			position: absolute;
+			top:  $object__form__input-border-width;
+			left: $object__form__input-border-width;
+			opacity: .4;
+		}
+	}
+
+	.#{$object__form__field__help} {
+		display: block;
+		font-size: 85%;
+		color: $object__form__field__help-color;
+		margin-top: 2px;
+	}
+
+	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 {
+		@extend %__object;
+
+		border-width: $object__form__input-border-width;
+		border-style: solid;
+		margin: 0;
+
+		@include set_modificator($mod__status, border-color);
+		@include set_modificator($mod__size, input-line-height, font-size, input-padding);
+
+		&[disabled="disabled"], &.-#{$mod__status__disabled}- {
+			@include set_modificator($mod__status__disabled, background-color, color);
+		}
+	}
+
+	label {
+		display: inline-block;
+		position: relative;
+		top:2px;
+	}
+
+	// .#{$object__form__group} {
+	// 	& > label {
+	// 		display: block;
+	// 	}
+	// }
+
+	&.#{$mod__vertical} {
+		& > label {
+			display: block;
+			top: 0;
+			margin-bottom: 4px;
+		}
+
+		& > input + label,
+		& > .#{$object__form__field} + label,
+		& > .#{$object__form__field__help} + label,
+		& > .#{$object__form__group} + label {
+			margin-top: 10px;
+		}
+	}
+
+	&.#{$mod__horizontal} {
+		.#{$object__form__row} {
+			position: relative;
+
+			& > label {
+				width: 160px;
+				text-align: right;
+				position: absolute;
+				top: 8px;
+			}
+
+			& > .#{$object__form__field},
+			& > .#{$object__form__group},
+			& > .#{$object__form__field__help} {
+				position: relative;
+				left: 180px;
+			}
+
+			& + .#{$object__form__row} {
+				margin-top: 10px;
+			}
+		}
+	}
+
+}
+
+// Create	 .-form-field.-modificatorSize-
+// .#{$object__form} {
+// 	$__inheritance: object;
+// 	$__before-object: '';
+// 	$__object: '.#{$object__form__field}';
+// 	$__after-object: '';
+// 	@include set_modificator($mod__size, line-height);
+// }
+
+// Create	 .-form-field.-modificatorSize- .placeholder
+.#{$object__form} {
+	$__inheritance: object;
+	$__before-object: '';
+	$__object: '.#{$object__form__field}';
+	$__after-object: ' > .#{$object__form__field__placeholder}';
+	@include set_modificator($mod__size, line-height, input-padding, font-size);
+}
+
+// Create	 .-form-field.-modificatorSize- input
+.#{$object__form} {
+	$__inheritance: object;
+	$__before-object: '';
+	$__object: '.#{$object__form__field}';
+	$__after-object: $_input-list;
+	@include set_modificator($mod__size, font-size, input-padding);
+}
+
+// Create	 .-form-field input.-modificator-:hover
+.#{$object__form} {
+	$__inheritance: object;
+	$__before-object: '';
+	$__object: append-list( $_input-list, '', ':hover' );
+	$__after-object: '';
+	@include set_modificator(exclude-items($mod__status,$mod__status__disabled), border-color-darken);
+}
+
+// Create	 .-form-field input.-modificator-:focus
+.#{$object__form} {
+	$__inheritance: object;
+	$__before-object: '';
+	$__object: append-list( $_input-list, '', ':focus' );
+	$__after-object: '';
+	@include set_modificator($mod__status, outline);
+}
+
+// Create	 .-form-field.-modificator- input
+.#{$object__form} {
+	$__inheritance: object;
+	$__before-object: '';
+	$__object: '.#{$object__form__field}';
+	$__after-object: append-list( $_input-list, ' > ', '' );
+	@include set_modificator($mod__status, border-color);
+}
+
+// Create	 .-form-field:hover.-modificator- input
+.#{$object__form} {
+	$__inheritance: object;
+	$__before-object: '';
+	$__object: '.#{$object__form__field}:hover';
+	$__after-object: append-list( $_input-list, ' > ', '' );
+	@include set_modificator(exclude-items($mod__status,$mod__status__disabled), border-color-darken);
+}
+
+// Create	 .-form-field.-modificator- input:focus;
+.#{$object__form} {
+	$__inheritance: object;
+	$__before-object: '';
+	$__object: '.#{$object__form__field}';
+	$__after-object: append-list( $_input-list, ' > ', ':focus' );
+	@include set_modificator($mod__status, outline);
+}
+
+
+// Create	 .-form-field.-DISABLED-;
+.#{$object__form} {
+	$__inheritance: object;
+	$__before-object: '';
+	$__object: '.#{$object__form__field}';
+	$__after-object: append-list( $_input-list, ' > ', '' );
+	@include set_modificator($mod__status__disabled, background-color, color);
+}
+
+
+
+
+
+
+.#{$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);
+		// }
+	}
+}
+
+
+.#{$object__form} .#{$object__form__field__row}{
+
+	margin-left: -$object__column__gutter-width;
+	// width: $object__row-width;
+	@include clearfix;
+
+	[class*='#{$object__column}'] {
+		float: left;
+		margin-left: $object__column__gutter-width;
+	}
+
+	
+}
+
+.#{$object__form} {
+	input[type='checkbox'],
+	input[type='checkbox']:active,
+	input[type='checkbox']:hover,
+	input[type='checkbox']:focus {
+		border:inherit;
+		background: inherit;
+	}
+}

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

@@ -0,0 +1,245 @@
+$object__group-important: '-group-important';
+
+@include init_modificator-size($object__group);
+@include init_modificator-status($object__group);
+@include init_modificator-status($object__group-important);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: this;
+$__after-object: '';
+
+.#{$object__group} {
+	display: inline-block;
+	font-size: 0;
+
+	.#{$object__group__appendix} {
+		@extend %__object;
+
+		border-width: $object__group__appendix-border-width;
+		border-style: solid;
+
+		@include set_modificator($mod__size, padding-object, font-size, line-height);
+		@include set_modificator($mod__status, color-invert, border-color, background-color-lightener, text-shadow);
+	}
+
+	& > * {
+		@include border-radius( 0px );
+	}
+
+	& > button,
+	& > .#{$object__button},
+	& > input[type="button"],
+	& > .#{$object__group__appendix},
+	& > input {
+
+		& + button,
+		& + .#{$object__button},
+		& + input[type="button"],
+		& + .#{$object__group__appendix},
+		& + input {
+			margin-left: -$object__button-border-width;
+		}
+
+		& + input {
+			margin-left: -$object__form__input-border-width;
+		}
+
+		&:first-child {
+			@include border-radius( $object__button-border-radius 0 0 $object__button-border-radius );
+		}
+
+		&:last-child {
+			@include border-radius( 0 $object__button-border-radius $object__button-border-radius 0 );
+		}
+	}
+
+	&.-#{$mod__status__disabled}- > * {
+		@include box-shadow( none!important );
+		cursor: default;
+	}
+
+	&.#{$mod__vertical} {
+		button,
+		.#{$object__button}, 
+		input[type="button"],
+		.#{$object__group__appendix},
+		input {
+			display: block;
+			margin-left:0;
+
+			&:first-child {
+				@include border-radius( $object__button-border-radius $object__button-border-radius 0 0 );
+			}
+
+			&:last-child {
+				@include border-radius( 0 0 $object__button-border-radius $object__button-border-radius );
+			}
+		}
+	}
+
+	.#{$mod__active},
+	:active {
+		position: relative;
+		z-index: 0;
+	}
+
+	:not(:active),
+	:not(.#{$mod__active}),
+	:not(.-#{$mod__status__disabled}-) {
+		position: relative;
+		z-index: 1;
+	}
+
+	.-#{$mod__status__disabled}- {
+		z-index: -1;
+	}
+
+}
+
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__group}';
+$__after-object: 'button' 'input[type="button"]' '.#{$object__button}';
+@include set_modificator($mod__status, color-invert, border-color, gradient-vertical, text-shadow);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__group}';
+$__after-object: 'button:hover' 'input[type="button"]:hover' '.#{$object__button}:hover';
+@include set_modificator($mod__status, gradient-vertical-darken);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__group}';
+$__after-object: 'button:active' 'input[type="button"]:active' '.#{$object__button}:active' 'button.#{$mod__active}' 'input[type="button"].#{$mod__active}' '.#{$object__button}.#{$mod__active}';
+@include set_modificator($mod__status, gradient-vertical-darkener);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__group}.#{$mod__loading}';
+$__after-object: 'button' 'input[type="button"]' '.#{$object__button}';
+@include set_modificator(exclude-items($mod__status,$mod__status__disabled, default), loading);
+@include set_modificator(only-items($mod__status,$mod__status__disabled, default), loading-dark);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__group}';
+$__after-object: append-list('button:hover' 'input[type="button"]:hover' '.#{$object__button}:hover' 'button:active' 'input[type="button"]:active' '.#{$object__button}:active' 'button.#{$mod__active}' 'input[type="button"].#{$mod__active}' '.#{$object__button}.#{$mod__active}', '', '.#{$mod__unclickable}');
+@include set_modificator($mod__status, gradient-vertical);
+
+
+
+
+$__inheritance: $object__group;
+$__before-object: '.#{$object__group}';
+$__object: 'button' 'input[type="button"]' '.#{$object__button}';
+$__after-object: '';
+@include set_modificator($mod__status, color-invert, border-color, gradient-vertical, text-shadow);
+
+$__inheritance: $object__group-important;
+$__before-object: '.#{$object__group}';
+$__object: 'button:hover' 'input[type="button"]:hover' '.#{$object__button}:hover';
+$__after-object: '';
+@include set_modificator($mod__status, gradient-vertical-darken);
+
+$__inheritance: $object__group-important;
+$__before-object: '.#{$object__group}';
+$__object: 'button:active' 'input[type="button"]:active' '.#{$object__button}:active' 'button.#{$mod__active}' 'input[type="button"].#{$mod__active}' '.#{$object__button}.#{$mod__active}';
+$__after-object: '';
+@include set_modificator($mod__status, gradient-vertical-darkener);
+
+$__inheritance: $object__group-important;
+$__before-object: '.#{$object__group}';
+$__object: 'button.#{$mod__loading}' 'input[type="button"].#{$mod__loading}' '.#{$object__button}.#{$mod__loading}';
+$__after-object: '';
+@include set_modificator(exclude-items($mod__status,$mod__status__disabled, default), loading);
+@include set_modificator(only-items($mod__status,$mod__status__disabled, default), loading-dark);
+
+$__inheritance: $object__group-important;
+$__before-object: '.#{$object__group}';
+$__object: append-list('button:hover' 'input[type="button"]:hover' '.#{$object__button}:hover' 'button:active' 'input[type="button"]:active' '.#{$object__button}:active' 'button.#{$mod__active}' 'input[type="button"].#{$mod__active}' '.#{$object__button}.#{$mod__active}', '', '.#{$mod__unclickable}');
+$__after-object: '';
+@include set_modificator($mod__status, gradient-vertical);
+
+
+
+
+
+
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__group}';
+$__after-object: $_input-list;
+@include set_modificator($mod__status, border-color);
+@include set_modificator(only-items($mod__status,$mod__status__disabled), color, background-color);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__group}';
+$__after-object: append-list( $_input-list, '', ':hover' );
+@include set_modificator(exclude-items($mod__status,$mod__status__disabled), border-color-darken);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__group}';
+$__after-object: append-list( $_input-list, '', ':focus' );
+@include set_modificator(exclude-items($mod__status,$mod__status__disabled), outline);
+
+
+
+$__inheritance: $object__group-important;
+$__before-object: '.#{$object__group}';
+$__object: $_input-list;
+$__after-object: '';
+@include set_modificator($mod__status, border-color);
+@include set_modificator(only-items($mod__status,$mod__status__disabled), color, background-color);
+
+$__inheritance: $object__group-important;
+$__before-object: '.#{$object__group}';
+$__object: append-list( $_input-list, '', ':hover' );
+$__after-object: '';
+@include set_modificator(exclude-items($mod__status,$mod__status__disabled), border-color-darken);
+
+$__inheritance: $object__group-important;
+$__before-object: '.#{$object__group}';
+$__object: append-list( $_input-list, '', ':focus' );
+$__after-object: '';
+@include set_modificator(exclude-items($mod__status,$mod__status__disabled), outline);
+
+
+
+
+
+
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__group}';
+$__after-object: '.#{$object__group__appendix}';
+@include set_modificator($mod__status, color-invert, border-color, background-color-lightener, text-shadow);
+
+$__inheritance: $object__group-important;
+$__before-object: '.#{$object__group}';
+$__object: '.#{$object__group__appendix}';
+$__after-object: '';
+@include set_modificator($mod__status, color-invert, border-color, background-color-lightener, text-shadow);
+
+
+
+
+
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__group}';
+$__after-object: 'button' 'input[type="button"]' '.#{$object__button}' '.#{$object__group__appendix}';
+@include set_modificator($mod__size, padding-object, font-size, line-height);
+
+$__inheritance: $object__group;
+$__before-object: '';
+$__object: '.#{$object__group}';
+$__after-object: $_input-list;
+@include set_modificator($mod__size, input-line-height, font-size, input-padding);

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

@@ -0,0 +1,92 @@
+[class*="#{$object__icon}"],
+[class^="#{$object__icon}"],
+.#{$object__icon} {
+	display: inline-block;
+	vertical-align: middle;
+	line-height: 0;
+	margin-top: -2px;
+}
+
+.#{$object__icon} {
+	&:before {
+		content: "\f000";
+		@include opacity( 0 );
+	}
+}
+
+.-#{$mod__status__disabled}- {
+	[class*="#{$object__icon}"],
+	.#{$object__icon} {
+		opacity: .4;
+	}
+}
+
+
+
+
+
+
+
+
+
+@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;
+
+}
+
+[class*="#{$object__icon}"],
+[class^="#{$object__icon}"],
+.#{$object__icon} {
+	&:before {
+		font-family: 'FontAwesome'!important;
+		font-style: normal;
+	}
+}
+
+@each $icon in $object__icon__names {
+	.#{$object__icon}-#{$icon}:before {
+		content: nth($object__icon__content, index($object__icon__names, $icon));
+	}
+}
+
+
+
+
+@font-face {
+	font-family: 'Zocial';
+	src: url('#{$font-path}/zocial/zocial-regular-webfont.eot');
+	src: url('#{$font-path}/zocial/zocial-regular-webfont.eot?#iefix') format('embedded-opentype'),
+		 url('#{$font-path}/zocial/zocial-regular-webfont.woff') format('woff'),
+		 url('#{$font-path}/zocial/zocial-regular-webfont.ttf') format('truetype'),
+		 url('#{$font-path}/zocial/zocial-regular-webfont.svg#zocialregular') format('svg');
+	font-weight: normal;
+	font-style: normal;
+
+}
+
+[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;
+	}
+}
+
+
+@each $icon in $object__icon__social-names {
+	.#{$object__icon__social}-#{$icon}:before {
+		content: nth($object__icon__social-content, index($object__icon__social-names, $icon));
+	}
+}

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

@@ -0,0 +1,4 @@
+.#{$object__label} {
+	@extend .#{$object__badge};
+	@include border-radius( $object__label-border-radius );
+}