spiderfw 0.6.39 → 1.0.0

data/apps/core/components/public/mmenu/scss/extensions/_jquery.mmenu.pageshadow.scss

@@ -0,0 +1,36 @@
+/*
+	jQuery.mmenu pageshadow extension CSS
+*/
+
+@import "../inc/variables";
+
+
+.mm-menu.mm-pageshadow
+{
+	&:after
+	{
+		content: "";
+		display: block;
+		width: 20px;
+		height: 120%;
+		position: absolute;
+		left: 100%;
+		top: -10%;
+		z-index: 99;
+	}
+	
+	&.mm-right:after
+	{
+		left: auto;
+		right: 100%;
+	}
+
+	&.mm-next:after,
+	&.mm-front:after
+	{
+		content: none;
+		display: none;
+	}
+}
+
+@include mm_colors_pageshadow();

data/apps/core/components/public/mmenu/scss/extensions/_jquery.mmenu.positioning.scss

@@ -0,0 +1,87 @@
+/*
+	jQuery.mmenu position extension CSS
+*/
+
+@import "../inc/variables";
+
+
+.mm-menu.mm-top,
+.mm-menu.mm-bottom
+{
+	width: 100%;
+	min-width: 100%;
+	max-width: 100%;
+}
+
+.mm-menu.mm-right
+{
+	left: auto;
+	right: 0;
+}
+
+.mm-menu.mm-bottom
+{
+	top: auto;
+	bottom: 0;
+}
+
+@include mm_sizing_right;
+
+
+
+/*
+	jQuery.mmenu z-position extension CSS
+*/
+
+// reset defaults
+html.mm-front
+{
+	.mm-slideout
+	{
+		@include mm-webkit-prefix( 'transform', none !important );
+		z-index: 0 !important;
+	}
+}
+
+// styling
+.mm-menu.mm-front
+{
+	z-index: 1;
+}
+
+// animations
+.mm-menu
+{
+	&.mm-front,
+	&.mm-next
+	{
+		-webkit-transition: -webkit-transform $mm_transitionDuration $mm_transitionFunction;
+		-ms-transition: -ms-transform $mm_transitionDuration $mm_transitionFunction;
+		transition: transform $mm_transitionDuration $mm_transitionFunction;
+
+		@include mm-webkit-prefix( 'transform', translate3d( -100%, 0, 0 ) );
+
+		&.mm-right
+		{
+			@include mm-webkit-prefix( 'transform', translate3d( 100%, 0, 0 ) );
+		}
+	}
+	&.mm-top
+	{
+		@include mm-webkit-prefix( 'transform', translate3d( 0, -100%, 0 ) );
+	}
+	&.mm-bottom
+	{
+		@include mm-webkit-prefix( 'transform', translate3d( 0, 100%, 0 ) );
+	}
+}
+html.mm-opening .mm-menu
+{
+	&.mm-front,
+	&.mm-next
+	{
+		@include mm-webkit-prefix( 'transform', translate3d( 0, 0, 0 ) );
+	}
+}
+
+@include mm_sizing_zposition;

data/apps/core/components/public/mmenu/scss/extensions/_jquery.mmenu.themes.scss

@@ -0,0 +1,76 @@
+/*
+	jQuery.mmenu themes extension CSS
+*/
+
+@import "../inc/variables";
+
+@mixin mm_apply_theme()
+{
+	@include mm_colors( $mm_t_cls,
+		$mm_t_backgroundColor,
+		$mm_t_textColor, $mm_t_dimmedTextColor,
+		$mm_t_emphasizedBackgroundColor, $mm_t_highlightedBackgroundColor,
+		$mm_t_borderColor );
+
+	@include mm_colors_checks( $mm_t_cls,
+		$mm_t_textColor );
+		
+	@include mm_colors_counters( $mm_t_cls,
+		$mm_t_dimmedTextColor );
+	
+	@include mm_colors_dividers( $mm_t_cls,
+		$mm_t_highlightedBackgroundColor );
+
+	@include mm_colors_pageshadow( $mm_t_cls,
+		$mm_t_pageShadow );
+
+	@include mm_colors_searchfield( $mm_t_cls,
+		$mm_t_inputBackgroundColor, $mm_t_textColor,
+		$mm_t_dimmedTextColor );
+	
+	@include mm_colors_sectionindexer( $mm_t_cls,
+		$mm_t_dimmedTextColor );
+	
+	@include mm_colors_toggles( $mm_t_cls,
+		$mm_t_backgroundColor,
+		$mm_t_borderColor );
+}
+
+
+//	Dark
+$mm_t_cls						: ".mm-theme-dark";
+$mm_t_borderColor				: rgba( #000, 0.15 );
+$mm_t_backgroundColor			: #333;
+$mm_t_emphasizedBackgroundColor	: rgba( #000, 0.1 );
+$mm_t_highlightedBackgroundColor: rgba( #fff, 0.05 );
+$mm_t_textColor					: rgba( #fff, 0.8 );
+$mm_t_dimmedTextColor			: rgba( #fff, 0.4 );
+$mm_t_inputBackgroundColor		: rgba( #fff, 0.3 );
+$mm_t_pageShadow				: 0 0 20px rgba( #000, 0.5 );
+@include mm_apply_theme;
+
+
+//	White
+$mm_t_cls						: ".mm-theme-white";
+$mm_t_borderColor				: rgba( #000, 0.1 );
+$mm_t_backgroundColor			: #fff;
+$mm_t_emphasizedBackgroundColor	: rgba( #000, 0.05 );
+$mm_t_highlightedBackgroundColor: rgba( #000, 0.03 );
+$mm_t_textColor					: rgba( #000, 0.6 );
+$mm_t_dimmedTextColor			: rgba( #000, 0.3 );
+$mm_t_inputBackgroundColor		: rgba( #000, 0.05 );
+$mm_t_pageShadow				: 0 0 10px rgba( #000, 0.2 );
+@include mm_apply_theme;
+
+
+//	Black
+$mm_t_cls						: ".mm-theme-black";
+$mm_t_borderColor				: rgba( #fff, 0.2 );
+$mm_t_backgroundColor			: #000;
+$mm_t_emphasizedBackgroundColor	: rgba( #fff, 0.3 );
+$mm_t_highlightedBackgroundColor: rgba( #fff, 0.2 );
+$mm_t_textColor					: rgba( #fff, 0.6 );
+$mm_t_dimmedTextColor			: rgba( #fff, 0.4 );
+$mm_t_inputBackgroundColor		: rgba( #fff, 0.3 );
+$mm_t_pageShadow				: false;
+@include mm_apply_theme;

data/apps/core/components/public/mmenu/scss/extensions/_jquery.mmenu.tileview.scss

@@ -0,0 +1,98 @@
+/*
+	jQuery.mmenu tileview extension CSS
+*/
+
+@import "../inc/variables";
+
+
+.mm-menu
+{
+	&.mm-tileview .mm-listview,
+	.mm-tileview.mm-listview
+	{
+		@include mm_clearfix;
+
+		> li
+		{
+			width: 50%;
+			height: 0;
+			padding: 50% 0 0 0;
+			float: left;
+			position: relative;
+
+			&:after
+			{
+				left: 0;
+				top: 0;
+				border-right-width: 1px;
+				border-right-style: solid;
+				z-index: -1;
+			}
+
+			&.mm-tile-xs
+			{
+				width: 12.5%;
+				padding-top: 12.5%;
+			}
+			&.mm-tile-s
+			{
+				width: 25%;
+				padding-top: 25%;
+			}
+			&.mm-tile-l
+			{
+				width: 75%;
+				padding-top: 75%;
+			}
+			&.mm-tile-xl
+			{
+				width: 100%;
+				padding-top: 100%;
+			}
+
+			> a,
+			> span
+			{
+				line-height: 1px;
+				text-align: center;
+				padding: 50% $mm_padding 0 $mm_padding;
+				margin: 0;
+				position: absolute;
+				top: 0;
+				right: 1px;
+				bottom: 1px;
+				left: 0;
+			}
+			> .mm-next
+			{
+				width: auto;
+
+				&:before,
+				&:after
+				{
+					content: none;
+					display: none;
+				}
+			}
+		}
+	}
+
+	&.mm-tileview
+	{
+		.mm-panel
+		{
+			padding-left: 0;
+			padding-right: 0;
+
+			&:after
+			{
+				content: none;
+				display: none;
+			}
+		}
+		.mm-listview
+		{
+			margin: 0;
+		}
+	}
+}

data/apps/core/components/public/mmenu/scss/extensions/_jquery.mmenu.widescreen.scss

@@ -0,0 +1,61 @@
+/*
+	jQuery.mmenu widescreen extension CSS
+	
+	To use on widescreens only, include it using a mediaquery:
+	<link type="text/css" href="mmenu-widescreen.css" media="all and (min-width: 900px)"/>
+*/
+
+@import "../inc/variables";
+
+
+$mm_ws_menuWidth: 30% !default;
+
+
+// Positioning and sizing
+html,
+body
+{
+	overflow: auto !important;
+}
+body
+{
+	position: relative;
+}
+#mm-blocker
+{
+	display: none !important;
+}
+.mm-slideout
+{
+	@include mm-webkit-prefix( 'transform', none !important );
+	width: 100 - $mm_ws_menuWidth !important;
+	margin-left: $mm_ws_menuWidth !important;
+}
+.mm-page
+{
+	background: inherit;
+	box-sizing: border-box;
+}
+
+.mm-menu.mm-widescreen
+{
+	display: block;
+	width: $mm_ws_menuWidth !important;
+	min-width: none !important;
+	max-width: none !important;
+
+	top: 0 !important;
+	right: auto !important;
+	bottom: 0 !important;
+	left: 0 !important;
+	z-index: 0 !important;
+
+	border-right-width: 1px;
+	border-right-style: solid;
+
+	&.mm-pageshadow:after
+	{
+		content: none;
+		display: none;
+	}
+}

data/apps/core/components/public/mmenu/scss/inc/_colors.scss

@@ -0,0 +1,175 @@
+@mixin mm_colors( $cls: "",
+	$baseBg: $mm_backgroundColor,
+	$color: $mm_textColor, $dimmedColor: $mm_dimmedTextColor,
+	$emphasizedBg: $mm_emphasizedBackgroundColor, $highlightedBg: $mm_highlightedBackgroundColor,
+	$borderColor: $mm_borderColor
+) {
+	.mm-menu#{$cls}
+	{
+		background: $baseBg;
+		border-color: $borderColor;
+		color: $color;
+
+		.mm-navbar
+		{
+			> *,
+			a
+			{
+				color: $dimmedColor;
+			}
+
+			.mm-btn
+			{
+				&:before,
+				&:after
+				{
+					border-color: $dimmedColor;
+				}
+			}
+		}
+
+		.mm-listview
+		{
+			border-color: $borderColor;
+
+			> li
+			{
+				.mm-next:after,
+				.mm-arrow:after
+				{
+					border-color: $dimmedColor;
+				}
+			}
+			> li
+			{
+				a:not(.mm-next)
+				{
+					-webkit-tap-highlight-color: $emphasizedBg;
+					tap-highlight-color: $emphasizedBg;
+				}
+			}
+			> li.mm-selected
+			{
+				> a:not(.mm-next),
+				> span
+				{
+					background: $emphasizedBg;
+				}
+			}
+		}
+
+		&.mm-vertical .mm-listview > li.mm-opened,
+		.mm-listview > li.mm-opened.mm-vertical
+		{
+			> a.mm-next,
+			> .mm-panel
+			{
+				background: $highlightedBg;
+			}
+		}
+
+		.mm-divider 
+		{
+			background: $highlightedBg;
+		}
+	}
+}
+
+@mixin mm_colors_checks( $cls: "",
+	$color: $mm_textColor
+) {
+	.mm-menu#{$cls} label.mm-check:before
+	{
+		border-color: $color;
+	}
+}
+
+@mixin mm_colors_counters( $cls: "",
+	$dimmedColor: $mm_dimmedTextColor
+) {
+	.mm-menu#{$cls} em.mm-counter
+	{
+		color: $dimmedColor;
+	}
+}
+
+@mixin mm_colors_dividers( $cls: "",
+	$highlightedBg: $mm_highlightedBackgroundColor
+) {
+	.mm-menu#{$cls}
+	{
+		.mm-fixeddivider span
+		{
+			background: $highlightedBg;
+		}
+	}
+}
+
+@mixin mm_colors_pageshadow( $cls: "",
+	$pageShadow: $mm_pageShadow
+) {
+	.mm-menu.mm-pageshadow#{$cls}
+	{
+		&:after
+		{
+			@if ( $pageShadow )
+			{
+				box-shadow: $pageShadow;
+			}
+			@else
+			{
+				content: none;
+				display: none;
+			}
+		}
+	}
+}
+
+@mixin mm_colors_searchfield( $cls: "",
+	$inputBg: $mm_inputBackgroundColor, $color: $mm_textColor,
+	$dimmedColor: $mm_dimmedTextColor
+) {
+	.mm-menu#{$cls}
+	{
+		.mm-search input
+		{
+			background: $inputBg;
+			color: $color;
+		}
+		.mm-noresultsmsg
+		{
+			color: $dimmedColor;
+		}
+	}
+}
+
+@mixin mm_colors_sectionindexer( $cls: "",
+	$color: $mm_dimmedTextColor
+) {
+	.mm-menu#{$cls} .mm-indexer a
+	{
+		color: $color;
+	}
+}
+
+@mixin mm_colors_toggles( $cls: "",
+	$buttonBg: $mm_backgroundColor,
+	$offBg: $mm_borderColor, $onBg: $mm_toggleCheckedColor
+) {
+	.mm-menu#{$cls}
+	{
+		label.mm-toggle
+		{
+			background: $offBg;
+		
+			&:before
+			{
+				background: $buttonBg;
+			}
+		}
+		input.mm-toggle:checked ~ label.mm-toggle
+		{
+			background: $onBg;
+		}
+	}
+}