Highlighted selected items in the selection panel.
Also added some improvements suggested here: http://www.luster.io/blog/9-29-14-mobile-web-checklist.html
This commit is contained in:
@@ -56,7 +56,7 @@ $transition-duration: 0.5s;
|
||||
@mixin sliding-panel ($side, $size) {
|
||||
position: fixed;
|
||||
z-index: 20;
|
||||
overflow: scroll;
|
||||
@include overflow-scroll;
|
||||
|
||||
@if $side == left {
|
||||
@include sliding-panel-left($size);
|
||||
|
||||
@@ -2,6 +2,7 @@
|
||||
|
||||
.page {
|
||||
@include pageElement();
|
||||
@include user-select(none);
|
||||
}
|
||||
|
||||
.mainPage {
|
||||
|
||||
@@ -141,3 +141,20 @@
|
||||
0% { @include transform(0deg, 0, 0); }
|
||||
100% { @include transform(359deg, 0, 0); }
|
||||
}
|
||||
|
||||
@mixin user-select($value) {
|
||||
// http://css-tricks.com/almanac/properties/u/user-select/
|
||||
// none | text | all | element
|
||||
-webkit-user-select: $value; /* Chrome all / Safari all */
|
||||
-moz-user-select: $value; /* Firefox all */
|
||||
-ms-user-select: $value; /* IE 10+ */
|
||||
|
||||
/* No support for these yet, use at own risk */
|
||||
-o-user-select: $value;
|
||||
user-select: $value;
|
||||
}
|
||||
|
||||
@mixin overflow-scroll () {
|
||||
overflow: scroll;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user