_focus.scss.html 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  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">.#{$prefix}focus-element {
  19. position: absolute;
  20. top: -10px;
  21. left: -10px;
  22. width: 0px;
  23. height: 0px;
  24. }
  25. .#{$prefix}focus-frame {
  26. position: absolute;
  27. left: 0px;
  28. top: 0px;
  29. z-index: 100000000;
  30. width: 0px;
  31. height: 0px;
  32. }
  33. .#{$prefix}focus-frame-top,
  34. .#{$prefix}focus-frame-bottom,
  35. .#{$prefix}focus-frame-left,
  36. .#{$prefix}focus-frame-right {
  37. position: absolute;
  38. top: 0px;
  39. left: 0px;
  40. }
  41. .#{$prefix}focus-frame-top,
  42. .#{$prefix}focus-frame-bottom {
  43. border-top: $focus-frame-style $focus-frame-width $focus-frame-color;
  44. height: $focus-frame-width;
  45. }
  46. .#{$prefix}focus-frame-left,
  47. .#{$prefix}focus-frame-right {
  48. border-left: $focus-frame-style $focus-frame-width $focus-frame-color;
  49. width: $focus-frame-width;
  50. }
  51. </pre>
  52. </body>
  53. </html>