<!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">@function inner-border-spread($width) {
|
$top: top($width);
|
$right: right($width);
|
$bottom: bottom($width);
|
$left: left($width);
|
|
@return min(($top + $bottom) / 2, ($left + $right) / 2);
|
}
|
|
@function inner-border-hoff($width, $spread) {
|
$left: left($width);
|
$right: right($width);
|
|
@if $right <= 0 {
|
@return $left - $spread;
|
}
|
@else {
|
@return $spread - $right;
|
}
|
}
|
|
@function inner-border-voff($width, $spread) {
|
$top: top($width);
|
$bottom: bottom($width);
|
|
@if $bottom <= 0 {
|
@return $top - $spread;
|
}
|
@else {
|
@return $spread - $bottom;
|
}
|
}
|
|
@function even($number) {
|
@return ceil($number / 2) == ($number / 2);
|
}
|
|
@function odd($number) {
|
@return ceil($number / 2) != ($number / 2);
|
}
|
|
@function inner-border-usesingle-width($width) {
|
$top: top($width);
|
$right: right($width);
|
$bottom: bottom($width);
|
$left: left($width);
|
|
@if $top == 0 {
|
@if $left + $right == 0 {
|
@return true;
|
}
|
@if $bottom >= $left + $right {
|
@return true;
|
}
|
}
|
|
@if $bottom == 0 {
|
@if $left + $right == 0 {
|
@return true;
|
}
|
@if $top >= $left + $right {
|
@return true;
|
}
|
}
|
|
@if $left == 0 {
|
@if $top + $bottom == 0 {
|
@return true;
|
}
|
@if $right >= $top + $bottom {
|
@return true;
|
}
|
}
|
|
@if $right == 0 {
|
@if $top + $bottom == 0 {
|
@return true;
|
}
|
@if $left >= $top + $bottom {
|
@return true;
|
}
|
}
|
|
@if $top + $bottom == $left + $right and even($top) == even($bottom) and even($left) == even($right) {
|
@return true;
|
}
|
|
@return false;
|
}
|
|
@function inner-border-usesingle-color($color) {
|
$top: top($color);
|
$right: right($color);
|
$bottom: bottom($color);
|
$left: left($color);
|
|
@if $top == $right == $bottom == $left {
|
@return true;
|
}
|
|
@return false;
|
}
|
|
@function inner-border-usesingle($width, $color) {
|
@if inner-border-usesingle-color($color) and inner-border-usesingle-width($width) {
|
@return true;
|
}
|
@return false;
|
}
|
|
@mixin inner-border($width: 1px, $color: #fff, $blur: 0px) {
|
@if inner-border-usesingle($width, $color) {
|
$spread: inner-border-spread($width);
|
$hoff: inner-border-hoff($width, $spread);
|
$voff: inner-border-voff($width, $spread);
|
@include single-box-shadow($color-top, $hoff, $voff, $blur, $spread, true);
|
}
|
@else {
|
$width-top: top($width);
|
$width-right: right($width);
|
$width-bottom: bottom($width);
|
$width-left: left($width);
|
|
$color-top: top($color);
|
$color-right: right($color);
|
$color-bottom: bottom($color);
|
$color-left: left($color);
|
|
$shadow-top: false;
|
$shadow-right: false;
|
$shadow-bottom: false;
|
$shadow-left: false;
|
|
@if $width-top > 0 {
|
$shadow-top: $color-top 0 $width-top $blur 0 inset;
|
}
|
@if $width-right > 0 {
|
$shadow-right: $color-right (-1 * $width-right) 0 $blur 0 inset;
|
}
|
@if $width-bottom > 0 {
|
$shadow-bottom: $color-bottom 0 (-1 * $width-bottom) $blur 0 inset;
|
}
|
@if $width-left > 0 {
|
$shadow-left: $color-left $width-left 0 $blur 0 inset;
|
}
|
|
@include box-shadow($shadow-top, $shadow-bottom, $shadow-right, $shadow-left);
|
}
|
}</pre>
|
</body>
|
</html>
|
