Version manager; Touch event override; Mobile sidebar simplified
This commit is contained in:
@ -11,15 +11,6 @@
|
||||
display: block;
|
||||
position: relative;
|
||||
|
||||
&:hover {
|
||||
.menu-item {
|
||||
background: lighten($dark_grey, 5%);
|
||||
}
|
||||
.submenu {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-item {
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
@ -28,10 +19,6 @@
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
&:not(:first-child) .menu-item {
|
||||
border-top: 1px solid lighten($dark_grey, 8%);
|
||||
}
|
||||
|
||||
.icon {
|
||||
display: none;
|
||||
}
|
||||
@ -58,6 +45,24 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.cancel {
|
||||
float: right;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
&:not(:first-child) .menu-item {
|
||||
border-top: 1px solid lighten($dark_grey, 8%);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.menu-item {
|
||||
background: lighten($dark_grey, 5%);
|
||||
}
|
||||
.submenu {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.touch{
|
||||
@ -74,8 +79,8 @@
|
||||
.menu-item {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
border: 0 !important;
|
||||
vertical-align: top;
|
||||
|
||||
|
||||
@ -72,7 +72,6 @@
|
||||
right: 0;
|
||||
width: auto;
|
||||
background: $dark_grey;
|
||||
z-index: 99;
|
||||
|
||||
.controls {
|
||||
position: absolute;
|
||||
|
||||
@ -20,6 +20,14 @@
|
||||
}
|
||||
|
||||
&.open {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 220px;
|
||||
background: rgba(0,0,0,0.2);
|
||||
color: #FFFFFF;
|
||||
|
||||
.open {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -4,9 +4,9 @@ aside{
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
z-index: 95;
|
||||
z-index: 96;
|
||||
background: #111111;
|
||||
width: 200px;
|
||||
width: 220px;
|
||||
overflow: hidden;
|
||||
box-shadow: inset -20px 0px 30px -20px rgba(0, 0, 0, 0.5);
|
||||
|
||||
@ -22,12 +22,22 @@ aside{
|
||||
}
|
||||
|
||||
@include responsive( $bp_medium ){
|
||||
width: 50vw;
|
||||
left: -50vw;
|
||||
width: 220px;
|
||||
left: -220px;
|
||||
position: fixed;
|
||||
z-index: 98;
|
||||
|
||||
.sidebar-open & {
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
.liner {
|
||||
bottom: 0 !important;
|
||||
}
|
||||
|
||||
.thumbnail {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@include responsive( null, null, $bp_shallow ){
|
||||
|
||||
Reference in New Issue
Block a user