jquery.mmenu.widescreen.scss
1.05 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
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_widescreenMenuWidth: 0.3 !default;
// Positioning and sizing
html, body
{
min-height: 100%;
overflow: auto;
}
body
{
position: relative;
}
#mm-blocker
{
display: none !important;
}
.mm-page
{
box-shadow: none !important;
background: inherit;
width: percentage( 1 - $mm_widescreenMenuWidth ) !important;
min-height: 100%;
height: auto !important;
margin: 0 !important;
left: percentage( $mm_widescreenMenuWidth ) !important;
top: 0 !important;
position: relative !important;
z-index: 1;
@include mm_vendor-prefix( "box-sizing", border-box );
}
.mm-menu
{
z-index: 0;
width: percentage( $mm_widescreenMenuWidth ) !important;
&.mm-top,
&.mm-right,
&.mm-bottom
{
top: 0 !important;
right: auto !important;
bottom: auto !important;
left: 0 !important;
}
&:first-child,
&.mm-current
{
display: block;
}
}