<!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"><span id='Ext-menu-Menu'>/**
|
</span> * @class Ext.menu.Menu
|
*/
|
|
<span id='Ext-menu-Menu-css_var-S-menu-background-color'>/**
|
</span> * @var {color}
|
* The background-color of the Menu
|
*/
|
$menu-background-color: #fff !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-separator-border-color'>/**
|
</span> * @var {color}
|
* The border-color of {@link Ext.menu.Separator Menu Separators}
|
*/
|
$menu-separator-border-color: $neutral-color !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-separator-background-color'>/**
|
</span> * @var {color}
|
* The background-color of {@link Ext.menu.Separator Menu Separators}
|
*/
|
$menu-separator-background-color: #FFF !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-separator-size'>/**
|
</span> * @var {number}
|
* The size of {@link Ext.menu.Separator Menu Separators}
|
*/
|
$menu-separator-size: 2px !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-border-color'>/**
|
</span> * @var {color}
|
* The border-color of the Menu
|
*/
|
$menu-border-color: $neutral-color !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-border-style'>/**
|
</span> * @var {string}
|
* The border-style of the Menu
|
*/
|
$menu-border-style: solid !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-border-width'>/**
|
</span> * @var {number}
|
* The border-width of the Menu
|
*/
|
$menu-border-width: null !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-item-font-size'>/**
|
</span> * @var {number}
|
* The font-size of {@link Ext.menu.Item Menu Items}
|
*/
|
$menu-item-font-size: $font-size !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-item-margin'>/**
|
</span> * @var {number}
|
* The margin of {@link Ext.menu.Item Menu Items}
|
*/
|
$menu-item-margin: 1px !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-item-height'>/**
|
</span> * @var {number}
|
* The height of {@link Ext.menu.Item Menu Items}
|
*/
|
$menu-item-height: 24px !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-item-border-width'>/**
|
</span> * @var {number}
|
* The border-width of {@link Ext.menu.Item Menu Items}
|
*/
|
$menu-item-border-width: 1px !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-item-cursor'>/**
|
</span> * @var {string}
|
* The style of cursor to display when the cursor is over a {@link Ext.menu.Item Menu Item}
|
*/
|
$menu-item-cursor: pointer !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-item-active-background-color'>/**
|
</span> * @var {color}
|
* The background-color of the active {@link Ext.menu.Item Menu Item}
|
*/
|
$menu-item-active-background-color: $base-color !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-item-active-border-color'>/**
|
</span> * @var {color}
|
* The border-color of the active {@link Ext.menu.Item Menu Item}
|
*/
|
$menu-item-active-border-color: adjust-color($base-color, $saturation: 23%, $lightness: -3%) !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-item-background-gradient'>/**
|
</span> * @var {string/list}
|
* The background-gradient for {@link Ext.menu.Item Menu Items}. Can be either the name
|
* of a predefined gradient or a list of color stops. Used as the `$type` parameter for
|
* {@link Global_CSS#background-gradient}.
|
*/
|
$menu-item-background-gradient: null !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-item-active-border-radius'>/**
|
</span> * @var {number}
|
* The border-radius of {@link Ext.menu.Item Menu Items}
|
*/
|
$menu-item-active-border-radius: 0 !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-item-icon-size'>/**
|
</span> * @var {number}
|
* The size of {@link Ext.menu.Item Menu Item} icons
|
*/
|
$menu-item-icon-size: 16px !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-item-icon-horizontal-spacing'>/**
|
</span> * @var {number}
|
* The space to the left and right of {@link Ext.menu.Item Menu Item} icons
|
*/
|
$menu-item-icon-horizontal-spacing: 3px !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-item-icon-background-position'>/**
|
</span> * @var {list}
|
* The background-position of {@link Ext.menu.Item Menu Item} icons
|
*/
|
$menu-item-icon-background-position: center center !default;
|
|
// private
|
$menu-item-icon-top: round(($menu-item-height - vertical($menu-item-border-width) - $menu-item-icon-size) / 2) + 1 !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-item-text-horizontal-spacing'>/**
|
</span> * @var {number}
|
* The space to the left and right of {@link Ext.menu.Item Menu Item} text
|
*/
|
$menu-item-text-horizontal-spacing: 4px !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-item-separator-margin'>/**
|
</span> * @var {number/list}
|
* The margin of {@link Ext.menu.Separator Menu Separators}
|
*/
|
$menu-item-separator-margin: 2px 0 !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-check-item-padding'>/**
|
</span> * @var {number}
|
* The padding to the right of {@link Ext.menu.CheckItem Check Items}, to make room
|
* for the checkbox
|
*/
|
$menu-check-item-padding: 22px !default;
|
|
// Right (or left in RTL mode) padding on menu items
|
$menu-item-trailing-padding: 0 !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-item-arrow-height'>/**
|
</span> * @var {number}
|
* The height of {@link Ext.menu.Item Menu Item} arrows
|
*/
|
$menu-item-arrow-height: 9px !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-item-arrow-width'>/**
|
</span> * @var {number}
|
* The width of {@link Ext.menu.Item Menu Item} arrows
|
*/
|
$menu-item-arrow-width: 12px !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-item-arrow-horizontal-spacing'>/**
|
</span> * @var {number}
|
* The space to the left and right of {@link Ext.menu.Item Menu Item} arrows
|
*/
|
$menu-item-arrow-horizontal-spacing: 0 !default;
|
|
// private
|
$menu-item-arrow-top: round(($menu-item-height - vertical($menu-item-border-width) - $menu-item-arrow-height) / 2) !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-item-disabled-opacity'>/**
|
</span> * @var {number}
|
* The opacity of disabled {@link Ext.menu.Item Menu Items}
|
*/
|
$menu-item-disabled-opacity: .5 !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-scroller-height'>/**
|
</span> * @var {number}
|
* The height of Menu crollers
|
*/
|
$menu-scroller-height: 8px !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-scroller-opacity'>/**
|
</span> * @var {number}
|
* The opacity of Menu crollers
|
*/
|
$menu-scroller-opacity: 1 !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-scroller-opacity-over'>/**
|
</span> * @var {number}
|
* The opacity of Menu crollers when hovered
|
*/
|
$menu-scroller-opacity-over: 1 !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-scroller-opacity-pressed'>/**
|
</span> * @var {number}
|
* The opacity of Menu crollers when pressed
|
*/
|
$menu-scroller-opacity-pressed: 1 !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-padding'>/**
|
</span> * @var {number/list}
|
* The padding to apply to the Menu body element
|
*/
|
$menu-padding: 2px !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-text-color'>/**
|
</span> * @var {color}
|
* The color of Menu Item text
|
*/
|
$menu-text-color: #000 !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-component-margin'>/**
|
</span> * @var {number/list}
|
* The margin non-MenuItems placed in a Menu
|
*/
|
$menu-component-margin: null !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-glyph-color'>/**
|
</span> * @var {color} $menu-glyph-color
|
* The color to use for menu icons configured using {@link Ext.menu.Item#glyph glyph}
|
*/
|
$menu-glyph-color: $menu-text-color !default;
|
|
<span id='Ext-menu-Menu-css_var-S-menu-glyph-opacity'>/**
|
</span> * @var {number} $menu-glyph-opacity
|
* The opacity to use for menu icons configured using {@link Ext.menu.Item#glyph glyph}
|
*/
|
$menu-glyph-opacity: .5 !default;</pre>
|
</body>
|
</html>
|
