_drawcomponent.scss.html 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  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"><span id='Ext-draw-Component-css_mixin-extjs-drawcomponent'>/**
  19. </span> * Creates base structure for a Draw Component.
  20. * @member Ext.draw.Component
  21. */
  22. @mixin extjs-drawcomponent {
  23. .#{$prefix}surface {
  24. @include inline-block;
  25. overflow: hidden;
  26. }
  27. .rvml {
  28. behavior: url(#default#VML);
  29. }
  30. .#{$prefix}surface tspan {
  31. @include no-select;
  32. }
  33. .#{$prefix}vml-sprite {
  34. position: absolute;
  35. left: 0;
  36. top: 0;
  37. width: 1px;
  38. height: 1px;
  39. }
  40. .#{$prefix}vml-group {
  41. position: absolute;
  42. left: 0;
  43. top: 0;
  44. width: 1000px;
  45. height: 1000px;
  46. }
  47. .#{$prefix}vml-measure-span {
  48. position: absolute;
  49. left: -9999em;
  50. top: -9999em;
  51. padding: 0;
  52. margin: 0;
  53. display: inline;
  54. }
  55. .#{$prefix}vml-base {
  56. position: relative;
  57. top: 0;
  58. left: 0;
  59. overflow: hidden;
  60. display: inline-block;
  61. }
  62. .#{$prefix}vml-base {
  63. position: relative;
  64. top: 0;
  65. left: 0;
  66. overflow: hidden;
  67. display: inline-block;
  68. }
  69. svg, vml {
  70. overflow: hidden;
  71. }
  72. }
  73. </pre>
  74. </body>
  75. </html>