Current state
This commit is contained in:
217
public/js/mmenu/src/scss/_inc/_colors.scss
Normal file
217
public/js/mmenu/src/scss/_inc/_colors.scss
Normal file
@@ -0,0 +1,217 @@
|
||||
@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;
|
||||
color: $color;
|
||||
|
||||
.mm-header
|
||||
{
|
||||
border-color: $borderColor;
|
||||
|
||||
> a
|
||||
{
|
||||
color: $dimmedColor;
|
||||
}
|
||||
.mm-btn:before,
|
||||
.mm-btn:after
|
||||
{
|
||||
border-color: $dimmedColor;
|
||||
}
|
||||
}
|
||||
|
||||
.mm-listview
|
||||
{
|
||||
> li:after
|
||||
{
|
||||
border-color: $borderColor;
|
||||
}
|
||||
> li
|
||||
{
|
||||
> a
|
||||
{
|
||||
&.mm-prev,
|
||||
&.mm-next
|
||||
{
|
||||
color: $dimmedColor;
|
||||
}
|
||||
&.mm-prev:before,
|
||||
&.mm-next:after
|
||||
{
|
||||
border-color: $dimmedColor;
|
||||
}
|
||||
&.mm-prev:after,
|
||||
&.mm-next:before
|
||||
{
|
||||
border-color: $borderColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
> 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_buttonbars( $cls: "",
|
||||
$baseBg: $mm_backgroundColor,
|
||||
$color: $mm_textColor
|
||||
) {
|
||||
.mm-menu#{$cls}
|
||||
{
|
||||
.mm-buttonbar
|
||||
{
|
||||
border-color: $color;
|
||||
background: $baseBg;
|
||||
|
||||
> *
|
||||
{
|
||||
border-color: $color;
|
||||
}
|
||||
|
||||
> input:checked + label
|
||||
{
|
||||
background: $color;
|
||||
color: $baseBg;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@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_footer( $cls: "",
|
||||
$dimmedColor: $mm_dimmedTextColor,
|
||||
$borderColor: $mm_borderColor
|
||||
) {
|
||||
.mm-menu#{$cls}
|
||||
{
|
||||
.mm-footer
|
||||
{
|
||||
border-color: $borderColor;
|
||||
color: $dimmedColor;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@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;
|
||||
}
|
||||
}
|
||||
}
|
||||
93
public/js/mmenu/src/scss/_inc/_mixins.scss
Normal file
93
public/js/mmenu/src/scss/_inc/_mixins.scss
Normal file
@@ -0,0 +1,93 @@
|
||||
// Arrows
|
||||
@mixin mm_arrow
|
||||
{
|
||||
content: '';
|
||||
border: 2px solid transparent;
|
||||
display: inline-block;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
margin: auto;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
|
||||
@include mm_webkit_prefix( "transform", rotate( -45deg ) );
|
||||
}
|
||||
@mixin mm_arrow_prev
|
||||
{
|
||||
border-right: none;
|
||||
border-bottom: none;
|
||||
left: $mm_listitemIndent;
|
||||
}
|
||||
@mixin mm_arrow_next
|
||||
{
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
right: $mm_listitemIndent;
|
||||
}
|
||||
|
||||
|
||||
// Borders
|
||||
@mixin mm_border( $border, $pseudo, $pos1, $pos2, $pos3 )
|
||||
{
|
||||
&:#{$pseudo}
|
||||
{
|
||||
content: '';
|
||||
border-#{$border}-width: 1px;
|
||||
border-#{$border}-style: solid;
|
||||
display: block;
|
||||
position: absolute;
|
||||
#{$pos1}: 0;
|
||||
#{$pos2}: 0;
|
||||
#{$pos3}: 0;
|
||||
}
|
||||
}
|
||||
@mixin mm_border_top
|
||||
{
|
||||
@include mm_border( "top", "before", "left", "right", "top" );
|
||||
}
|
||||
@mixin mm_border_right
|
||||
{
|
||||
@include mm_border( "right", "after", "top", "bottom", "right" );
|
||||
}
|
||||
@mixin mm_border_bottom
|
||||
{
|
||||
@include mm_border( "bottom", "after", "left", "right", "bottom" );
|
||||
}
|
||||
@mixin mm_border_left
|
||||
{
|
||||
@include mm_border( "left", "before", "top", "bottom", "left" );
|
||||
}
|
||||
|
||||
|
||||
// Misc
|
||||
@mixin mm_vendor_prefix( $prop, $val )
|
||||
{
|
||||
-webkit-#{$prop}: $val;
|
||||
-moz-#{$prop}: $val;
|
||||
-ms-#{$prop}: $val;
|
||||
-o-#{$prop}: $val;
|
||||
#{$prop}: $val;
|
||||
}
|
||||
@mixin mm_webkit_prefix( $prop, $val )
|
||||
{
|
||||
// we're not yet ready to drop vendor prefixes due to IE9 and older versions of FF
|
||||
@include mm_vendor_prefix( $prop, $val );
|
||||
// -webkit-#{$prop}: $val;
|
||||
// #{$prop}: $val;
|
||||
}
|
||||
@mixin mm_ellipsis()
|
||||
{
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
@mixin mm_clearfix()
|
||||
{
|
||||
&:after
|
||||
{
|
||||
content: '';
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
86
public/js/mmenu/src/scss/_inc/_sizing.scss
Normal file
86
public/js/mmenu/src/scss/_inc/_sizing.scss
Normal file
@@ -0,0 +1,86 @@
|
||||
// Sizing left (default)
|
||||
@mixin mm_sizing( $cls: "",
|
||||
$width: $mm_menuWidth, $minWidth: $mm_menuMinWidth, $maxWidth: $mm_menuMaxWidth
|
||||
) {
|
||||
.mm-menu#{$cls}
|
||||
{
|
||||
width: percentage( $width );
|
||||
min-width: $minWidth;
|
||||
max-width: $maxWidth;
|
||||
}
|
||||
html.mm-opening#{$cls}
|
||||
{
|
||||
.mm-slideout
|
||||
{
|
||||
@include mm-webkit-prefix( 'transform', translate( percentage( $width ), 0 ) );
|
||||
}
|
||||
}
|
||||
@media all and (max-width: $minWidth / $width ) {
|
||||
html.mm-opening#{$cls}
|
||||
{
|
||||
.mm-slideout
|
||||
{
|
||||
@include mm-webkit-prefix( 'transform', translate( $minWidth, 0 ) );
|
||||
}
|
||||
}
|
||||
}
|
||||
@media all and (min-width: $maxWidth / $width ) {
|
||||
html.mm-opening#{$cls}
|
||||
{
|
||||
.mm-slideout
|
||||
{
|
||||
@include mm-webkit-prefix( 'transform', translate( $maxWidth, 0 ) );
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Sizing right
|
||||
@mixin mm_sizing_right( $cls: "",
|
||||
$width: $mm_menuWidth, $minWidth: $mm_menuMinWidth, $maxWidth: $mm_menuMaxWidth
|
||||
) {
|
||||
html.mm-right.mm-opening#{$cls}
|
||||
{
|
||||
.mm-slideout
|
||||
{
|
||||
@include mm-webkit-prefix( 'transform', translate( -( percentage( $width ) ), 0 ) );
|
||||
}
|
||||
}
|
||||
@media all and ( max-width: $minWidth / $width ) {
|
||||
html.mm-right.mm-opening#{$cls}
|
||||
{
|
||||
.mm-slideout
|
||||
{
|
||||
@include mm-webkit-prefix( 'transform', translate( -$minWidth, 0 ) );
|
||||
}
|
||||
}
|
||||
}
|
||||
@media all and ( min-width: $maxWidth / $width ) {
|
||||
html.mm-right.mm-opening#{$cls}
|
||||
{
|
||||
.mm-slideout
|
||||
{
|
||||
@include mm-webkit-prefix( 'transform', translate( -$maxWidth, 0 ) );
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Sizing z-position
|
||||
@mixin mm_sizing_zposition( $cls: "",
|
||||
$height: $mm_menuHeight, $minHeight: $mm_menuMinHeight, $maxHeight: $mm_menuMaxHeight
|
||||
) {
|
||||
|
||||
// top
|
||||
// bottom
|
||||
.mm-menu#{$cls}
|
||||
{
|
||||
&.mm-top,
|
||||
&.mm-bottom
|
||||
{
|
||||
height: percentage( $height );
|
||||
min-height: $minHeight;
|
||||
max-height: $maxHeight;
|
||||
}
|
||||
}
|
||||
}
|
||||
68
public/js/mmenu/src/scss/_inc/_variables.scss
Normal file
68
public/js/mmenu/src/scss/_inc/_variables.scss
Normal file
@@ -0,0 +1,68 @@
|
||||
// Animations
|
||||
$mm_transitionDuration: 0.4s !default;
|
||||
$mm_transitionFunction: ease !default;
|
||||
|
||||
// Colors
|
||||
$mm_backgroundColor : #f3f3f3 !default;
|
||||
$mm_borderColor : rgba( #000, 0.1 ) !default;
|
||||
$mm_dimmedTextColor : rgba( #000, 0.3 ) !default;
|
||||
$mm_emphasizedBackgroundColor : rgba( #fff, 0.5 ) !default;
|
||||
$mm_highlightedBackgroundColor : rgba( #000, 0.05 ) !default;
|
||||
$mm_textColor : rgba( #000, 0.7 ) !default;
|
||||
|
||||
// Sizes
|
||||
$mm_padding : 10px !default;
|
||||
|
||||
$mm_btnSize : 40px !default;
|
||||
$mm_fontSize : 14px !default;
|
||||
$mm_listitemIndent : $mm_padding * 2 !default;
|
||||
$mm_listitemPadding : $mm_padding !default;
|
||||
$mm_panelPadding : $mm_padding * 2 !default;
|
||||
$mm_subopenWidth : $mm_btnSize + $mm_padding !default;
|
||||
$mm_subpanelOffset : 30% !default;
|
||||
|
||||
|
||||
// Addon/Extension colors
|
||||
$mm_toggleCheckedColor : #4bd963 !default;
|
||||
$mm_inputBackgroundColor : rgba( #000, 0.05 ) !default;
|
||||
$mm_pageShadow : 0 0 10px rgba( #000, 0.3 ) !default;
|
||||
|
||||
|
||||
// Addon/Extension sizes
|
||||
$mm_menuWidth : 0.8 !default;
|
||||
$mm_menuMinWidth : 140px !default;
|
||||
$mm_menuMaxWidth : 440px !default;
|
||||
|
||||
$mm_menuHeight : 0.8 !default;
|
||||
$mm_menuMinHeight : 140px !default;
|
||||
$mm_menuMaxHeight : 880px !default;
|
||||
|
||||
$mm_buttonbarHeight : $mm_btnSize - ( $mm_padding * 2 ) !default;
|
||||
|
||||
$mm_checkHeight : $mm_btnSize - $mm_padding !default;
|
||||
$mm_checkWidth : $mm_btnSize - $mm_padding !default;
|
||||
|
||||
$mm_counterWidth : $mm_btnSize !default;
|
||||
|
||||
$mm_dividerFontSize : 10px !default;
|
||||
$mm_dividerHeight : ( $mm_btnSize / 2 ) + ( $mm_padding / 2 ) !default;
|
||||
|
||||
$mm_footerHeight : $mm_btnSize !default;
|
||||
$mm_headerHeight : $mm_btnSize !default;
|
||||
|
||||
$mm_iconbarWidth : $mm_btnSize + ( $mm_padding * 2 ) !default;
|
||||
|
||||
$mm_searchHeight : $mm_btnSize !default;
|
||||
|
||||
$mm_sectionIndexerWidth : $mm_padding * 2 !default;
|
||||
|
||||
$mm_toggleHeight : $mm_btnSize - $mm_padding !default;
|
||||
$mm_toggleWidth : ( $mm_toggleHeight * 2 ) - $mm_padding !default;
|
||||
|
||||
$mm_zoomScaleDown : 0.7 !default;
|
||||
$mm_zoomScaleUp : 1.5 !default;
|
||||
|
||||
|
||||
@import "mixins";
|
||||
@import "sizing";
|
||||
@import "colors";
|
||||
28
public/js/mmenu/src/scss/addons/jquery.mmenu.autoheight.scss
Normal file
28
public/js/mmenu/src/scss/addons/jquery.mmenu.autoheight.scss
Normal file
@@ -0,0 +1,28 @@
|
||||
/*
|
||||
jQuery.mmenu autoHeight addon CSS
|
||||
*/
|
||||
|
||||
@import "../_inc/variables";
|
||||
|
||||
|
||||
.mm-menu
|
||||
{
|
||||
&.mm-top,
|
||||
&.mm-bottom
|
||||
{
|
||||
&.mm-autoheight
|
||||
{
|
||||
max-height: percentage( $mm_menuHeight );
|
||||
|
||||
&.mm-fullscreen
|
||||
{
|
||||
max-height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.mm-measureheight > .mm-panel
|
||||
{
|
||||
bottom: auto !important;
|
||||
height: auto !important;
|
||||
}
|
||||
}
|
||||
99
public/js/mmenu/src/scss/addons/jquery.mmenu.buttonbars.scss
Normal file
99
public/js/mmenu/src/scss/addons/jquery.mmenu.buttonbars.scss
Normal file
@@ -0,0 +1,99 @@
|
||||
/*
|
||||
jQuery.mmenu buttonbars addon CSS
|
||||
*/
|
||||
|
||||
@import "../_inc/variables";
|
||||
|
||||
|
||||
.mm-buttonbar
|
||||
{
|
||||
border: 1px solid transparent;
|
||||
border-radius: $mm_padding / 2;
|
||||
text-align: center;
|
||||
line-height: $mm_buttonbarHeight;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
|
||||
@include mm_clearfix;
|
||||
|
||||
> *
|
||||
{
|
||||
border-left: 1px solid transparent;
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
float: left;
|
||||
|
||||
@include mm_ellipsis;
|
||||
}
|
||||
> a
|
||||
{
|
||||
text-decoration: none;
|
||||
}
|
||||
> input
|
||||
{
|
||||
position: absolute;
|
||||
left: -1000px;
|
||||
top: -1000px;
|
||||
}
|
||||
> input:checked + label
|
||||
{
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
> *:first-child,
|
||||
> input:first-child + *
|
||||
{
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
|
||||
&.mm-buttonbar-2 > *
|
||||
{
|
||||
width: 50%;
|
||||
}
|
||||
&.mm-buttonbar-3 > *
|
||||
{
|
||||
width: 33.33%;
|
||||
}
|
||||
&.mm-buttonbar-4 > *
|
||||
{
|
||||
width: 25%;
|
||||
}
|
||||
&.mm-buttonbar-5 > *
|
||||
{
|
||||
width: 20%;
|
||||
}
|
||||
}
|
||||
|
||||
.mm-header .mm-buttonbar
|
||||
{
|
||||
margin-top: $mm_headerHeight - ( $mm_buttonbarHeight * 2 );
|
||||
margin-left: -( $mm_btnSize - $mm_padding );
|
||||
margin-right: -( $mm_btnSize - $mm_padding );
|
||||
}
|
||||
|
||||
.mm-footer .mm-buttonbar
|
||||
{
|
||||
border: none;
|
||||
border-radius: none;
|
||||
line-height: $mm_footerHeight;
|
||||
margin: ( -$mm_padding ) ( -$mm_padding ) 0 ( -( $mm_padding * 2 ) );
|
||||
|
||||
> *
|
||||
{
|
||||
border-left: none;
|
||||
}
|
||||
}
|
||||
|
||||
.mm-listview > li > .mm-buttonbar
|
||||
{
|
||||
margin: $mm_padding ( $mm_padding * 2 );
|
||||
}
|
||||
|
||||
|
||||
@include mm_colors_buttonbars;
|
||||
57
public/js/mmenu/src/scss/addons/jquery.mmenu.counters.scss
Normal file
57
public/js/mmenu/src/scss/addons/jquery.mmenu.counters.scss
Normal file
@@ -0,0 +1,57 @@
|
||||
/*
|
||||
jQuery.mmenu counters addon CSS
|
||||
*/
|
||||
|
||||
@import "../_inc/variables";
|
||||
|
||||
|
||||
em.mm-counter
|
||||
{
|
||||
font: inherit;
|
||||
font-size: $mm_fontSize;
|
||||
font-style: normal;
|
||||
text-indent: 0;
|
||||
line-height: $mm_btnSize / 2;
|
||||
display: block;
|
||||
margin-top: -( $mm_btnSize / 4 );
|
||||
position: absolute;
|
||||
right: $mm_subopenWidth;
|
||||
top: 50%;
|
||||
|
||||
+ a.mm-next
|
||||
{
|
||||
padding-left: $mm_counterWidth;
|
||||
|
||||
+ a,
|
||||
+ span
|
||||
{
|
||||
margin-right: $mm_counterWidth + $mm_subopenWidth;
|
||||
}
|
||||
}
|
||||
+ a.mm-fullsubopen
|
||||
{
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Removed support for counters in vertical submenus
|
||||
.mm-vertical
|
||||
{
|
||||
> .mm-counter
|
||||
{
|
||||
top: ( $mm_btnSize / 4 ) + 2;
|
||||
margin-top: 0;
|
||||
}
|
||||
&.mm-spacer > .mm-counter
|
||||
{
|
||||
margin-top: $mm_btnSize;
|
||||
}
|
||||
}
|
||||
|
||||
// Search
|
||||
.mm-nosubresults > .mm-counter
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
@include mm_colors_counters;
|
||||
65
public/js/mmenu/src/scss/addons/jquery.mmenu.dividers.scss
Normal file
65
public/js/mmenu/src/scss/addons/jquery.mmenu.dividers.scss
Normal file
@@ -0,0 +1,65 @@
|
||||
/*
|
||||
jQuery.mmenu dividers addon CSS
|
||||
*/
|
||||
|
||||
@import "../_inc/variables";
|
||||
|
||||
|
||||
|
||||
// Collapsed
|
||||
.mm-divider
|
||||
{
|
||||
> span
|
||||
{
|
||||
@include mm_ellipsis;
|
||||
padding: 0;
|
||||
line-height: $mm_dividerHeight;
|
||||
}
|
||||
|
||||
&.mm-opened a.mm-next:after
|
||||
{
|
||||
@include mm_webkit_prefix( "transform", rotate( 45deg ) );
|
||||
}
|
||||
}
|
||||
.mm-collapsed:not( .mm-uncollapsed )
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Removed support for dividers in vertical submenus
|
||||
//.mm-menu.mm-vertical .mm-divider
|
||||
//{
|
||||
// > a.mm-next:after
|
||||
// {
|
||||
// top: ( $mm_dividerHeight / 2 ) - 4;
|
||||
// }
|
||||
//}
|
||||
|
||||
|
||||
// Fixed
|
||||
.mm-fixeddivider
|
||||
{
|
||||
background: inherit;
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 2;
|
||||
|
||||
// Bugfix
|
||||
@include mm_webkit_prefix( 'transform', translate3d( 0, 0, 0 ) );
|
||||
|
||||
&:after
|
||||
{
|
||||
content: none !important;
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
.mm-hasdividers .mm-fixeddivider
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
@include mm_colors_dividers;
|
||||
17
public/js/mmenu/src/scss/addons/jquery.mmenu.dragopen.scss
Normal file
17
public/js/mmenu/src/scss/addons/jquery.mmenu.dragopen.scss
Normal file
@@ -0,0 +1,17 @@
|
||||
/*
|
||||
jQuery.mmenu dragOpen addon CSS
|
||||
*/
|
||||
|
||||
@import "../_inc/variables";
|
||||
|
||||
html.mm-opened.mm-dragging
|
||||
{
|
||||
.mm-menu,
|
||||
.mm-page,
|
||||
.mm-fixed-top,
|
||||
.mm-fixed-bottom,
|
||||
#mm-blocker
|
||||
{
|
||||
@include mm_webkit_prefix( "transition-duration", 0s );
|
||||
}
|
||||
}
|
||||
37
public/js/mmenu/src/scss/addons/jquery.mmenu.footer.scss
Normal file
37
public/js/mmenu/src/scss/addons/jquery.mmenu.footer.scss
Normal file
@@ -0,0 +1,37 @@
|
||||
/*
|
||||
jQuery.mmenu footer addon CSS
|
||||
*/
|
||||
|
||||
@import "../_inc/variables";
|
||||
|
||||
|
||||
.mm-footer
|
||||
{
|
||||
background: inherit;
|
||||
border-top: 1px solid transparent;
|
||||
text-align: center;
|
||||
line-height: $mm_footerHeight - ( $mm_padding * 2 );
|
||||
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: $mm_footerHeight;
|
||||
padding: $mm_padding $mm_panelPadding;
|
||||
position: absolute;
|
||||
z-index: 3;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
|
||||
// Bugfix
|
||||
@include mm_webkit_prefix( 'transform', translate3d( 0, 0, 0 ) );
|
||||
}
|
||||
|
||||
.mm-menu.mm-hasfooter
|
||||
{
|
||||
> .mm-panel
|
||||
{
|
||||
bottom: $mm_footerHeight;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@include mm_colors_footer;
|
||||
50
public/js/mmenu/src/scss/addons/jquery.mmenu.header.scss
Normal file
50
public/js/mmenu/src/scss/addons/jquery.mmenu.header.scss
Normal file
@@ -0,0 +1,50 @@
|
||||
/*
|
||||
jQuery.mmenu header addon CSS
|
||||
*/
|
||||
|
||||
@import "../_inc/variables";
|
||||
|
||||
|
||||
.mm-menu > .mm-header
|
||||
{
|
||||
background: inherit;
|
||||
z-index: 3;
|
||||
|
||||
// Bugfix
|
||||
@include mm_webkit_prefix( 'transform', translate3d( 0, 0, 0 ) );
|
||||
|
||||
.mm-close:after
|
||||
{
|
||||
content: 'x';
|
||||
}
|
||||
}
|
||||
|
||||
.mm-menu.mm-hassearch > .mm-header
|
||||
{
|
||||
top: $mm_searchHeight;
|
||||
}
|
||||
|
||||
.mm-menu.mm-hasheader
|
||||
{
|
||||
.mm-panel
|
||||
{
|
||||
.mm-header
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.mm-panel,
|
||||
.mm-fixeddivider
|
||||
{
|
||||
top: $mm_headerHeight;
|
||||
}
|
||||
&.mm-hassearch
|
||||
{
|
||||
.mm-panel,
|
||||
.mm-fixeddivider
|
||||
{
|
||||
top: $mm_headerHeight + $mm_searchHeight;
|
||||
}
|
||||
}
|
||||
}
|
||||
77
public/js/mmenu/src/scss/addons/jquery.mmenu.offcanvas.scss
Normal file
77
public/js/mmenu/src/scss/addons/jquery.mmenu.offcanvas.scss
Normal file
@@ -0,0 +1,77 @@
|
||||
/*
|
||||
jQuery.mmenu offcanvas addon CSS
|
||||
*/
|
||||
|
||||
@import "../_inc/variables";
|
||||
|
||||
|
||||
// Animations
|
||||
.mm-page
|
||||
{
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
}
|
||||
.mm-slideout
|
||||
{
|
||||
-webkit-transition: -webkit-transform $mm_transitionDuration $mm_transitionFunction;
|
||||
-ms-transition: -ms-transform $mm_transitionDuration $mm_transitionFunction;
|
||||
transition: transform $mm_transitionDuration $mm_transitionFunction;
|
||||
}
|
||||
|
||||
// Container, Page, Blocker
|
||||
html.mm-opened
|
||||
{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
|
||||
body
|
||||
{
|
||||
overflow: hidden;
|
||||
}
|
||||
.mm-page
|
||||
{
|
||||
min-height: 100vh; // Unfortunately there are still too many Android devices that don't support viewport units,
|
||||
// therefore there still is some JS in jquery.mmenu.offcanvas.js that measures the window height onWindowResize.
|
||||
}
|
||||
}
|
||||
|
||||
html.mm-background .mm-page
|
||||
{
|
||||
background: inherit;
|
||||
}
|
||||
#mm-blocker
|
||||
{
|
||||
background: rgba( 3, 2, 1, 0 );
|
||||
display: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 999999;
|
||||
}
|
||||
html.mm-opened,
|
||||
html.mm-blocking
|
||||
{
|
||||
#mm-blocker
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
// Menu
|
||||
.mm-menu
|
||||
{
|
||||
&.mm-offcanvas
|
||||
{
|
||||
display: none;
|
||||
position: fixed;
|
||||
}
|
||||
&.mm-current
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@include mm_sizing;
|
||||
115
public/js/mmenu/src/scss/addons/jquery.mmenu.searchfield.scss
Normal file
115
public/js/mmenu/src/scss/addons/jquery.mmenu.searchfield.scss
Normal file
@@ -0,0 +1,115 @@
|
||||
/*
|
||||
jQuery.mmenu searchfield addon CSS
|
||||
*/
|
||||
|
||||
@import "../_inc/variables";
|
||||
|
||||
$mm_searchfieldHeight: $mm_searchHeight - ( $mm_padding * 1.5 ) !default;
|
||||
|
||||
.mm-search,
|
||||
.mm-search input
|
||||
{
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.mm-search
|
||||
{
|
||||
}
|
||||
.mm-menu > .mm-search
|
||||
{
|
||||
background: inherit;
|
||||
z-index: 3;
|
||||
|
||||
// Bugfix
|
||||
@include mm_webkit_prefix( 'transform', translate3d( 0, 0, 0 ) );
|
||||
}
|
||||
.mm-search
|
||||
{
|
||||
height: $mm_searchHeight;
|
||||
width: 100%;
|
||||
padding: $mm_padding $mm_padding 0 $mm_padding;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
input
|
||||
{
|
||||
border: none;
|
||||
border-radius: $mm_searchfieldHeight;
|
||||
font: inherit;
|
||||
font-size: $mm_fontSize;
|
||||
line-height: $mm_searchfieldHeight;
|
||||
outline: none;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: $mm_searchfieldHeight;
|
||||
margin: 0;
|
||||
padding: 0 $mm_padding;
|
||||
}
|
||||
input::-ms-clear
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.mm-panel
|
||||
{
|
||||
&.mm-hassearch
|
||||
{
|
||||
padding-top: $mm_searchHeight;
|
||||
|
||||
&.mm-hasheader
|
||||
{
|
||||
padding-top: $mm_searchHeight + $mm_headerHeight;
|
||||
|
||||
.mm-search
|
||||
{
|
||||
top: $mm_headerHeight;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mm-noresultsmsg
|
||||
{
|
||||
text-align: center;
|
||||
font-size: round( $mm_fontSize * 1.5 );
|
||||
display: none;
|
||||
padding: $mm_btnSize 0;
|
||||
}
|
||||
.mm-noresults
|
||||
{
|
||||
.mm-noresultsmsg
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.mm-indexer
|
||||
{
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.mm-menu
|
||||
{
|
||||
li.mm-nosubresults > a.mm-next
|
||||
{
|
||||
display: none;
|
||||
|
||||
+ a,
|
||||
+ span
|
||||
{
|
||||
padding-right: $mm_padding;
|
||||
}
|
||||
}
|
||||
&.mm-hassearch
|
||||
{
|
||||
.mm-panel,
|
||||
.mm-fixeddivider
|
||||
{
|
||||
top: $mm_searchHeight;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@include mm_colors_searchfield;
|
||||
@@ -0,0 +1,69 @@
|
||||
/*
|
||||
jQuery.mmenu sectionIndexer addon CSS
|
||||
*/
|
||||
|
||||
@import "../_inc/variables";
|
||||
|
||||
.mm-indexer
|
||||
{
|
||||
background: inherit;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
|
||||
box-sizing: border-box;
|
||||
width: $mm_sectionIndexerWidth;
|
||||
|
||||
position: absolute;
|
||||
top: $mm_padding;
|
||||
bottom: $mm_padding;
|
||||
right: -( $mm_sectionIndexerWidth * 5 );
|
||||
z-index: 3;
|
||||
|
||||
@include mm_webkit_prefix( 'transition', right $mm_transitionDuration $mm_transitionFunction );
|
||||
|
||||
// Bugfix
|
||||
@include mm_webkit_prefix( 'transform', translate3d( 0, 0, 0 ) );
|
||||
|
||||
a
|
||||
{
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
height: 3.71%;
|
||||
}
|
||||
|
||||
~ .mm-panel.mm-hasindexer
|
||||
{
|
||||
padding-right: $mm_panelPadding + $mm_sectionIndexerWidth;
|
||||
}
|
||||
}
|
||||
.mm-hasindexer
|
||||
{
|
||||
.mm-indexer
|
||||
{
|
||||
right: 0;
|
||||
}
|
||||
.mm-fixeddivider
|
||||
{
|
||||
right: $mm_sectionIndexerWidth;
|
||||
}
|
||||
}
|
||||
|
||||
.mm-hasheader .mm-indexer
|
||||
{
|
||||
top: $mm_headerHeight + $mm_padding;
|
||||
}
|
||||
.mm-hasfooter .mm-indexer
|
||||
{
|
||||
bottom: $mm_footerHeight + $mm_padding;
|
||||
}
|
||||
.mm-hassearch .mm-indexer
|
||||
{
|
||||
top: $mm_searchHeight + $mm_padding;
|
||||
}
|
||||
.mm-hassearch.mm-hasheader .mm-indexer
|
||||
{
|
||||
top: $mm_searchHeight + $mm_headerHeight + $mm_padding;
|
||||
}
|
||||
|
||||
|
||||
@include mm_colors_sectionindexer;
|
||||
175
public/js/mmenu/src/scss/addons/jquery.mmenu.toggles.scss
Normal file
175
public/js/mmenu/src/scss/addons/jquery.mmenu.toggles.scss
Normal file
@@ -0,0 +1,175 @@
|
||||
/*
|
||||
jQuery.mmenu toggles addon CSS
|
||||
*/
|
||||
|
||||
@import "../_inc/variables";
|
||||
|
||||
|
||||
input.mm-toggle,
|
||||
input.mm-check
|
||||
{
|
||||
position: absolute;
|
||||
left: -10000px;
|
||||
}
|
||||
|
||||
label.mm-toggle,
|
||||
label.mm-check
|
||||
{
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
bottom: 50%;
|
||||
z-index: 2;
|
||||
|
||||
&:before
|
||||
{
|
||||
content: '';
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
// styling
|
||||
label.mm-toggle
|
||||
{
|
||||
border-radius: $mm_toggleHeight;
|
||||
width: $mm_toggleWidth;
|
||||
height: $mm_toggleHeight;
|
||||
margin-bottom: -( $mm_toggleHeight / 2 );
|
||||
|
||||
&:before
|
||||
{
|
||||
border-radius: $mm_toggleHeight;
|
||||
width: $mm_toggleHeight - 2;
|
||||
height: $mm_toggleHeight - 2;
|
||||
margin: 1px;
|
||||
}
|
||||
}
|
||||
input.mm-toggle:checked ~ label.mm-toggle:before
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
|
||||
label.mm-check
|
||||
{
|
||||
width: $mm_checkWidth;
|
||||
height: $mm_checkHeight;
|
||||
margin-bottom: -( $mm_checkHeight / 2 );
|
||||
|
||||
&:before
|
||||
{
|
||||
border-left: 3px solid;
|
||||
border-bottom: 3px solid;
|
||||
width: 40%;
|
||||
height: 20%;
|
||||
margin: 25% 0 0 20%;
|
||||
opacity: 0.1;
|
||||
|
||||
@include mm-webkit-prefix( 'transform', rotate( -45deg ) );
|
||||
}
|
||||
}
|
||||
input.mm-check:checked ~ label.mm-check:before
|
||||
{
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
||||
// Removed support for toggles and checks in vertical submenus
|
||||
//.mm-menu.mm-vertical .mm-listview
|
||||
//{
|
||||
// > li label
|
||||
// {
|
||||
// &.mm-toggle,
|
||||
// &.mm-check
|
||||
// {
|
||||
// bottom: auto;
|
||||
// margin-bottom: 0;
|
||||
// }
|
||||
// &.mm-toggle
|
||||
// {
|
||||
// top: ( $mm_btnSize - $mm_toggleHeight ) / 2;
|
||||
// }
|
||||
// &.mm-check
|
||||
// {
|
||||
// top: ( $mm_btnSize - $mm_checkHeight ) / 2;
|
||||
// }
|
||||
// }
|
||||
//}
|
||||
|
||||
|
||||
// positioning
|
||||
label
|
||||
{
|
||||
&.mm-toggle,
|
||||
&.mm-check
|
||||
{
|
||||
right: $mm_padding * 2;
|
||||
}
|
||||
|
||||
&.mm-toggle
|
||||
{
|
||||
+ a,
|
||||
+ span
|
||||
{
|
||||
padding-right: $mm_toggleWidth + ( $mm_padding * 3 );
|
||||
}
|
||||
}
|
||||
|
||||
&.mm-check
|
||||
{
|
||||
+ a,
|
||||
+ span
|
||||
{
|
||||
padding-right: $mm_checkWidth + ( $mm_padding * 3 );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// positioning with subopen
|
||||
a.mm-next + label
|
||||
{
|
||||
&.mm-toggle,
|
||||
&.mm-check
|
||||
{
|
||||
right: $mm_subopenWidth + $mm_padding;
|
||||
|
||||
+ a,
|
||||
+ span
|
||||
{
|
||||
margin-right: $mm_subopenWidth;
|
||||
}
|
||||
}
|
||||
&.mm-toggle
|
||||
{
|
||||
+ a,
|
||||
+ span
|
||||
{
|
||||
padding-right: $mm_toggleWidth + ( $mm_padding * 2 );
|
||||
}
|
||||
}
|
||||
&.mm-check
|
||||
{
|
||||
+ a,
|
||||
+ span
|
||||
{
|
||||
padding-right: $mm_checkWidth + ( $mm_padding * 2 );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// positioning with counter
|
||||
em.mm-counter + a.mm-next + label
|
||||
{
|
||||
&.mm-toggle,
|
||||
&.mm-check
|
||||
{
|
||||
right: $mm_counterWidth + $mm_subopenWidth + $mm_padding;
|
||||
|
||||
+ a,
|
||||
+ span
|
||||
{
|
||||
margin-right: $mm_counterWidth + $mm_subopenWidth;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include mm_colors_toggles;
|
||||
@include mm_colors_checks;
|
||||
@@ -0,0 +1,23 @@
|
||||
/*
|
||||
jQuery.mmenu borderstyle extension CSS
|
||||
*/
|
||||
|
||||
@import "../_inc/variables";
|
||||
|
||||
|
||||
.mm-menu.mm-border-none .mm-listview > li,
|
||||
.mm-listview.mm-border-none > li
|
||||
{
|
||||
&:after
|
||||
{
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
.mm-menu.mm-border-full .mm-listview > li,
|
||||
.mm-listview.mm-border-full > li
|
||||
{
|
||||
&:after
|
||||
{
|
||||
left: 0 !important;
|
||||
}
|
||||
}
|
||||
102
public/js/mmenu/src/scss/extensions/jquery.mmenu.effects.scss
Normal file
102
public/js/mmenu/src/scss/extensions/jquery.mmenu.effects.scss
Normal file
@@ -0,0 +1,102 @@
|
||||
/*
|
||||
jQuery.mmenu effects extension CSS
|
||||
*/
|
||||
|
||||
@import "../_inc/variables";
|
||||
|
||||
|
||||
// Slide
|
||||
html.mm-effect-slide
|
||||
{
|
||||
.mm-menu.mm-offcanvas
|
||||
{
|
||||
-webkit-transition: -webkit-transform $mm_transitionDuration $mm_transitionFunction;
|
||||
transition: transform $mm_transitionDuration $mm_transitionFunction;
|
||||
}
|
||||
|
||||
// Left
|
||||
&.mm-opened .mm-menu.mm-offcanvas
|
||||
{
|
||||
@include mm_webkit_prefix( 'transform', translate3d( -$mm_subpanelOffset, 0, 0 ) );
|
||||
}
|
||||
&.mm-opening .mm-menu.mm-offcanvas
|
||||
{
|
||||
@include mm_webkit_prefix( 'transform', translate3d( 0%, 0, 0 ) );
|
||||
}
|
||||
|
||||
// Right
|
||||
&.mm-right
|
||||
{
|
||||
&.mm-opened .mm-menu.mm-offcanvas
|
||||
{
|
||||
@include mm_webkit_prefix( 'transform', translate3d( $mm_subpanelOffset, 0, 0 ) );
|
||||
}
|
||||
&.mm-opening .mm-menu.mm-offcanvas
|
||||
{
|
||||
@include mm_webkit_prefix( 'transform', translate3d( 0%, 0, 0 ) );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Zoom menu
|
||||
html.mm-effect-zoom-menu
|
||||
{
|
||||
.mm-menu.mm-offcanvas
|
||||
{
|
||||
-webkit-transition: -webkit-transform $mm_transitionDuration $mm_transitionFunction;
|
||||
-moz-transition: -moz-transform $mm_transitionDuration $mm_transitionFunction;
|
||||
-ms-transition: -ms-transform $mm_transitionDuration $mm_transitionFunction;
|
||||
-o-transition: -o-transform $mm_transitionDuration $mm_transitionFunction;
|
||||
transition: transform $mm_transitionDuration $mm_transitionFunction;
|
||||
}
|
||||
|
||||
// Left
|
||||
&.mm-opened .mm-menu.mm-offcanvas
|
||||
{
|
||||
@include mm_webkit_prefix( 'transform', scale( $mm_zoomScaleDown, $mm_zoomScaleDown ) translate3d( -$mm_subpanelOffset, 0, 0 ) );
|
||||
@include mm_webkit_prefix( 'transform-origin', left center );
|
||||
}
|
||||
&.mm-opening .mm-menu.mm-offcanvas
|
||||
{
|
||||
@include mm_webkit_prefix( 'transform', scale( 1, 1 ) translate3d( 0%, 0, 0 ) );
|
||||
}
|
||||
|
||||
// Right
|
||||
&.mm-right
|
||||
{
|
||||
&.mm-opened .mm-menu.mm-offcanvas
|
||||
{
|
||||
@include mm_webkit_prefix( 'transform', scale( $mm_zoomScaleDown, $mm_zoomScaleDown) translate3d( $mm_subpanelOffset, 0, 0 ) );
|
||||
@include mm_webkit_prefix( 'transform-origin', right center );
|
||||
}
|
||||
&.mm-opening .mm-menu.mm-offcanvas
|
||||
{
|
||||
@include mm_webkit_prefix( 'transform', scale( 1, 1 ) translate3d( 0%, 0, 0 ) );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Zoom panels
|
||||
html.mm-effect-zoom-panels .mm-menu .mm-panel
|
||||
{
|
||||
@include mm_webkit_prefix( 'transform', scale( $mm_zoomScaleUp, $mm_zoomScaleUp ) translate3d( 100%, 0, 0 ) );
|
||||
@include mm_webkit_prefix( 'transform-origin', left center );
|
||||
|
||||
-webkit-transition-property: -webkit-transform, left;
|
||||
-moz-transition-property: -moz-transform, left;
|
||||
-ms-transition-property: -ms-transform, left;
|
||||
-o-transition-property: -o-transform, left;
|
||||
transition-property: transform, left;
|
||||
|
||||
&.mm-opened
|
||||
{
|
||||
@include mm_webkit_prefix( 'transform', scale( 1, 1 ) translate3d( 0%, 0, 0 ) );
|
||||
|
||||
&.mm-subopened
|
||||
{
|
||||
@include mm_webkit_prefix( 'transform', scale( $mm_zoomScaleDown, $mm_zoomScaleDown ) translate3d( -$mm_subpanelOffset, 0, 0 ) );
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,24 @@
|
||||
/*
|
||||
jQuery.mmenu fullscreen extension CSS
|
||||
*/
|
||||
|
||||
@import "../_inc/variables";
|
||||
|
||||
$mm_fs_class : ".mm-fullscreen";
|
||||
$mm_fs_full : 1 !default;
|
||||
$mm_fs_min : 140px !default;
|
||||
$mm_fs_max : 10000px !default;
|
||||
|
||||
@include mm_sizing( $mm_fs_class,
|
||||
$mm_fs_full, $mm_fs_min, $mm_fs_max );
|
||||
|
||||
@include mm_sizing_right( $mm_fs_class,
|
||||
$mm_fs_full, $mm_fs_min, $mm_fs_max);
|
||||
|
||||
@include mm_sizing_zposition( $mm_fs_class,
|
||||
$mm_fs_full, $mm_fs_min, $mm_fs_max );
|
||||
|
||||
html.mm-opened#{$mm_fs_class} .mm-page
|
||||
{
|
||||
box-shadow: none !important;
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
/*
|
||||
jQuery.mmenu iconbar extension CSS
|
||||
*/
|
||||
|
||||
@import "../_inc/variables";
|
||||
|
||||
|
||||
body
|
||||
{
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.mm-menu.mm-iconbar
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.mm-page
|
||||
{
|
||||
background: inherit;
|
||||
min-height: 100vh;
|
||||
}
|
||||
.mm-slideout
|
||||
{
|
||||
box-sizing: border-box;
|
||||
padding-right: $mm_iconbarWidth;
|
||||
@include mm-webkit-prefix( 'transform', translate3d( $mm_iconbarWidth, 0, 0 ) );
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
/*
|
||||
jQuery.mmenu multiline extension CSS
|
||||
*/
|
||||
|
||||
@import "../_inc/variables";
|
||||
|
||||
|
||||
.mm-menu.mm-multiline .mm-listview > li,
|
||||
.mm-listview.mm-multiline > li
|
||||
.mm-listview > li.mm-multiline
|
||||
{
|
||||
> a,
|
||||
> span
|
||||
{
|
||||
text-overflow: clip;
|
||||
white-space: normal;
|
||||
}
|
||||
}
|
||||
@@ -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();
|
||||
@@ -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;
|
||||
84
public/js/mmenu/src/scss/extensions/jquery.mmenu.themes.scss
Normal file
84
public/js/mmenu/src/scss/extensions/jquery.mmenu.themes.scss
Normal file
@@ -0,0 +1,84 @@
|
||||
/*
|
||||
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_buttonbars( $mm_t_cls,
|
||||
$mm_t_backgroundColor,
|
||||
$mm_t_textColor );
|
||||
|
||||
@include mm_colors_checks( $mm_t_cls,
|
||||
$mm_t_textColor );
|
||||
|
||||
@include mm_colors_counters( $mm_t_cls,
|
||||
$mm_t_dimmedTextColor );
|
||||
|
||||
@include mm_colors_footer( $mm_t_cls,
|
||||
$mm_t_dimmedTextColor,
|
||||
$mm_t_borderColor );
|
||||
|
||||
@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;
|
||||
@@ -0,0 +1,49 @@
|
||||
/*
|
||||
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;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.mm-menu.mm-widescreen
|
||||
{
|
||||
display: block;
|
||||
width: $mm_ws_menuWidth !important;
|
||||
min-width: none !important;
|
||||
max-width: none !important;
|
||||
|
||||
z-index: 0;
|
||||
}
|
||||
20
public/js/mmenu/src/scss/jquery.mmenu.all.scss
Normal file
20
public/js/mmenu/src/scss/jquery.mmenu.all.scss
Normal file
@@ -0,0 +1,20 @@
|
||||
@import "jquery.mmenu";
|
||||
|
||||
@import "addons/jquery.mmenu.autoheight";
|
||||
@import "addons/jquery.mmenu.buttonbars";
|
||||
@import "addons/jquery.mmenu.counters";
|
||||
@import "addons/jquery.mmenu.dragopen";
|
||||
@import "addons/jquery.mmenu.footer";
|
||||
@import "addons/jquery.mmenu.header";
|
||||
@import "addons/jquery.mmenu.dividers";
|
||||
@import "addons/jquery.mmenu.searchfield";
|
||||
@import "addons/jquery.mmenu.sectionindexer";
|
||||
@import "addons/jquery.mmenu.toggles";
|
||||
|
||||
@import "extensions/jquery.mmenu.borderstyle";
|
||||
@import "extensions/jquery.mmenu.effects";
|
||||
@import "extensions/jquery.mmenu.fullscreen";
|
||||
@import "extensions/jquery.mmenu.multiline";
|
||||
@import "extensions/jquery.mmenu.pageshadow";
|
||||
@import "extensions/jquery.mmenu.positioning";
|
||||
@import "extensions/jquery.mmenu.themes";
|
||||
341
public/js/mmenu/src/scss/jquery.mmenu.oncanvas.scss
Normal file
341
public/js/mmenu/src/scss/jquery.mmenu.oncanvas.scss
Normal file
@@ -0,0 +1,341 @@
|
||||
/*
|
||||
jQuery.mmenu oncanvas CSS
|
||||
*/
|
||||
@import "_inc/variables";
|
||||
|
||||
|
||||
// Generic classes
|
||||
.mm-hidden
|
||||
{
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
|
||||
// Container
|
||||
.mm-wrapper
|
||||
{
|
||||
overflow-x: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
// Menu
|
||||
.mm-menu,
|
||||
.mm-menu > .mm-panel
|
||||
{
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 0;
|
||||
}
|
||||
.mm-menu
|
||||
{
|
||||
background: inherit;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
// Panels
|
||||
.mm-panel
|
||||
{
|
||||
-webkit-transition: -webkit-transform $mm_transitionDuration $mm_transitionFunction;
|
||||
-moz-transition: -moz-transform $mm_transitionDuration $mm_transitionFunction;
|
||||
-ms-transition: -ms-transform $mm_transitionDuration $mm_transitionFunction;
|
||||
-o-transition: -o-transform $mm_transitionDuration $mm_transitionFunction;
|
||||
transition: transform $mm_transitionDuration $mm_transitionFunction;
|
||||
|
||||
@include mm_webkit_prefix( 'transform', translate3d( 100%, 0, 0 ) );
|
||||
|
||||
&.mm-opened
|
||||
{
|
||||
@include mm_webkit_prefix( 'transform', translate3d( 0%, 0, 0 ) );
|
||||
}
|
||||
&.mm-subopened
|
||||
{
|
||||
@include mm_webkit_prefix( 'transform', translate3d( -$mm_subpanelOffset, 0, 0 ) );
|
||||
}
|
||||
&.mm-highest
|
||||
{
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.mm-menu > .mm-panel
|
||||
{
|
||||
background: inherit;
|
||||
|
||||
-webkit-overflow-scrolling: touch;
|
||||
overflow: scroll;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
|
||||
box-sizing: border-box;
|
||||
padding: 0 $mm_panelPadding;
|
||||
|
||||
&.mm-hasheader
|
||||
{
|
||||
padding-top: $mm_headerHeight;
|
||||
}
|
||||
|
||||
// Because padding-bottom in some browsers is ignored when a DIV is scrollable
|
||||
&:before,
|
||||
&:after
|
||||
{
|
||||
content: '';
|
||||
display: block;
|
||||
height: $mm_panelPadding;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Vertical
|
||||
.mm-vertical .mm-panel
|
||||
{
|
||||
@include mm_webkit_prefix( 'transform', none !important );
|
||||
}
|
||||
|
||||
.mm-vertical .mm-listview .mm-panel,
|
||||
.mm-listview .mm-vertical .mm-panel
|
||||
{
|
||||
display: none;
|
||||
padding: $mm_padding 0 $mm_padding $mm_padding;
|
||||
|
||||
.mm-listview > li:last-child:after
|
||||
{
|
||||
border-color: transparent;
|
||||
}
|
||||
}
|
||||
.mm-vertical li.mm-opened > .mm-panel,
|
||||
li.mm-vertical.mm-opened > .mm-panel
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.mm-vertical .mm-listview > li,
|
||||
.mm-listview > li.mm-vertical
|
||||
{
|
||||
> .mm-next
|
||||
{
|
||||
height: $mm_btnSize;
|
||||
bottom: auto;
|
||||
|
||||
&:after
|
||||
{
|
||||
top: ( $mm_btnSize / 2 ) - 4;
|
||||
bottom: auto;
|
||||
}
|
||||
}
|
||||
&.mm-opened
|
||||
{
|
||||
> .mm-next:after
|
||||
{
|
||||
@include mm_webkit_prefix( "transform", rotate( 45deg ) );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mm-header
|
||||
{
|
||||
border-bottom: 1px solid transparent;
|
||||
text-align: center;
|
||||
line-height: $mm_btnSize / 2;
|
||||
|
||||
height: $mm_headerHeight;
|
||||
padding: 0 $mm_btnSize;
|
||||
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
|
||||
> a
|
||||
{
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
padding: ( $mm_btnSize / 4 ) 0;
|
||||
}
|
||||
.mm-title
|
||||
{
|
||||
@include mm_ellipsis;
|
||||
}
|
||||
.mm-btn
|
||||
{
|
||||
box-sizing: border-box;
|
||||
width: $mm_btnSize;
|
||||
height: $mm_btnSize;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
|
||||
&:first-child
|
||||
{
|
||||
padding-left: $mm_panelPadding;
|
||||
left: 0;
|
||||
}
|
||||
&:last-child
|
||||
{
|
||||
padding-right: $mm_panelPadding;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Listviews
|
||||
.mm-listview,
|
||||
.mm-listview > li
|
||||
{
|
||||
list-style: none;
|
||||
display: block;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.mm-listview
|
||||
{
|
||||
font: inherit;
|
||||
font-size: $mm_fontSize;
|
||||
|
||||
a,
|
||||
a:hover
|
||||
{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
> li
|
||||
{
|
||||
position: relative;
|
||||
|
||||
> a,
|
||||
> span
|
||||
{
|
||||
@include mm_ellipsis;
|
||||
|
||||
color: inherit;
|
||||
line-height: $mm_btnSize - ( $mm_padding * 2 );
|
||||
display: block;
|
||||
padding: $mm_listitemPadding $mm_listitemPadding $mm_listitemPadding $mm_listitemIndent;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
&:not(.mm-divider)
|
||||
{
|
||||
@include mm_border_bottom;
|
||||
|
||||
&:after
|
||||
{
|
||||
left: $mm_listitemIndent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// subopen
|
||||
.mm-next
|
||||
{
|
||||
@include mm_border_left;
|
||||
|
||||
background: rgba( 3, 2, 1, 0 );
|
||||
width: $mm_subopenWidth;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 2;
|
||||
|
||||
+ a,
|
||||
+ span
|
||||
{
|
||||
margin-right: $mm_subopenWidth;
|
||||
}
|
||||
|
||||
&.mm-fullsubopen
|
||||
{
|
||||
width: 100%;
|
||||
|
||||
&:before
|
||||
{
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
+ a,
|
||||
+ span
|
||||
{
|
||||
padding-right: $mm_subopenWidth;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.mm-menu > .mm-panel
|
||||
{
|
||||
> .mm-listview
|
||||
{
|
||||
margin-left: -$mm_panelPadding;
|
||||
margin-right: -$mm_panelPadding;
|
||||
|
||||
&.mm-first
|
||||
{
|
||||
margin-top: -$mm_panelPadding;
|
||||
}
|
||||
&.mm-last
|
||||
{
|
||||
padding-bottom: $mm_panelPadding;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Arrows
|
||||
.mm-prev:before,
|
||||
.mm-next:after
|
||||
{
|
||||
@include mm_arrow;
|
||||
}
|
||||
.mm-prev:before
|
||||
{
|
||||
@include mm_arrow_prev;
|
||||
}
|
||||
.mm-next:after
|
||||
{
|
||||
@include mm_arrow_next;
|
||||
}
|
||||
|
||||
|
||||
// Dividers
|
||||
.mm-divider
|
||||
{
|
||||
@include mm_ellipsis;
|
||||
|
||||
font-size: $mm_dividerFontSize;
|
||||
text-transform: uppercase;
|
||||
text-indent: $mm_listitemIndent;
|
||||
line-height: $mm_dividerHeight;
|
||||
}
|
||||
|
||||
|
||||
// Spacers
|
||||
.mm-listview > li
|
||||
{
|
||||
&.mm-spacer
|
||||
{
|
||||
padding-top: $mm_btnSize;
|
||||
|
||||
> .mm-next
|
||||
{
|
||||
top: $mm_btnSize;
|
||||
}
|
||||
|
||||
&.mm-divider
|
||||
{
|
||||
padding-top: $mm_dividerHeight;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@include mm_colors;
|
||||
6
public/js/mmenu/src/scss/jquery.mmenu.scss
Normal file
6
public/js/mmenu/src/scss/jquery.mmenu.scss
Normal file
@@ -0,0 +1,6 @@
|
||||
/*
|
||||
jQuery.mmenu CSS
|
||||
*/
|
||||
|
||||
@import "jquery.mmenu.oncanvas";
|
||||
@import "addons/jquery.mmenu.offcanvas";
|
||||
Reference in New Issue
Block a user