maxmertkit-rails 0.0.1

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

@@ -0,0 +1,131 @@
+@include init_modificator-status($object__button);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: this;
+$__after-object: '';
+
+button,
+.#{$object__button},
+input[type="button"] {
+	@extend %__object;
+
+	// font-family: $object__button-font-family;
+	// letter-spacing: 1px;
+	// font-weight: $object__button-font-weight;
+	text-decoration: none;
+	cursor: pointer;
+	border-width: $object__button-border-width;
+	border-style: solid;
+	@include border-radius( $object__button-border-radius );
+	@include box-shadow( $object__button-shadow );
+
+
+	@include set_modificator($mod__size, padding-object, font-size, line-height);
+	@include set_modificator($mod__status, color-invert, border-color, gradient-vertical, text-shadow);
+}
+
+
+$__inheritance: object;
+$__before-object: '';
+$__object: 'button' 'input[type="button"]' '.#{$object__button}';
+$__after-object: '';
+@include set_modificator($mod__status, color-invert, border-color, gradient-vertical, text-shadow);
+
+
+$__inheritance: object;
+$__before-object: '';
+$__object: append-list('button' 'input[type="button"]' '.#{$object__button}', '', ':hover');
+$__after-object: '';
+@include set_modificator($mod__status, gradient-vertical-darken);
+
+
+$__inheritance: object;
+$__before-object: '';
+$__object: append-list('button' 'input[type="button"]' '.#{$object__button}', '', ':active');
+$__after-object: '';
+@include set_modificator($mod__status, gradient-vertical-darkener);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: append-list('button' 'input[type="button"]' '.#{$object__button}', '', '.#{$mod__active}');
+$__after-object: '';
+@include set_modificator($mod__status, gradient-vertical-darkener);
+
+$__inheritance: object;
+$__before-object: '';
+$__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);
+
+
+button,
+.#{$object__button},
+input[type="button"] {
+	
+
+	&:hover {
+		@include box-shadow( $object__button-hover-shadow );
+	}
+
+
+	&:active,
+	&.#{$mod__active} {
+		@include box-shadow( $object__button-active-shadow );
+	}
+
+	&.-#{$mod__status__disabled}-,
+	&:hover.-#{$mod__status__disabled}-,
+	&:active.-#{$mod__status__disabled}-,
+	&.#{$mod__active}.-#{$mod__status__disabled}- {
+		@include box-shadow(none);
+		text-decoration: none!important;
+		cursor: default;
+	}
+
+
+	$__inheritance: object;
+	$__before-object: '';
+	$__object: this;
+	$__after-object: '';
+	&.-#{$mod__status__unstyled}-,
+	&:hover.-#{$mod__status__unstyled}-,
+	&:active.-#{$mod__status__unstyled}-,
+	&.#{$mod__active}.-#{$mod__status__unstyled}-,
+	&.-#{$mod__status__disabled}-.-#{$mod__status__unstyled}- {
+		@include box-shadow(none);
+		background-color: transparent!important;
+		background-image: none!important;
+		filter: none!important;
+		border-color: transparent!important;
+		@include text-shadow( none );
+		@include set_modificator($mod__status, color);
+	}
+
+	&.-#{$mod__status__unstyled}- {
+		text-decoration: underline;
+	}
+
+	&:hover.-#{$mod__status__unstyled}-,
+	&:active.-#{$mod__status__unstyled}-,
+	&.#{$mod__active}.-#{$mod__status__unstyled}- {
+		text-decoration: none;
+	}
+
+
+	$__inheritance: object;
+	$__before-object: '';
+	$__object: this;
+	$__after-object: '';
+
+	&.#{$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( $object__button-shadow );
+		cursor: default;
+	}
+
+}

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

@@ -0,0 +1,34 @@
+$__inheritance: object;
+$__before-object: '';
+$__object: this;
+$__after-object: '';
+
+.#{$object__caret} {
+	display: inline-block;
+	width:0;
+	height: 0;
+	vertical-align: middle;
+	border-top-style: solid;
+	border-left-style: solid;
+	border-right-style: solid;
+	border-right-color: transparent!important;
+	border-left-color: transparent!important;
+	
+	@include set_modificator($mod__size, border-width);
+	@include set_modificator($mod__status, color-invert, border-color-darkener);
+
+	&.#{$mod__side-top} {
+		border-top-style: none;
+		border-bottom-style: solid;
+		margin-top: -2px;
+	}
+}
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__button}' 'button' 'input[type="button"]' '.#{$object__group}' '.#{$object__tabs}';
+$__after-object: '.#{$object__caret}';
+@include set_modificator($mod__status, color-invert);
+@include set_modificator(exclude-items($mod__status, dark, $mod__status__disabled), border-color-darkener);
+@include set_modificator(only-items($mod__status, dark), border-color-lightener);
+@include set_modificator($mod__size, border-width);

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

@@ -0,0 +1,146 @@
+.#{$object__carousel} {
+	display: block;
+	overflow: hidden;
+	position: relative;
+	white-space: nowrap;
+	height: 600px;
+	opacity: 0;
+
+	.#{$object__carousel__item} {
+		display: inline-block;
+		vertical-align: middle;
+		text-align: center;
+		position: relative;
+		overflow: hidden;
+		width: 100%;
+		max-height: 100%;
+		@include transition( .3s margin-left ease-out );
+
+		img {
+			max-width: 100%;
+			max-height: 100%;
+		}
+	}
+
+	.#{$object__carousel__caption} {
+		position: absolute;
+		left: 0; right: 0;
+		bottom: 0;
+		padding: 15px;
+		text-align: left;
+
+		h1, h2, h3, h4, h5, h6 {
+			margin-bottom: 5px;
+		}
+
+		& > * {
+			opacity: 0;
+		}
+	}
+
+	&.-carousel-imageFill {
+		@include box-shadow($object__carousel-shadow);
+		.#{$object__carousel__item} {
+			max-height: inherit;
+		}
+		.#{$object__carousel__item} img {
+			max-width: inherit;
+			max-height: inherit;
+		}
+
+		.#{$object__carousel__caption} {
+			color: white;
+
+			a {
+				color: white;
+			}
+		}
+	}
+
+	.#{$object__carousel__arrow-left},
+	.#{$object__carousel__arrow-right} {
+		$height: 20px;
+		position: absolute;
+		top: 50%;
+		margin-top:-$height/2;
+		background-color: rgba(0,0,0,.3);
+		padding: $height 7px;
+		@include border-radius( 3px );
+		color: #fff;
+	}
+
+	.#{$object__carousel__arrow-left} {
+		left: 10px;
+	}
+
+	.#{$object__carousel__arrow-right} {
+		right: 10px;
+	}
+
+	&.#{$mod__side-top} .#{$object__carousel__navigation} {
+		bottom: inherit;
+		top: 0;
+	}
+
+	.#{$object__carousel__navigation} {
+		position: absolute;
+		left: 0; right: 0;
+		bottom: 0;
+	}
+}
+
+.#{$object__carousel__navigation} {
+	text-align: center;
+	padding: 5px;
+
+	i {
+		margin: 0 2px;
+		display: inline-block;
+		width: $object__carousel__navigation-size;
+		height: $object__carousel__navigation-size;
+		@include border-radius( $object__carousel__navigation-size / 2 );
+		@include box-shadow( $object__carousel__navigation-shadow );
+		cursor: pointer;
+	}
+}
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__carousel}';
+$__after-object: '.#{$object__carousel__navigation} i';
+@include set_modificator(only-items($mod__status, $mod__status__disabled), background-color);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__carousel}';
+$__after-object: '.#{$object__carousel__navigation} i.#{$mod__active}';
+@include set_modificator(exclude-items($mod__status, $mod__status__disabled), background-color);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__carousel__navigation}';
+$__after-object: 'i';
+@include set_modificator(only-items($mod__status, $mod__status__disabled), background-color);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__carousel__navigation}';
+$__after-object: 'i.#{$mod__active}';
+@include set_modificator(exclude-items($mod__status, $mod__status__disabled), background-color);
+
+
+
+.cssanimations.csstransforms.csstransitions {
+
+	.-mx-scrollDown {
+		top: 0;
+		left: 0;
+		@include transition( left 20s ease-out, top 20s ease-out );
+	}
+
+	.-mx-scrollDown-fast {
+		top: 0;
+		left: 0;
+		@include transition( left 5s ease-out, top 5s ease-out );
+	}
+}

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

@@ -0,0 +1,116 @@
+$__inheritance: object;
+$__before-object: '';
+$__object: this;
+$__after-object: '';
+
+.#{$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);
+
+$__inheritance: object;
+$__before-object: '';
+$__object: '.#{$object__dropdown}.#{$mod__loading}';
+$__after-object: '> .#{$object__dropdown__header}';
+@include set_modificator(exclude-items($mod__status, default, $mod__status__unstyled), loading);
+@include set_modificator(only-items($mod__status, default, $mod__status__unstyled), loading-dark);