projects / extjs.git / blame
| Commit | Line | Data |
|---|---|---|
| 6527f429 DM |
1 | /**\r |
| 2 | * @class Ext.LoadMask\r | |
| 3 | */\r | |
| 4 | \r | |
| 5 | /**\r | |
| 6 | * @var {number}\r | |
| 7 | * Opacity of the LoadMask\r | |
| 8 | */\r | |
| 9 | $loadmask-opacity: dynamic(0.5);\r | |
| 10 | \r | |
| 11 | /**\r | |
| 12 | * @var {color}\r | |
| 13 | * The background-color of the LoadMask\r | |
| 14 | */\r | |
| 15 | $loadmask-background-color: dynamic(#ccc);\r | |
| 16 | \r | |
| 17 | /**\r | |
| 18 | * @var {number}\r | |
| 19 | * Opacity of the LoadMask when applied to the document body element.\r | |
| 20 | * Used for modal Windows and MessageBox\r | |
| 21 | */\r | |
| 22 | $loadmask-page-opacity: dynamic($loadmask-opacity);\r | |
| 23 | \r | |
| 24 | /**\r | |
| 25 | * @var {color}\r | |
| 26 | * The background-color of the LoadMask when applied to the document body element.\r | |
| 27 | * Used for modal Windows and MessageBox\r | |
| 28 | */\r | |
| 29 | $loadmask-page-background-color: dynamic($loadmask-background-color);\r | |
| 30 | \r | |
| 31 | /**\r | |
| 32 | * @var {string}\r | |
| 33 | * The type of cursor to dislay when the cursor is over the LoadMask\r | |
| 34 | */\r | |
| 35 | $loadmask-cursor: dynamic(default);\r | |
| 36 | \r | |
| 37 | /**\r | |
| 38 | * @var {string}\r | |
| 39 | * The border-style of the LoadMask focus border\r | |
| 40 | */\r | |
| 41 | $loadmask-border-style-focus: dynamic(solid);\r | |
| 42 | \r | |
| 43 | /**\r | |
| 44 | * @var {string}\r | |
| 45 | * The border-color of the LoadMask focus border\r | |
| 46 | */\r | |
| 47 | $loadmask-border-color-focus: dynamic($base-color);\r | |
| 48 | \r | |
| 49 | /**\r | |
| 50 | * @var {string}\r | |
| 51 | * The border-width of the LoadMask focus border\r | |
| 52 | */\r | |
| 53 | $loadmask-border-width-focus: dynamic(1px);\r | |
| 54 | \r | |
| 55 | /**\r | |
| 56 | * @var {number/list}\r | |
| 57 | * The padding to apply to the LoadMask's message element\r | |
| 58 | */\r | |
| 59 | $loadmask-msg-padding: dynamic(2px);\r | |
| 60 | \r | |
| 61 | /**\r | |
| 62 | * @var {string}\r | |
| 63 | * The border-style of the LoadMask's message element\r | |
| 64 | */\r | |
| 65 | $loadmask-msg-border-style: dynamic(solid);\r | |
| 66 | \r | |
| 67 | /**\r | |
| 68 | * @var {color}\r | |
| 69 | * The border-color of the LoadMask's message element\r | |
| 70 | */\r | |
| 71 | $loadmask-msg-border-color: dynamic($base-color);\r | |
| 72 | \r | |
| 73 | /**\r | |
| 74 | * @var {number}\r | |
| 75 | * The border-width of the LoadMask's message element\r | |
| 76 | */\r | |
| 77 | $loadmask-msg-border-width: dynamic(1px);\r | |
| 78 | \r | |
| 79 | /**\r | |
| 80 | * @var {color}\r | |
| 81 | * The background-color of the LoadMask's message element\r | |
| 82 | */\r | |
| 83 | $loadmask-msg-background-color: dynamic($base-color);\r | |
| 84 | \r | |
| 85 | /**\r | |
| 86 | * @var {string/list}\r | |
| 87 | * The background-gradient of the LoadMask's message element. Can be either the name\r | |
| 88 | * of a predefined gradient or a list of color stops. Used as the `$type` parameter for\r | |
| 89 | * {@link Global_CSS#background-gradient}.\r | |
| 90 | */\r | |
| 91 | $loadmask-msg-background-gradient: dynamic('none');\r | |
| 92 | \r | |
| 93 | /**\r | |
| 94 | * @var {number/list}\r | |
| 95 | * The padding of the message inner element\r | |
| 96 | */\r | |
| 97 | $loadmask-msg-inner-padding: dynamic(0 5px);\r | |
| 98 | \r | |
| 99 | /**\r | |
| 100 | * @var {string}\r | |
| 101 | * The icon to display in the message inner element\r | |
| 102 | */\r | |
| 103 | $loadmask-msg-inner-icon: dynamic('loadmask/loading');\r | |
| 104 | \r | |
| 105 | /**\r | |
| 106 | * @var {list}\r | |
| 107 | * The background-position of the icon\r | |
| 108 | */\r | |
| 109 | $loadmask-msg-inner-icon-position: dynamic(0 center);\r | |
| 110 | \r | |
| 111 | /**\r | |
| 112 | * @var {string}\r | |
| 113 | * The border-style of the message inner element\r | |
| 114 | */\r | |
| 115 | $loadmask-msg-inner-border-style: dynamic(solid);\r | |
| 116 | \r | |
| 117 | /**\r | |
| 118 | * @var {color}\r | |
| 119 | * The border-color of the message inner element\r | |
| 120 | */\r | |
| 121 | $loadmask-msg-inner-border-color: dynamic($base-color);\r | |
| 122 | \r | |
| 123 | /**\r | |
| 124 | * @var {number}\r | |
| 125 | * The border-width of the message inner element\r | |
| 126 | */\r | |
| 127 | $loadmask-msg-inner-border-width: dynamic(1px);\r | |
| 128 | \r | |
| 129 | /**\r | |
| 130 | * @var {color}\r | |
| 131 | * The background-color of the message inner element\r | |
| 132 | */\r | |
| 133 | $loadmask-msg-inner-background-color: dynamic(#eee);\r | |
| 134 | \r | |
| 135 | /**\r | |
| 136 | * @var {color}\r | |
| 137 | * The text color of the message inner element\r | |
| 138 | */\r | |
| 139 | $loadmask-msg-inner-color: dynamic(#222);\r | |
| 140 | \r | |
| 141 | /**\r | |
| 142 | * @var {number}\r | |
| 143 | * The font-size of the message inner element\r | |
| 144 | */\r | |
| 145 | $loadmask-msg-inner-font-size: dynamic($font-size);\r | |
| 146 | \r | |
| 147 | /**\r | |
| 148 | * @var {string}\r | |
| 149 | * The font-weight of the message inner element\r | |
| 150 | */\r | |
| 151 | $loadmask-msg-inner-font-weight: dynamic($font-weight);\r | |
| 152 | \r | |
| 153 | /**\r | |
| 154 | * @var {string}\r | |
| 155 | * The font-family of the message inner element\r | |
| 156 | */\r | |
| 157 | $loadmask-msg-inner-font-family: dynamic($font-family);\r | |
| 158 | \r | |
| 159 | // private\r | |
| 160 | $loadmask-msg-inner-font: dynamic($loadmask-msg-inner-font-weight $loadmask-msg-inner-font-size $loadmask-msg-inner-font-family);\r | |
| 161 | \r | |
| 162 | /**\r | |
| 163 | * @var {number/list}\r | |
| 164 | * The padding of the message element\r | |
| 165 | */\r | |
| 166 | $loadmask-msg-text-padding: dynamic(5px 5px 5px 20px);\r | |
| 167 | \r | |
| 168 | /**\r | |
| 169 | * @var {number}\r | |
| 170 | * The border-radius of the message element\r | |
| 171 | */\r | |
| 172 | $loadmask-msg-border-radius: dynamic(0);\r |