system-phone 3.1.40 → 3.1.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (201) hide show
  1. package/.babelrc +5 -5
  2. package/.editorconfig +9 -9
  3. package/.eslintrc.js +16 -16
  4. package/CHANGELOG.md +1 -1
  5. package/Dockerfile +3 -3
  6. package/README.md +36 -36
  7. package/build/css-loaders.js +34 -34
  8. package/build/dev-client.js +8 -8
  9. package/build/example-server.js +80 -80
  10. package/build/release.sh +28 -28
  11. package/build/utils.js +71 -71
  12. package/build/webpack.dev.conf.js +31 -31
  13. package/build/webpack.example.conf.js +49 -49
  14. package/build/webpack.prod.conf.js +60 -60
  15. package/build/webpack.test.conf.js +31 -31
  16. package/config/dev.env.js +6 -6
  17. package/config/index.js +38 -38
  18. package/config/prod.env.js +3 -3
  19. package/config/test.env.js +6 -6
  20. package/nginx.conf +304 -304
  21. package/package.json +1 -1
  22. package/release.bat +5 -5
  23. package/src/App.vue +25 -25
  24. package/src/Util.js +415 -415
  25. package/src/android-bootstrap/fonts/glyphicons-halflings-regular.svg +287 -287
  26. package/src/android-bootstrap/less/.csscomb.json +304 -304
  27. package/src/android-bootstrap/less/.csslintrc +19 -19
  28. package/src/android-bootstrap/less/alerts.less +73 -73
  29. package/src/android-bootstrap/less/badges.less +66 -66
  30. package/src/android-bootstrap/less/bootstrap.less +56 -56
  31. package/src/android-bootstrap/less/breadcrumbs.less +26 -26
  32. package/src/android-bootstrap/less/button-groups.less +247 -247
  33. package/src/android-bootstrap/less/buttons.less +173 -173
  34. package/src/android-bootstrap/less/carousel.less +269 -269
  35. package/src/android-bootstrap/less/close.less +34 -34
  36. package/src/android-bootstrap/less/code.less +69 -69
  37. package/src/android-bootstrap/less/component-animations.less +33 -33
  38. package/src/android-bootstrap/less/dropdowns.less +216 -216
  39. package/src/android-bootstrap/less/forms.less +626 -626
  40. package/src/android-bootstrap/less/glyphicons.less +305 -305
  41. package/src/android-bootstrap/less/grid.less +84 -84
  42. package/src/android-bootstrap/less/input-groups.less +167 -167
  43. package/src/android-bootstrap/less/jumbotron.less +52 -52
  44. package/src/android-bootstrap/less/labels.less +64 -64
  45. package/src/android-bootstrap/less/list-group.less +141 -141
  46. package/src/android-bootstrap/less/media.less +66 -66
  47. package/src/android-bootstrap/less/mixins/alerts.less +14 -14
  48. package/src/android-bootstrap/less/mixins/background-variant.less +9 -9
  49. package/src/android-bootstrap/less/mixins/border-radius.less +18 -18
  50. package/src/android-bootstrap/less/mixins/buttons.less +69 -69
  51. package/src/android-bootstrap/less/mixins/center-block.less +7 -7
  52. package/src/android-bootstrap/less/mixins/clearfix.less +22 -22
  53. package/src/android-bootstrap/less/mixins/forms.less +90 -90
  54. package/src/android-bootstrap/less/mixins/gradients.less +59 -59
  55. package/src/android-bootstrap/less/mixins/grid-framework.less +92 -92
  56. package/src/android-bootstrap/less/mixins/grid.less +122 -122
  57. package/src/android-bootstrap/less/mixins/hide-text.less +21 -21
  58. package/src/android-bootstrap/less/mixins/image.less +33 -33
  59. package/src/android-bootstrap/less/mixins/labels.less +12 -12
  60. package/src/android-bootstrap/less/mixins/list-group.less +30 -30
  61. package/src/android-bootstrap/less/mixins/nav-divider.less +10 -10
  62. package/src/android-bootstrap/less/mixins/nav-vertical-align.less +9 -9
  63. package/src/android-bootstrap/less/mixins/opacity.less +8 -8
  64. package/src/android-bootstrap/less/mixins/pagination.less +24 -24
  65. package/src/android-bootstrap/less/mixins/panels.less +24 -24
  66. package/src/android-bootstrap/less/mixins/progress-bar.less +10 -10
  67. package/src/android-bootstrap/less/mixins/reset-filter.less +8 -8
  68. package/src/android-bootstrap/less/mixins/reset-text.less +18 -18
  69. package/src/android-bootstrap/less/mixins/resize.less +6 -6
  70. package/src/android-bootstrap/less/mixins/responsive-visibility.less +15 -15
  71. package/src/android-bootstrap/less/mixins/size.less +10 -10
  72. package/src/android-bootstrap/less/mixins/tab-focus.less +9 -9
  73. package/src/android-bootstrap/less/mixins/table-row.less +44 -44
  74. package/src/android-bootstrap/less/mixins/text-emphasis.less +9 -9
  75. package/src/android-bootstrap/less/mixins/text-overflow.less +8 -8
  76. package/src/android-bootstrap/less/mixins/vendor-prefixes.less +227 -227
  77. package/src/android-bootstrap/less/mixins.less +40 -40
  78. package/src/android-bootstrap/less/modals.less +151 -151
  79. package/src/android-bootstrap/less/navbar.less +660 -660
  80. package/src/android-bootstrap/less/navs.less +290 -290
  81. package/src/android-bootstrap/less/normalize.less +424 -424
  82. package/src/android-bootstrap/less/pager.less +76 -76
  83. package/src/android-bootstrap/less/pagination.less +89 -89
  84. package/src/android-bootstrap/less/panels.less +274 -274
  85. package/src/android-bootstrap/less/popovers.less +131 -131
  86. package/src/android-bootstrap/less/print.less +101 -101
  87. package/src/android-bootstrap/less/progress-bars.less +87 -87
  88. package/src/android-bootstrap/less/responsive-embed.less +35 -35
  89. package/src/android-bootstrap/less/responsive-utilities.less +194 -194
  90. package/src/android-bootstrap/less/scaffolding.less +161 -161
  91. package/src/android-bootstrap/less/tables.less +262 -262
  92. package/src/android-bootstrap/less/theme.less +291 -291
  93. package/src/android-bootstrap/less/thumbnails.less +36 -36
  94. package/src/android-bootstrap/less/tooltip.less +102 -102
  95. package/src/android-bootstrap/less/type.less +303 -303
  96. package/src/android-bootstrap/less/utilities.less +55 -55
  97. package/src/android-bootstrap/less/variables.less +896 -896
  98. package/src/android-bootstrap/less/wells.less +29 -29
  99. package/src/bootstrap/fonts/glyphicons-halflings-regular.svg +287 -287
  100. package/src/bootstrap/less/.csscomb.json +304 -304
  101. package/src/bootstrap/less/.csslintrc +19 -19
  102. package/src/bootstrap/less/alerts.less +73 -73
  103. package/src/bootstrap/less/badges.less +66 -66
  104. package/src/bootstrap/less/bootstrap.less +56 -56
  105. package/src/bootstrap/less/breadcrumbs.less +26 -26
  106. package/src/bootstrap/less/button-groups.less +247 -247
  107. package/src/bootstrap/less/buttons.less +172 -172
  108. package/src/bootstrap/less/carousel.less +269 -269
  109. package/src/bootstrap/less/close.less +34 -34
  110. package/src/bootstrap/less/code.less +69 -69
  111. package/src/bootstrap/less/component-animations.less +33 -33
  112. package/src/bootstrap/less/dropdowns.less +216 -216
  113. package/src/bootstrap/less/forms.less +626 -626
  114. package/src/bootstrap/less/glyphicons.less +305 -305
  115. package/src/bootstrap/less/grid.less +84 -84
  116. package/src/bootstrap/less/input-groups.less +167 -167
  117. package/src/bootstrap/less/jumbotron.less +52 -52
  118. package/src/bootstrap/less/labels.less +64 -64
  119. package/src/bootstrap/less/list-group.less +141 -141
  120. package/src/bootstrap/less/media.less +66 -66
  121. package/src/bootstrap/less/mixins/alerts.less +14 -14
  122. package/src/bootstrap/less/mixins/background-variant.less +9 -9
  123. package/src/bootstrap/less/mixins/border-radius.less +18 -18
  124. package/src/bootstrap/less/mixins/buttons.less +69 -69
  125. package/src/bootstrap/less/mixins/center-block.less +7 -7
  126. package/src/bootstrap/less/mixins/clearfix.less +22 -22
  127. package/src/bootstrap/less/mixins/forms.less +90 -90
  128. package/src/bootstrap/less/mixins/gradients.less +59 -59
  129. package/src/bootstrap/less/mixins/grid-framework.less +92 -92
  130. package/src/bootstrap/less/mixins/grid.less +122 -122
  131. package/src/bootstrap/less/mixins/hide-text.less +21 -21
  132. package/src/bootstrap/less/mixins/image.less +33 -33
  133. package/src/bootstrap/less/mixins/labels.less +12 -12
  134. package/src/bootstrap/less/mixins/list-group.less +30 -30
  135. package/src/bootstrap/less/mixins/nav-divider.less +10 -10
  136. package/src/bootstrap/less/mixins/nav-vertical-align.less +9 -9
  137. package/src/bootstrap/less/mixins/opacity.less +8 -8
  138. package/src/bootstrap/less/mixins/pagination.less +24 -24
  139. package/src/bootstrap/less/mixins/panels.less +24 -24
  140. package/src/bootstrap/less/mixins/progress-bar.less +10 -10
  141. package/src/bootstrap/less/mixins/reset-filter.less +8 -8
  142. package/src/bootstrap/less/mixins/reset-text.less +18 -18
  143. package/src/bootstrap/less/mixins/resize.less +6 -6
  144. package/src/bootstrap/less/mixins/responsive-visibility.less +15 -15
  145. package/src/bootstrap/less/mixins/size.less +10 -10
  146. package/src/bootstrap/less/mixins/tab-focus.less +9 -9
  147. package/src/bootstrap/less/mixins/table-row.less +44 -44
  148. package/src/bootstrap/less/mixins/text-emphasis.less +9 -9
  149. package/src/bootstrap/less/mixins/text-overflow.less +8 -8
  150. package/src/bootstrap/less/mixins/vendor-prefixes.less +227 -227
  151. package/src/bootstrap/less/mixins.less +40 -40
  152. package/src/bootstrap/less/modals.less +151 -151
  153. package/src/bootstrap/less/navbar.less +660 -660
  154. package/src/bootstrap/less/navs.less +286 -286
  155. package/src/bootstrap/less/normalize.less +424 -424
  156. package/src/bootstrap/less/pager.less +76 -76
  157. package/src/bootstrap/less/pagination.less +89 -89
  158. package/src/bootstrap/less/panels.less +275 -275
  159. package/src/bootstrap/less/popovers.less +131 -131
  160. package/src/bootstrap/less/print.less +101 -101
  161. package/src/bootstrap/less/progress-bars.less +87 -87
  162. package/src/bootstrap/less/responsive-embed.less +35 -35
  163. package/src/bootstrap/less/responsive-utilities.less +194 -194
  164. package/src/bootstrap/less/scaffolding.less +161 -161
  165. package/src/bootstrap/less/tables.less +262 -262
  166. package/src/bootstrap/less/theme.less +291 -291
  167. package/src/bootstrap/less/thumbnails.less +36 -36
  168. package/src/bootstrap/less/tooltip.less +102 -102
  169. package/src/bootstrap/less/type.less +303 -303
  170. package/src/bootstrap/less/utilities.less +55 -55
  171. package/src/bootstrap/less/variables.less +895 -895
  172. package/src/bootstrap/less/wells.less +29 -29
  173. package/src/components/AloneLoadParams.vue +26 -26
  174. package/src/components/AlreadyService.vue +210 -210
  175. package/src/components/AttendManage.vue +591 -591
  176. package/src/components/LoadAppdata.vue +38 -38
  177. package/src/components/LoginAppV4.vue +787 -790
  178. package/src/components/ModifyPassWord.vue +216 -216
  179. package/src/components/OnlineManage.vue +278 -278
  180. package/src/components/PhoneSellInfo.vue +148 -148
  181. package/src/components/Test.vue +14 -14
  182. package/src/filiale/liaoyuan/LoginApp.vue +734 -725
  183. package/src/filiale/liaoyuan/SystemSetUp.vue +352 -0
  184. package/src/filiale/liaoyuan/systemphonegrid.js +1 -0
  185. package/src/plugins/GetStringData.js +18 -18
  186. package/src/plugins/LoadParams.js +24 -24
  187. package/src/services/ConfigService.js +24 -24
  188. package/static/app.json +4 -4
  189. package/static/globals.txt +74 -74
  190. package/test/unit/.eslintrc +5 -5
  191. package/test/unit/TestUtil.js +35 -35
  192. package/test/unit/context.html +20 -20
  193. package/test/unit/index.js +13 -13
  194. package/test/unit/init.js +13 -13
  195. package/test/unit/karma.conf.js +50 -50
  196. package/test/unit/specs/App.spec.js +17 -17
  197. package/test/unit/specs/Test.spec.js +28 -28
  198. package/test/unit/specs/components/LoginApp.spec.js +21 -21
  199. package/test/unit/specs/sevices/ConfigService.spec.js +23 -23
  200. package/test/unit/specs/sevices/GetDBTest.spec.js +28 -28
  201. package/src/plugins/validateStrongPasswordPhone.js +0 -162
@@ -1,69 +1,69 @@
1
- // Button variants
2
- //
3
- // Easily pump out default styles, as well as :hover, :focus, :active,
4
- // and disabled options for all buttons
5
-
6
- .button-variant(@color; @background; @border) {
7
- color: @color;
8
- background-color: @background;
9
- border-color: @border;
10
-
11
- &:focus,
12
- &.focus {
13
- color: @color;
14
- background-color: darken(@background, 10%);
15
- border-color: darken(@border, 25%);
16
- }
17
- &:hover {
18
- color: @color;
19
- background-color: darken(@background, 10%);
20
- border-color: darken(@border, 12%);
21
- }
22
- &:active,
23
- &.active,
24
- .open > .dropdown-toggle& {
25
- color: @color;
26
- background-color: darken(@background, 10%);
27
- border-color: darken(@border, 12%);
28
-
29
- &:hover,
30
- &:focus,
31
- &.focus {
32
- color: @color;
33
- background-color: darken(@background, 17%);
34
- border-color: darken(@border, 25%);
35
- }
36
- }
37
- &:active,
38
- &.active,
39
- .open > .dropdown-toggle& {
40
- background-image: none;
41
- }
42
- &.disabled,
43
- &[disabled],
44
- fieldset[disabled] & {
45
- &,
46
- &:hover,
47
- &:focus,
48
- &.focus,
49
- &:active,
50
- &.active {
51
- background-color: @background;
52
- border-color: @border;
53
- }
54
- }
55
-
56
- .badge {
57
- color: @background;
58
- background-color: @color;
59
- }
60
- }
61
- // button-size第六个参数原本没有自己添加
62
- // Button sizes
63
- .button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius; @margin-bottom) {
64
- padding: @padding-vertical @padding-horizontal;
65
- font-size: @font-size;
66
- line-height: @line-height;
67
- border-radius: @border-radius;
68
- // margin-bottom: @margin-bottom;
69
- }
1
+ // Button variants
2
+ //
3
+ // Easily pump out default styles, as well as :hover, :focus, :active,
4
+ // and disabled options for all buttons
5
+
6
+ .button-variant(@color; @background; @border) {
7
+ color: @color;
8
+ background-color: @background;
9
+ border-color: @border;
10
+
11
+ &:focus,
12
+ &.focus {
13
+ color: @color;
14
+ background-color: darken(@background, 10%);
15
+ border-color: darken(@border, 25%);
16
+ }
17
+ &:hover {
18
+ color: @color;
19
+ background-color: darken(@background, 10%);
20
+ border-color: darken(@border, 12%);
21
+ }
22
+ &:active,
23
+ &.active,
24
+ .open > .dropdown-toggle& {
25
+ color: @color;
26
+ background-color: darken(@background, 10%);
27
+ border-color: darken(@border, 12%);
28
+
29
+ &:hover,
30
+ &:focus,
31
+ &.focus {
32
+ color: @color;
33
+ background-color: darken(@background, 17%);
34
+ border-color: darken(@border, 25%);
35
+ }
36
+ }
37
+ &:active,
38
+ &.active,
39
+ .open > .dropdown-toggle& {
40
+ background-image: none;
41
+ }
42
+ &.disabled,
43
+ &[disabled],
44
+ fieldset[disabled] & {
45
+ &,
46
+ &:hover,
47
+ &:focus,
48
+ &.focus,
49
+ &:active,
50
+ &.active {
51
+ background-color: @background;
52
+ border-color: @border;
53
+ }
54
+ }
55
+
56
+ .badge {
57
+ color: @background;
58
+ background-color: @color;
59
+ }
60
+ }
61
+ // button-size第六个参数原本没有自己添加
62
+ // Button sizes
63
+ .button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius; @margin-bottom) {
64
+ padding: @padding-vertical @padding-horizontal;
65
+ font-size: @font-size;
66
+ line-height: @line-height;
67
+ border-radius: @border-radius;
68
+ // margin-bottom: @margin-bottom;
69
+ }
@@ -1,7 +1,7 @@
1
- // Center-align a block level element
2
-
3
- .center-block() {
4
- display: block;
5
- margin-left: auto;
6
- margin-right: auto;
7
- }
1
+ // Center-align a block level element
2
+
3
+ .center-block() {
4
+ display: block;
5
+ margin-left: auto;
6
+ margin-right: auto;
7
+ }
@@ -1,22 +1,22 @@
1
- // Clearfix
2
- //
3
- // For modern browsers
4
- // 1. The space content is one way to avoid an Opera bug when the
5
- // contenteditable attribute is included anywhere else in the document.
6
- // Otherwise it causes space to appear at the top and bottom of elements
7
- // that are clearfixed.
8
- // 2. The use of `table` rather than `block` is only necessary if using
9
- // `:before` to contain the top-margins of child elements.
10
- //
11
- // Source: http://nicolasgallagher.com/micro-clearfix-hack/
12
-
13
- .clearfix() {
14
- &:before,
15
- &:after {
16
- content: " "; // 1
17
- display: table; // 2
18
- }
19
- &:after {
20
- clear: both;
21
- }
22
- }
1
+ // Clearfix
2
+ //
3
+ // For modern browsers
4
+ // 1. The space content is one way to avoid an Opera bug when the
5
+ // contenteditable attribute is included anywhere else in the document.
6
+ // Otherwise it causes space to appear at the top and bottom of elements
7
+ // that are clearfixed.
8
+ // 2. The use of `table` rather than `block` is only necessary if using
9
+ // `:before` to contain the top-margins of child elements.
10
+ //
11
+ // Source: http://nicolasgallagher.com/micro-clearfix-hack/
12
+
13
+ .clearfix() {
14
+ &:before,
15
+ &:after {
16
+ content: " "; // 1
17
+ display: table; // 2
18
+ }
19
+ &:after {
20
+ clear: both;
21
+ }
22
+ }
@@ -1,90 +1,90 @@
1
- // Form validation states
2
- //
3
- // Used in forms.less to generate the form validation CSS for warnings, errors,
4
- // and successes.
5
-
6
- .form-control-validation(@text-color: #555; @border-color: #ccc; @background-color: #f5f5f5) {
7
- // Color the label and help text
8
- .help-block,
9
- .control-label,
10
- .radio,
11
- .checkbox,
12
- .radio-inline,
13
- .checkbox-inline,
14
- &.radio label,
15
- &.checkbox label,
16
- &.radio-inline label,
17
- &.checkbox-inline label {
18
- color: @text-color;
19
- // 原本没有,自己添加
20
- }
21
- // Set the border and box shadow on specific inputs to match
22
- .form-control {
23
- // border-color: @border-color;
24
- // .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
25
- color: @text-color; // 原本没有
26
- border-bottom: 1px solid @text-color;
27
- .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
28
- &:focus {
29
- // border-color: darken(@border-color, 10%);
30
- border-bottom: 1px solid @text-color;
31
- @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%);
32
- .box-shadow(@shadow);
33
- }
34
- }
35
- // Set validation states also for addons
36
- .input-group-addon {
37
- color: @text-color;
38
- border-color: @border-color;
39
- background-color: @background-color;
40
- }
41
- // Optional feedback icon
42
- .form-control-feedback {
43
- color: @text-color;
44
- }
45
- }
46
-
47
-
48
- // Form control focus state
49
- //
50
- // Generate a customized focus state and for any input with the specified color,
51
- // which defaults to the `@input-border-focus` variable.
52
- //
53
- // We highly encourage you to not customize the default value, but instead use
54
- // this to tweak colors on an as-needed basis. This aesthetic change is based on
55
- // WebKit's default styles, but applicable to a wider range of browsers. Its
56
- // usability and accessibility should be taken into account with any change.
57
- //
58
- // Example usage: change the default blue border and shadow to white for better
59
- // contrast against a dark gray background.
60
- .form-control-focus(@color: @input-border-focus) {
61
- @color-rgba: rgba(red(@color), green(@color), blue(@color), .6);
62
- &:focus {
63
- border-color: @color;
64
- outline: 0;
65
- .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}");
66
- }
67
- }
68
-
69
- // Form control sizing
70
- //
71
- // Relative text size, padding, and border-radii changes for form controls. For
72
- // horizontal sizing, wrap controls in the predefined grid classes. `<select>`
73
- // element gets special love because it's special, and that's a fact!
74
- .input-size(@input-height; @padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
75
- height: @input-height;
76
- padding: @padding-vertical @padding-horizontal;
77
- font-size: @font-size;
78
- line-height: @line-height;
79
- border-radius: @border-radius;
80
-
81
- select& {
82
- height: @input-height;
83
- line-height: @input-height;
84
- }
85
-
86
- textarea&,
87
- select[multiple]& {
88
- height: auto;
89
- }
90
- }
1
+ // Form validation states
2
+ //
3
+ // Used in forms.less to generate the form validation CSS for warnings, errors,
4
+ // and successes.
5
+
6
+ .form-control-validation(@text-color: #555; @border-color: #ccc; @background-color: #f5f5f5) {
7
+ // Color the label and help text
8
+ .help-block,
9
+ .control-label,
10
+ .radio,
11
+ .checkbox,
12
+ .radio-inline,
13
+ .checkbox-inline,
14
+ &.radio label,
15
+ &.checkbox label,
16
+ &.radio-inline label,
17
+ &.checkbox-inline label {
18
+ color: @text-color;
19
+ // 原本没有,自己添加
20
+ }
21
+ // Set the border and box shadow on specific inputs to match
22
+ .form-control {
23
+ // border-color: @border-color;
24
+ // .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
25
+ color: @text-color; // 原本没有
26
+ border-bottom: 1px solid @text-color;
27
+ .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
28
+ &:focus {
29
+ // border-color: darken(@border-color, 10%);
30
+ border-bottom: 1px solid @text-color;
31
+ @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%);
32
+ .box-shadow(@shadow);
33
+ }
34
+ }
35
+ // Set validation states also for addons
36
+ .input-group-addon {
37
+ color: @text-color;
38
+ border-color: @border-color;
39
+ background-color: @background-color;
40
+ }
41
+ // Optional feedback icon
42
+ .form-control-feedback {
43
+ color: @text-color;
44
+ }
45
+ }
46
+
47
+
48
+ // Form control focus state
49
+ //
50
+ // Generate a customized focus state and for any input with the specified color,
51
+ // which defaults to the `@input-border-focus` variable.
52
+ //
53
+ // We highly encourage you to not customize the default value, but instead use
54
+ // this to tweak colors on an as-needed basis. This aesthetic change is based on
55
+ // WebKit's default styles, but applicable to a wider range of browsers. Its
56
+ // usability and accessibility should be taken into account with any change.
57
+ //
58
+ // Example usage: change the default blue border and shadow to white for better
59
+ // contrast against a dark gray background.
60
+ .form-control-focus(@color: @input-border-focus) {
61
+ @color-rgba: rgba(red(@color), green(@color), blue(@color), .6);
62
+ &:focus {
63
+ border-color: @color;
64
+ outline: 0;
65
+ .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}");
66
+ }
67
+ }
68
+
69
+ // Form control sizing
70
+ //
71
+ // Relative text size, padding, and border-radii changes for form controls. For
72
+ // horizontal sizing, wrap controls in the predefined grid classes. `<select>`
73
+ // element gets special love because it's special, and that's a fact!
74
+ .input-size(@input-height; @padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
75
+ height: @input-height;
76
+ padding: @padding-vertical @padding-horizontal;
77
+ font-size: @font-size;
78
+ line-height: @line-height;
79
+ border-radius: @border-radius;
80
+
81
+ select& {
82
+ height: @input-height;
83
+ line-height: @input-height;
84
+ }
85
+
86
+ textarea&,
87
+ select[multiple]& {
88
+ height: auto;
89
+ }
90
+ }
@@ -1,59 +1,59 @@
1
- // Gradients
2
-
3
- #gradient {
4
-
5
- // Horizontal gradient, from left to right
6
- //
7
- // Creates two color stops, start and end, by specifying a color and position for each color stop.
8
- // Color stops are not available in IE9 and below.
9
- .horizontal(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
10
- background-image: -webkit-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // Safari 5.1-6, Chrome 10+
11
- background-image: -o-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // Opera 12
12
- background-image: linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
13
- background-repeat: repeat-x;
14
- filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down
15
- }
16
-
17
- // Vertical gradient, from top to bottom
18
- //
19
- // Creates two color stops, start and end, by specifying a color and position for each color stop.
20
- // Color stops are not available in IE9 and below.
21
- .vertical(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
22
- background-image: -webkit-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Safari 5.1-6, Chrome 10+
23
- background-image: -o-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Opera 12
24
- background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
25
- background-repeat: repeat-x;
26
- filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down
27
- }
28
-
29
- .directional(@start-color: #555; @end-color: #333; @deg: 45deg) {
30
- background-repeat: repeat-x;
31
- background-image: -webkit-linear-gradient(@deg, @start-color, @end-color); // Safari 5.1-6, Chrome 10+
32
- background-image: -o-linear-gradient(@deg, @start-color, @end-color); // Opera 12
33
- background-image: linear-gradient(@deg, @start-color, @end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
34
- }
35
- .horizontal-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
36
- background-image: -webkit-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
37
- background-image: -o-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
38
- background-image: linear-gradient(to right, @start-color, @mid-color @color-stop, @end-color);
39
- background-repeat: no-repeat;
40
- filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
41
- }
42
- .vertical-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
43
- background-image: -webkit-linear-gradient(@start-color, @mid-color @color-stop, @end-color);
44
- background-image: -o-linear-gradient(@start-color, @mid-color @color-stop, @end-color);
45
- background-image: linear-gradient(@start-color, @mid-color @color-stop, @end-color);
46
- background-repeat: no-repeat;
47
- filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
48
- }
49
- .radial(@inner-color: #555; @outer-color: #333) {
50
- background-image: -webkit-radial-gradient(circle, @inner-color, @outer-color);
51
- background-image: radial-gradient(circle, @inner-color, @outer-color);
52
- background-repeat: no-repeat;
53
- }
54
- .striped(@color: rgba(255,255,255,.15); @angle: 45deg) {
55
- background-image: -webkit-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
56
- background-image: -o-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
57
- background-image: linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
58
- }
59
- }
1
+ // Gradients
2
+
3
+ #gradient {
4
+
5
+ // Horizontal gradient, from left to right
6
+ //
7
+ // Creates two color stops, start and end, by specifying a color and position for each color stop.
8
+ // Color stops are not available in IE9 and below.
9
+ .horizontal(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
10
+ background-image: -webkit-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // Safari 5.1-6, Chrome 10+
11
+ background-image: -o-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // Opera 12
12
+ background-image: linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
13
+ background-repeat: repeat-x;
14
+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down
15
+ }
16
+
17
+ // Vertical gradient, from top to bottom
18
+ //
19
+ // Creates two color stops, start and end, by specifying a color and position for each color stop.
20
+ // Color stops are not available in IE9 and below.
21
+ .vertical(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
22
+ background-image: -webkit-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Safari 5.1-6, Chrome 10+
23
+ background-image: -o-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Opera 12
24
+ background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
25
+ background-repeat: repeat-x;
26
+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down
27
+ }
28
+
29
+ .directional(@start-color: #555; @end-color: #333; @deg: 45deg) {
30
+ background-repeat: repeat-x;
31
+ background-image: -webkit-linear-gradient(@deg, @start-color, @end-color); // Safari 5.1-6, Chrome 10+
32
+ background-image: -o-linear-gradient(@deg, @start-color, @end-color); // Opera 12
33
+ background-image: linear-gradient(@deg, @start-color, @end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
34
+ }
35
+ .horizontal-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
36
+ background-image: -webkit-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
37
+ background-image: -o-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
38
+ background-image: linear-gradient(to right, @start-color, @mid-color @color-stop, @end-color);
39
+ background-repeat: no-repeat;
40
+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
41
+ }
42
+ .vertical-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
43
+ background-image: -webkit-linear-gradient(@start-color, @mid-color @color-stop, @end-color);
44
+ background-image: -o-linear-gradient(@start-color, @mid-color @color-stop, @end-color);
45
+ background-image: linear-gradient(@start-color, @mid-color @color-stop, @end-color);
46
+ background-repeat: no-repeat;
47
+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
48
+ }
49
+ .radial(@inner-color: #555; @outer-color: #333) {
50
+ background-image: -webkit-radial-gradient(circle, @inner-color, @outer-color);
51
+ background-image: radial-gradient(circle, @inner-color, @outer-color);
52
+ background-repeat: no-repeat;
53
+ }
54
+ .striped(@color: rgba(255,255,255,.15); @angle: 45deg) {
55
+ background-image: -webkit-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
56
+ background-image: -o-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
57
+ background-image: linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
58
+ }
59
+ }