_focus.scss.html 1.41 KB
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>The source code</title>
  <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
  <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
  <style type="text/css">
    .highlight { display: block; background-color: #ddd; }
  </style>
  <script type="text/javascript">
    function highlight() {
      document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
    }
  </script>
</head>
<body onload="prettyPrint(); highlight();">
  <pre class="prettyprint lang-js">.#{$prefix}focus-element {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 0px;
    height: 0px;
}

.#{$prefix}focus-frame {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 100000000;
    width: 0px;
    height: 0px;
}

.#{$prefix}focus-frame-top,
.#{$prefix}focus-frame-bottom,
.#{$prefix}focus-frame-left,
.#{$prefix}focus-frame-right {
    position: absolute;
    top: 0px;
    left: 0px;
}

.#{$prefix}focus-frame-top,
.#{$prefix}focus-frame-bottom {
    border-top: $focus-frame-style $focus-frame-width $focus-frame-color;
    height: $focus-frame-width;
}

.#{$prefix}focus-frame-left,
.#{$prefix}focus-frame-right {
    border-left: $focus-frame-style $focus-frame-width $focus-frame-color;
    width: $focus-frame-width;
}
</pre>
</body>
</html>