system-phone 3.1.49 → 3.1.52

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 (202) 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/assets//345/210/260/350/256/277/344/270/215/351/201/207/345/256/211/346/243/200.png +0 -0
  100. package/src/assets//345/215/241/350/241/250/346/212/204/350/241/250.png +0 -0
  101. package/src/assets//347/275/221/350/241/250/346/212/204/350/241/250.png +0 -0
  102. package/src/bootstrap/fonts/glyphicons-halflings-regular.svg +287 -287
  103. package/src/bootstrap/less/.csscomb.json +304 -304
  104. package/src/bootstrap/less/.csslintrc +19 -19
  105. package/src/bootstrap/less/alerts.less +73 -73
  106. package/src/bootstrap/less/badges.less +66 -66
  107. package/src/bootstrap/less/bootstrap.less +56 -56
  108. package/src/bootstrap/less/breadcrumbs.less +26 -26
  109. package/src/bootstrap/less/button-groups.less +247 -247
  110. package/src/bootstrap/less/buttons.less +172 -172
  111. package/src/bootstrap/less/carousel.less +269 -269
  112. package/src/bootstrap/less/close.less +34 -34
  113. package/src/bootstrap/less/code.less +69 -69
  114. package/src/bootstrap/less/component-animations.less +33 -33
  115. package/src/bootstrap/less/dropdowns.less +216 -216
  116. package/src/bootstrap/less/forms.less +626 -626
  117. package/src/bootstrap/less/glyphicons.less +305 -305
  118. package/src/bootstrap/less/grid.less +84 -84
  119. package/src/bootstrap/less/input-groups.less +167 -167
  120. package/src/bootstrap/less/jumbotron.less +52 -52
  121. package/src/bootstrap/less/labels.less +64 -64
  122. package/src/bootstrap/less/list-group.less +141 -141
  123. package/src/bootstrap/less/media.less +66 -66
  124. package/src/bootstrap/less/mixins/alerts.less +14 -14
  125. package/src/bootstrap/less/mixins/background-variant.less +9 -9
  126. package/src/bootstrap/less/mixins/border-radius.less +18 -18
  127. package/src/bootstrap/less/mixins/buttons.less +69 -69
  128. package/src/bootstrap/less/mixins/center-block.less +7 -7
  129. package/src/bootstrap/less/mixins/clearfix.less +22 -22
  130. package/src/bootstrap/less/mixins/forms.less +90 -90
  131. package/src/bootstrap/less/mixins/gradients.less +59 -59
  132. package/src/bootstrap/less/mixins/grid-framework.less +92 -92
  133. package/src/bootstrap/less/mixins/grid.less +122 -122
  134. package/src/bootstrap/less/mixins/hide-text.less +21 -21
  135. package/src/bootstrap/less/mixins/image.less +33 -33
  136. package/src/bootstrap/less/mixins/labels.less +12 -12
  137. package/src/bootstrap/less/mixins/list-group.less +30 -30
  138. package/src/bootstrap/less/mixins/nav-divider.less +10 -10
  139. package/src/bootstrap/less/mixins/nav-vertical-align.less +9 -9
  140. package/src/bootstrap/less/mixins/opacity.less +8 -8
  141. package/src/bootstrap/less/mixins/pagination.less +24 -24
  142. package/src/bootstrap/less/mixins/panels.less +24 -24
  143. package/src/bootstrap/less/mixins/progress-bar.less +10 -10
  144. package/src/bootstrap/less/mixins/reset-filter.less +8 -8
  145. package/src/bootstrap/less/mixins/reset-text.less +18 -18
  146. package/src/bootstrap/less/mixins/resize.less +6 -6
  147. package/src/bootstrap/less/mixins/responsive-visibility.less +15 -15
  148. package/src/bootstrap/less/mixins/size.less +10 -10
  149. package/src/bootstrap/less/mixins/tab-focus.less +9 -9
  150. package/src/bootstrap/less/mixins/table-row.less +44 -44
  151. package/src/bootstrap/less/mixins/text-emphasis.less +9 -9
  152. package/src/bootstrap/less/mixins/text-overflow.less +8 -8
  153. package/src/bootstrap/less/mixins/vendor-prefixes.less +227 -227
  154. package/src/bootstrap/less/mixins.less +40 -40
  155. package/src/bootstrap/less/modals.less +151 -151
  156. package/src/bootstrap/less/navbar.less +660 -660
  157. package/src/bootstrap/less/navs.less +286 -286
  158. package/src/bootstrap/less/normalize.less +424 -424
  159. package/src/bootstrap/less/pager.less +76 -76
  160. package/src/bootstrap/less/pagination.less +89 -89
  161. package/src/bootstrap/less/panels.less +275 -275
  162. package/src/bootstrap/less/popovers.less +131 -131
  163. package/src/bootstrap/less/print.less +101 -101
  164. package/src/bootstrap/less/progress-bars.less +87 -87
  165. package/src/bootstrap/less/responsive-embed.less +35 -35
  166. package/src/bootstrap/less/responsive-utilities.less +194 -194
  167. package/src/bootstrap/less/scaffolding.less +161 -161
  168. package/src/bootstrap/less/tables.less +262 -262
  169. package/src/bootstrap/less/theme.less +291 -291
  170. package/src/bootstrap/less/thumbnails.less +36 -36
  171. package/src/bootstrap/less/tooltip.less +102 -102
  172. package/src/bootstrap/less/type.less +303 -303
  173. package/src/bootstrap/less/utilities.less +55 -55
  174. package/src/bootstrap/less/variables.less +895 -895
  175. package/src/bootstrap/less/wells.less +29 -29
  176. package/src/components/AloneLoadParams.vue +26 -26
  177. package/src/components/AlreadyService.vue +210 -210
  178. package/src/components/AttendManage.vue +591 -591
  179. package/src/components/LoadAppdata.vue +38 -38
  180. package/src/components/LoginAppV4.vue +790 -790
  181. package/src/components/ModifyPassWord.vue +219 -219
  182. package/src/components/OnlineManage.vue +278 -278
  183. package/src/components/PhoneSellInfo.vue +148 -148
  184. package/src/components/Test.vue +14 -14
  185. package/src/filiale/liaoyuan/LoginApp.vue +734 -734
  186. package/src/plugins/GetStringData.js +18 -18
  187. package/src/plugins/LoadParams.js +24 -24
  188. package/src/plugins/validateStrongPasswordPhone.js +172 -172
  189. package/src/services/ConfigService.js +24 -24
  190. package/static/app.json +4 -4
  191. package/static/globals.txt +74 -74
  192. package/test/unit/.eslintrc +5 -5
  193. package/test/unit/TestUtil.js +35 -35
  194. package/test/unit/context.html +20 -20
  195. package/test/unit/index.js +13 -13
  196. package/test/unit/init.js +13 -13
  197. package/test/unit/karma.conf.js +50 -50
  198. package/test/unit/specs/App.spec.js +17 -17
  199. package/test/unit/specs/Test.spec.js +28 -28
  200. package/test/unit/specs/components/LoginApp.spec.js +21 -21
  201. package/test/unit/specs/sevices/ConfigService.spec.js +23 -23
  202. package/test/unit/specs/sevices/GetDBTest.spec.js +28 -28
@@ -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
+ }