<!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}color-picker {
|
width: ($colorpicker-item-width * $colorpicker-columns) + horizontal($colorpicker-border-width);
|
height: ($colorpicker-item-height * $colorpicker-rows) + vertical($colorpicker-border-width);
|
background-color: $colorpicker-background-color;
|
border-color: $colorpicker-border-color;
|
border-width: $colorpicker-border-width;
|
border-style: $colorpicker-border-style;
|
}
|
|
.#{$prefix}color-picker-item {
|
width: $colorpicker-item-width;
|
height: $colorpicker-item-height;
|
border-width: $colorpicker-item-border-width;
|
border-color: $colorpicker-item-border-color;
|
border-style: $colorpicker-item-border-style;
|
background-color: $colorpicker-item-background-color;
|
cursor: $colorpicker-item-cursor;
|
padding: $colorpicker-item-padding;
|
@if $include-content-box {
|
.#{$prefix}content-box & {
|
width: $colorpicker-item-width - horizontal($colorpicker-item-border-width) - horizontal($colorpicker-item-padding);
|
height: $colorpicker-item-height - vertical($colorpicker-item-border-width) - vertical($colorpicker-item-padding);
|
}
|
}
|
}
|
|
// include the element name since :hover causes performance issues in IE7 and 8 otherwise
|
a.#{$prefix}color-picker-item:hover {
|
border-color: $colorpicker-item-border-color-over;
|
background-color: $colorpicker-item-background-color-over;
|
}
|
|
.#{$prefix}color-picker-selected {
|
border-color: $colorpicker-item-border-color-selected;
|
background-color: $colorpicker-item-background-color-selected;
|
}
|
|
.#{$prefix}color-picker-item-inner {
|
line-height: $colorpicker-item-height - vertical($colorpicker-item-padding) - vertical($colorpicker-item-border-width) - vertical($colorpicker-item-inner-border-width);
|
border-color: $colorpicker-item-inner-border-color;
|
border-width: $colorpicker-item-inner-border-width;
|
border-style: $colorpicker-item-inner-border-style;
|
}</pre>
|
</body>
|
</html>
|
