diff options
Diffstat (limited to '_scss/imports/scss/_ScrollBars.scss')
-rw-r--r-- | _scss/imports/scss/_ScrollBars.scss | 42 |
1 files changed, 21 insertions, 21 deletions
diff --git a/_scss/imports/scss/_ScrollBars.scss b/_scss/imports/scss/_ScrollBars.scss index 9066c3ff..1c2f30ea 100644 --- a/_scss/imports/scss/_ScrollBars.scss +++ b/_scss/imports/scss/_ScrollBars.scss | |||
@@ -4,25 +4,25 @@ | |||
4 | // (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | 4 | // (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. |
5 | // </copyright> | 5 | // </copyright> |
6 | 6 | ||
7 | /* Begin: Scroll Bar skinning */ | 7 | // Begin: Scroll Bar skinning |
8 | ::-webkit-scrollbar { | 8 | ::-webkit-scrollbar { |
9 | width: 11px; | 9 | width: 11px; |
10 | height: 11px; | 10 | height: 11px; |
11 | } | 11 | } |
12 | 12 | ||
13 | /* Turn off single button up on top, and down on bottom */ | 13 | // Turn off single button up on top, and down on bottom |
14 | ::-webkit-scrollbar-button:start:decrement, | 14 | ::-webkit-scrollbar-button:start:decrement, |
15 | ::-webkit-scrollbar-button:end:increment { | 15 | ::-webkit-scrollbar-button:end:increment { |
16 | display: none; /*we have these off by default */ | 16 | display: none; // we have these off by default |
17 | } | 17 | } |
18 | 18 | ||
19 | /* Turn off the down area up on top, and up area on bottom */ | 19 | // Turn off the down area up on top, and up area on bottom |
20 | ::-webkit-scrollbar-button:vertical:start:increment, | 20 | ::-webkit-scrollbar-button:vertical:start:increment, |
21 | ::-webkit-scrollbar-button:vertical:end:decrement { | 21 | ::-webkit-scrollbar-button:vertical:end:decrement { |
22 | display: none; | 22 | display: none; |
23 | } | 23 | } |
24 | 24 | ||
25 | /* Turn off the down area up on top, and up area on bottom */ | 25 | // Turn off the down area up on top, and up area on bottom |
26 | ::-webkit-scrollbar-button:horizontal:start:increment, | 26 | ::-webkit-scrollbar-button:horizontal:start:increment, |
27 | ::-webkit-scrollbar-button:horizontal:end:decrement { | 27 | ::-webkit-scrollbar-button:horizontal:end:decrement { |
28 | display: none; | 28 | display: none; |
@@ -36,27 +36,27 @@ | |||
36 | background-color: $color-sb-border; | 36 | background-color: $color-sb-border; |
37 | } | 37 | } |
38 | 38 | ||
39 | /* Track area above thumb and below up button */ | 39 | // Track area above thumb and below up button |
40 | ::-webkit-scrollbar-track-piece:vertical:start { | 40 | ::-webkit-scrollbar-track-piece:vertical:start { |
41 | background-color: transparent; | 41 | background-color: transparent; |
42 | } | 42 | } |
43 | 43 | ||
44 | /* Track area left of thumb and right of button */ | 44 | // Track area left of thumb and right of button |
45 | ::-webkit-scrollbar-track-piece:horizontal:start { | 45 | ::-webkit-scrollbar-track-piece:horizontal:start { |
46 | background-color: transparent; | 46 | background-color: transparent; |
47 | } | 47 | } |
48 | 48 | ||
49 | /* Track area below thumb and down button */ | 49 | // Track area below thumb and down button |
50 | ::-webkit-scrollbar-track-piece:vertical:end { | 50 | ::-webkit-scrollbar-track-piece:vertical:end { |
51 | background-color: transparent; | 51 | background-color: transparent; |
52 | } | 52 | } |
53 | 53 | ||
54 | /* Track area right of thumb and left of button */ | 54 | // Track area right of thumb and left of button |
55 | ::-webkit-scrollbar-track-piece:horizontal:end { | 55 | ::-webkit-scrollbar-track-piece:horizontal:end { |
56 | background-color: transparent; | 56 | background-color: transparent; |
57 | } | 57 | } |
58 | 58 | ||
59 | /* The thumb itself */ | 59 | // The thumb itself |
60 | ::-webkit-scrollbar-thumb:vertical { | 60 | ::-webkit-scrollbar-thumb:vertical { |
61 | border-color: $color-sb-border; | 61 | border-color: $color-sb-border; |
62 | border-style: solid; | 62 | border-style: solid; |
@@ -101,13 +101,13 @@ | |||
101 | } | 101 | } |
102 | 102 | ||
103 | ::-webkit-scrollbar-corner { | 103 | ::-webkit-scrollbar-corner { |
104 | /*background-color: black;*/ | 104 | // background-color: black; |
105 | /* | 105 | |
106 | For some reason this is the only way I can find to not show the corner. | 106 | //For some reason this is the only way I can find to not show the corner. |
107 | Setting the ::-webkit-scrollbar-corner:disabled style doesn't work as that | 107 | //Setting the ::-webkit-scrollbar-corner:disabled style doesn't work as that |
108 | pseudo-class seems to be ignored. | 108 | //pseudo-class seems to be ignored. |
109 | John Mayhew | 109 | //John Mayhew |
110 | */ | 110 | |
111 | background-color: $color-sb-border; | 111 | background-color: $color-sb-border; |
112 | } | 112 | } |
113 | ::-webkit-scrollbar-corner:window-inactive { | 113 | ::-webkit-scrollbar-corner:window-inactive { |
@@ -124,12 +124,12 @@ | |||
124 | background-repeat: no-repeat; | 124 | background-repeat: no-repeat; |
125 | } | 125 | } |
126 | 126 | ||
127 | /* disabled state */ | 127 | // disabled state |
128 | ::-webkit-scrollbar-track:disabled { | 128 | ::-webkit-scrollbar-track:disabled { |
129 | display: none; | 129 | display: none; |
130 | } | 130 | } |
131 | 131 | ||
132 | /* These don't seem to be necessary or in some cases, they just seem to be ignored | 132 | // These don't seem to be necessary or in some cases, they just seem to be ignored |
133 | :-webkit-scrollbar-track:vertical:disabled { | 133 | :-webkit-scrollbar-track:vertical:disabled { |
134 | display: none; | 134 | display: none; |
135 | } | 135 | } |
@@ -153,6 +153,6 @@ | |||
153 | ::-webkit-resizer:disabled { | 153 | ::-webkit-resizer:disabled { |
154 | display: none; | 154 | display: none; |
155 | } | 155 | } |
156 | */ | 156 | |
157 | /* End: Scroll Bar Skinning */ | 157 | // End: Scroll Bar Skinning |
158 | 158 | ||