_scroller.scss.html 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>The source code</title>
  6. <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
  7. <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
  8. <style type="text/css">
  9. .highlight { display: block; background-color: #ddd; }
  10. </style>
  11. <script type="text/javascript">
  12. function highlight() {
  13. document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
  14. }
  15. </script>
  16. </head>
  17. <body onload="prettyPrint(); highlight();">
  18. <pre class="prettyprint lang-js">@mixin extjs-scroller {
  19. .#{$prefix}horizontal-scroller-present .#{$prefix}grid-body {
  20. border-bottom-width: 0px;
  21. }
  22. .#{$prefix}vertical-scroller-present .#{$prefix}grid-body {
  23. border-right-width: 0px;
  24. }
  25. .#{$prefix}scroller {
  26. overflow: hidden;
  27. }
  28. .#{$prefix}scroller-vertical {
  29. border: 1px solid $panel-border-color;
  30. border-top-color: $grid-header-background-color;
  31. }
  32. .#{$prefix}scroller-horizontal {
  33. border: 1px solid $panel-border-color;
  34. }
  35. .#{$prefix}vertical-scroller-present .#{$prefix}scroller-horizontal {
  36. border-right-width: 0px;
  37. }
  38. .#{$prefix}scroller-ct {
  39. overflow: hidden;
  40. position: absolute;
  41. margin: 0;
  42. padding: 0;
  43. border: none;
  44. left: 0px;
  45. top: 0px;
  46. /*
  47. In IE9 (only), the border-box style causes the scroller-ct to be 0px in the
  48. perpendicular dimension and breaks the scroll as well as offsets it by the left
  49. offset that we use to try and keep some size on this element. This works on all
  50. browsers (including IE9).
  51. */
  52. box-sizing: content-box !important;
  53. -ms-box-sizing: content-box !important;
  54. -moz-box-sizing: content-box !important;
  55. -webkit-box-sizing: content-box !important;
  56. }
  57. .#{$prefix}scroller-vertical .#{$prefix}scroller-ct {
  58. overflow-y: scroll;
  59. }
  60. .#{$prefix}scroller-horizontal .#{$prefix}scroller-ct {
  61. overflow-x: scroll;
  62. }
  63. }
  64. </pre>
  65. </body>
  66. </html>