system-phone 3.1.46 → 3.1.48

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 (211) hide show
  1. package/.babelrc +5 -5
  2. package/.editorconfig +9 -9
  3. package/.eslintrc.js +16 -16
  4. package/.gradle/7.4/checksums/checksums.lock +0 -0
  5. package/.gradle/7.4/dependencies-accessors/dependencies-accessors.lock +0 -0
  6. package/.gradle/7.4/dependencies-accessors/gc.properties +0 -0
  7. package/.gradle/7.4/executionHistory/executionHistory.bin +0 -0
  8. package/.gradle/7.4/executionHistory/executionHistory.lock +0 -0
  9. package/.gradle/7.4/fileChanges/last-build.bin +0 -0
  10. package/.gradle/7.4/fileHashes/fileHashes.bin +0 -0
  11. package/.gradle/7.4/fileHashes/fileHashes.lock +0 -0
  12. package/.gradle/7.4/gc.properties +0 -0
  13. package/.gradle/buildOutputCleanup/outputFiles.bin +0 -0
  14. package/.gradle/checksums/checksums.lock +0 -0
  15. package/.gradle/checksums/md5-checksums.bin +0 -0
  16. package/.gradle/checksums/sha1-checksums.bin +0 -0
  17. package/.gradle/file-system.probe +0 -0
  18. package/CHANGELOG.md +1 -1
  19. package/Dockerfile +3 -3
  20. package/README.md +36 -36
  21. package/build/css-loaders.js +34 -34
  22. package/build/dev-client.js +8 -8
  23. package/build/example-server.js +80 -80
  24. package/build/release.sh +28 -28
  25. package/build/utils.js +71 -71
  26. package/build/webpack.dev.conf.js +31 -31
  27. package/build/webpack.example.conf.js +49 -49
  28. package/build/webpack.prod.conf.js +60 -60
  29. package/build/webpack.test.conf.js +31 -31
  30. package/config/dev.env.js +6 -6
  31. package/config/index.js +38 -38
  32. package/config/prod.env.js +3 -3
  33. package/config/test.env.js +6 -6
  34. package/nginx.conf +304 -304
  35. package/package.json +1 -1
  36. package/release.bat +5 -5
  37. package/src/App.vue +25 -25
  38. package/src/Util.js +415 -415
  39. package/src/android-bootstrap/fonts/glyphicons-halflings-regular.svg +287 -287
  40. package/src/android-bootstrap/less/.csscomb.json +304 -304
  41. package/src/android-bootstrap/less/.csslintrc +19 -19
  42. package/src/android-bootstrap/less/alerts.less +73 -73
  43. package/src/android-bootstrap/less/badges.less +66 -66
  44. package/src/android-bootstrap/less/bootstrap.less +56 -56
  45. package/src/android-bootstrap/less/breadcrumbs.less +26 -26
  46. package/src/android-bootstrap/less/button-groups.less +247 -247
  47. package/src/android-bootstrap/less/buttons.less +173 -173
  48. package/src/android-bootstrap/less/carousel.less +269 -269
  49. package/src/android-bootstrap/less/close.less +34 -34
  50. package/src/android-bootstrap/less/code.less +69 -69
  51. package/src/android-bootstrap/less/component-animations.less +33 -33
  52. package/src/android-bootstrap/less/dropdowns.less +216 -216
  53. package/src/android-bootstrap/less/forms.less +626 -626
  54. package/src/android-bootstrap/less/glyphicons.less +305 -305
  55. package/src/android-bootstrap/less/grid.less +84 -84
  56. package/src/android-bootstrap/less/input-groups.less +167 -167
  57. package/src/android-bootstrap/less/jumbotron.less +52 -52
  58. package/src/android-bootstrap/less/labels.less +64 -64
  59. package/src/android-bootstrap/less/list-group.less +141 -141
  60. package/src/android-bootstrap/less/media.less +66 -66
  61. package/src/android-bootstrap/less/mixins/alerts.less +14 -14
  62. package/src/android-bootstrap/less/mixins/background-variant.less +9 -9
  63. package/src/android-bootstrap/less/mixins/border-radius.less +18 -18
  64. package/src/android-bootstrap/less/mixins/buttons.less +69 -69
  65. package/src/android-bootstrap/less/mixins/center-block.less +7 -7
  66. package/src/android-bootstrap/less/mixins/clearfix.less +22 -22
  67. package/src/android-bootstrap/less/mixins/forms.less +90 -90
  68. package/src/android-bootstrap/less/mixins/gradients.less +59 -59
  69. package/src/android-bootstrap/less/mixins/grid-framework.less +92 -92
  70. package/src/android-bootstrap/less/mixins/grid.less +122 -122
  71. package/src/android-bootstrap/less/mixins/hide-text.less +21 -21
  72. package/src/android-bootstrap/less/mixins/image.less +33 -33
  73. package/src/android-bootstrap/less/mixins/labels.less +12 -12
  74. package/src/android-bootstrap/less/mixins/list-group.less +30 -30
  75. package/src/android-bootstrap/less/mixins/nav-divider.less +10 -10
  76. package/src/android-bootstrap/less/mixins/nav-vertical-align.less +9 -9
  77. package/src/android-bootstrap/less/mixins/opacity.less +8 -8
  78. package/src/android-bootstrap/less/mixins/pagination.less +24 -24
  79. package/src/android-bootstrap/less/mixins/panels.less +24 -24
  80. package/src/android-bootstrap/less/mixins/progress-bar.less +10 -10
  81. package/src/android-bootstrap/less/mixins/reset-filter.less +8 -8
  82. package/src/android-bootstrap/less/mixins/reset-text.less +18 -18
  83. package/src/android-bootstrap/less/mixins/resize.less +6 -6
  84. package/src/android-bootstrap/less/mixins/responsive-visibility.less +15 -15
  85. package/src/android-bootstrap/less/mixins/size.less +10 -10
  86. package/src/android-bootstrap/less/mixins/tab-focus.less +9 -9
  87. package/src/android-bootstrap/less/mixins/table-row.less +44 -44
  88. package/src/android-bootstrap/less/mixins/text-emphasis.less +9 -9
  89. package/src/android-bootstrap/less/mixins/text-overflow.less +8 -8
  90. package/src/android-bootstrap/less/mixins/vendor-prefixes.less +227 -227
  91. package/src/android-bootstrap/less/mixins.less +40 -40
  92. package/src/android-bootstrap/less/modals.less +151 -151
  93. package/src/android-bootstrap/less/navbar.less +660 -660
  94. package/src/android-bootstrap/less/navs.less +290 -290
  95. package/src/android-bootstrap/less/normalize.less +424 -424
  96. package/src/android-bootstrap/less/pager.less +76 -76
  97. package/src/android-bootstrap/less/pagination.less +89 -89
  98. package/src/android-bootstrap/less/panels.less +274 -274
  99. package/src/android-bootstrap/less/popovers.less +131 -131
  100. package/src/android-bootstrap/less/print.less +101 -101
  101. package/src/android-bootstrap/less/progress-bars.less +87 -87
  102. package/src/android-bootstrap/less/responsive-embed.less +35 -35
  103. package/src/android-bootstrap/less/responsive-utilities.less +194 -194
  104. package/src/android-bootstrap/less/scaffolding.less +161 -161
  105. package/src/android-bootstrap/less/tables.less +262 -262
  106. package/src/android-bootstrap/less/theme.less +291 -291
  107. package/src/android-bootstrap/less/thumbnails.less +36 -36
  108. package/src/android-bootstrap/less/tooltip.less +102 -102
  109. package/src/android-bootstrap/less/type.less +303 -303
  110. package/src/android-bootstrap/less/utilities.less +55 -55
  111. package/src/android-bootstrap/less/variables.less +896 -896
  112. package/src/android-bootstrap/less/wells.less +29 -29
  113. package/src/bootstrap/fonts/glyphicons-halflings-regular.svg +287 -287
  114. package/src/bootstrap/less/.csscomb.json +304 -304
  115. package/src/bootstrap/less/.csslintrc +19 -19
  116. package/src/bootstrap/less/alerts.less +73 -73
  117. package/src/bootstrap/less/badges.less +66 -66
  118. package/src/bootstrap/less/bootstrap.less +56 -56
  119. package/src/bootstrap/less/breadcrumbs.less +26 -26
  120. package/src/bootstrap/less/button-groups.less +247 -247
  121. package/src/bootstrap/less/buttons.less +172 -172
  122. package/src/bootstrap/less/carousel.less +269 -269
  123. package/src/bootstrap/less/close.less +34 -34
  124. package/src/bootstrap/less/code.less +69 -69
  125. package/src/bootstrap/less/component-animations.less +33 -33
  126. package/src/bootstrap/less/dropdowns.less +216 -216
  127. package/src/bootstrap/less/forms.less +626 -626
  128. package/src/bootstrap/less/glyphicons.less +305 -305
  129. package/src/bootstrap/less/grid.less +84 -84
  130. package/src/bootstrap/less/input-groups.less +167 -167
  131. package/src/bootstrap/less/jumbotron.less +52 -52
  132. package/src/bootstrap/less/labels.less +64 -64
  133. package/src/bootstrap/less/list-group.less +141 -141
  134. package/src/bootstrap/less/media.less +66 -66
  135. package/src/bootstrap/less/mixins/alerts.less +14 -14
  136. package/src/bootstrap/less/mixins/background-variant.less +9 -9
  137. package/src/bootstrap/less/mixins/border-radius.less +18 -18
  138. package/src/bootstrap/less/mixins/buttons.less +69 -69
  139. package/src/bootstrap/less/mixins/center-block.less +7 -7
  140. package/src/bootstrap/less/mixins/clearfix.less +22 -22
  141. package/src/bootstrap/less/mixins/forms.less +90 -90
  142. package/src/bootstrap/less/mixins/gradients.less +59 -59
  143. package/src/bootstrap/less/mixins/grid-framework.less +92 -92
  144. package/src/bootstrap/less/mixins/grid.less +122 -122
  145. package/src/bootstrap/less/mixins/hide-text.less +21 -21
  146. package/src/bootstrap/less/mixins/image.less +33 -33
  147. package/src/bootstrap/less/mixins/labels.less +12 -12
  148. package/src/bootstrap/less/mixins/list-group.less +30 -30
  149. package/src/bootstrap/less/mixins/nav-divider.less +10 -10
  150. package/src/bootstrap/less/mixins/nav-vertical-align.less +9 -9
  151. package/src/bootstrap/less/mixins/opacity.less +8 -8
  152. package/src/bootstrap/less/mixins/pagination.less +24 -24
  153. package/src/bootstrap/less/mixins/panels.less +24 -24
  154. package/src/bootstrap/less/mixins/progress-bar.less +10 -10
  155. package/src/bootstrap/less/mixins/reset-filter.less +8 -8
  156. package/src/bootstrap/less/mixins/reset-text.less +18 -18
  157. package/src/bootstrap/less/mixins/resize.less +6 -6
  158. package/src/bootstrap/less/mixins/responsive-visibility.less +15 -15
  159. package/src/bootstrap/less/mixins/size.less +10 -10
  160. package/src/bootstrap/less/mixins/tab-focus.less +9 -9
  161. package/src/bootstrap/less/mixins/table-row.less +44 -44
  162. package/src/bootstrap/less/mixins/text-emphasis.less +9 -9
  163. package/src/bootstrap/less/mixins/text-overflow.less +8 -8
  164. package/src/bootstrap/less/mixins/vendor-prefixes.less +227 -227
  165. package/src/bootstrap/less/mixins.less +40 -40
  166. package/src/bootstrap/less/modals.less +151 -151
  167. package/src/bootstrap/less/navbar.less +660 -660
  168. package/src/bootstrap/less/navs.less +286 -286
  169. package/src/bootstrap/less/normalize.less +424 -424
  170. package/src/bootstrap/less/pager.less +76 -76
  171. package/src/bootstrap/less/pagination.less +89 -89
  172. package/src/bootstrap/less/panels.less +275 -275
  173. package/src/bootstrap/less/popovers.less +131 -131
  174. package/src/bootstrap/less/print.less +101 -101
  175. package/src/bootstrap/less/progress-bars.less +87 -87
  176. package/src/bootstrap/less/responsive-embed.less +35 -35
  177. package/src/bootstrap/less/responsive-utilities.less +194 -194
  178. package/src/bootstrap/less/scaffolding.less +161 -161
  179. package/src/bootstrap/less/tables.less +262 -262
  180. package/src/bootstrap/less/theme.less +291 -291
  181. package/src/bootstrap/less/thumbnails.less +36 -36
  182. package/src/bootstrap/less/tooltip.less +102 -102
  183. package/src/bootstrap/less/type.less +303 -303
  184. package/src/bootstrap/less/utilities.less +55 -55
  185. package/src/bootstrap/less/variables.less +895 -895
  186. package/src/bootstrap/less/wells.less +29 -29
  187. package/src/components/AloneLoadParams.vue +26 -26
  188. package/src/components/LoadAppdata.vue +38 -38
  189. package/src/components/LoginApp.vue +726 -735
  190. package/src/components/LoginAppNew.vue +590 -590
  191. package/src/components/LoginAppV4.vue +790 -790
  192. package/src/components/ModifyPassWord.vue +219 -219
  193. package/src/components/PhoneSellInfo.vue +148 -148
  194. package/src/components/Test.vue +14 -14
  195. package/src/plugins/GetStringData.js +18 -18
  196. package/src/plugins/LoadParams.js +24 -24
  197. package/src/plugins/validateStrongPasswordPhone.js +172 -172
  198. package/src/services/ConfigService.js +24 -24
  199. package/static/app.json +4 -4
  200. package/static/globals.txt +74 -74
  201. package/test/unit/.eslintrc +5 -5
  202. package/test/unit/TestUtil.js +35 -35
  203. package/test/unit/context.html +20 -20
  204. package/test/unit/index.js +13 -13
  205. package/test/unit/init.js +13 -13
  206. package/test/unit/karma.conf.js +50 -50
  207. package/test/unit/specs/App.spec.js +17 -17
  208. package/test/unit/specs/Test.spec.js +28 -28
  209. package/test/unit/specs/components/LoginApp.spec.js +21 -21
  210. package/test/unit/specs/sevices/ConfigService.spec.js +23 -23
  211. package/test/unit/specs/sevices/GetDBTest.spec.js +28 -28
@@ -1,92 +1,92 @@
1
- // Framework grid generation
2
- //
3
- // Used only by Bootstrap to generate the correct number of grid classes given
4
- // any value of `@grid-columns`.
5
-
6
- .make-grid-columns() {
7
- // Common styles for all sizes of grid columns, widths 1-12
8
- .col(@index) { // initial
9
- @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
10
- .col((@index + 1), @item);
11
- }
12
- .col(@index, @list) when (@index =< @grid-columns) { // general; "=<" isn't a typo
13
- @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
14
- .col((@index + 1), ~"@{list}, @{item}");
15
- }
16
- .col(@index, @list) when (@index > @grid-columns) { // terminal
17
- @{list} {
18
- position: relative;
19
- // Prevent columns from collapsing when empty
20
- min-height: 1px;
21
- // Inner gutter via padding
22
- // 原本有,自己注释掉,这个最终得出为左右内边距为15px
23
- // padding-left: ceil((@grid-gutter-width / 2));
24
- // padding-right: floor((@grid-gutter-width / 2));
25
- }
26
- }
27
- .col(1); // kickstart it
28
- }
29
-
30
- .float-grid-columns(@class) {
31
- .col(@index) { // initial
32
- @item: ~".col-@{class}-@{index}";
33
- .col((@index + 1), @item);
34
- }
35
- .col(@index, @list) when (@index =< @grid-columns) { // general
36
- @item: ~".col-@{class}-@{index}";
37
- .col((@index + 1), ~"@{list}, @{item}");
38
- }
39
- .col(@index, @list) when (@index > @grid-columns) { // terminal
40
- @{list} {
41
- float: left;
42
- }
43
- }
44
- .col(1); // kickstart it
45
- }
46
-
47
- .calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) {
48
- .col-@{class}-@{index} {
49
- width: percentage((@index / @grid-columns));
50
- }
51
- }
52
- .calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) {
53
- .col-@{class}-push-@{index} {
54
- left: percentage((@index / @grid-columns));
55
- }
56
- }
57
- .calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) {
58
- .col-@{class}-push-0 {
59
- left: auto;
60
- }
61
- }
62
- .calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) {
63
- .col-@{class}-pull-@{index} {
64
- right: percentage((@index / @grid-columns));
65
- }
66
- }
67
- .calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) {
68
- .col-@{class}-pull-0 {
69
- right: auto;
70
- }
71
- }
72
- .calc-grid-column(@index, @class, @type) when (@type = offset) {
73
- .col-@{class}-offset-@{index} {
74
- margin-left: percentage((@index / @grid-columns));
75
- }
76
- }
77
-
78
- // Basic looping in LESS
79
- .loop-grid-columns(@index, @class, @type) when (@index >= 0) {
80
- .calc-grid-column(@index, @class, @type);
81
- // next iteration
82
- .loop-grid-columns((@index - 1), @class, @type);
83
- }
84
-
85
- // Create grid for specific class
86
- .make-grid(@class) {
87
- .float-grid-columns(@class);
88
- .loop-grid-columns(@grid-columns, @class, width);
89
- .loop-grid-columns(@grid-columns, @class, pull);
90
- .loop-grid-columns(@grid-columns, @class, push);
91
- .loop-grid-columns(@grid-columns, @class, offset);
92
- }
1
+ // Framework grid generation
2
+ //
3
+ // Used only by Bootstrap to generate the correct number of grid classes given
4
+ // any value of `@grid-columns`.
5
+
6
+ .make-grid-columns() {
7
+ // Common styles for all sizes of grid columns, widths 1-12
8
+ .col(@index) { // initial
9
+ @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
10
+ .col((@index + 1), @item);
11
+ }
12
+ .col(@index, @list) when (@index =< @grid-columns) { // general; "=<" isn't a typo
13
+ @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
14
+ .col((@index + 1), ~"@{list}, @{item}");
15
+ }
16
+ .col(@index, @list) when (@index > @grid-columns) { // terminal
17
+ @{list} {
18
+ position: relative;
19
+ // Prevent columns from collapsing when empty
20
+ min-height: 1px;
21
+ // Inner gutter via padding
22
+ // 原本有,自己注释掉,这个最终得出为左右内边距为15px
23
+ // padding-left: ceil((@grid-gutter-width / 2));
24
+ // padding-right: floor((@grid-gutter-width / 2));
25
+ }
26
+ }
27
+ .col(1); // kickstart it
28
+ }
29
+
30
+ .float-grid-columns(@class) {
31
+ .col(@index) { // initial
32
+ @item: ~".col-@{class}-@{index}";
33
+ .col((@index + 1), @item);
34
+ }
35
+ .col(@index, @list) when (@index =< @grid-columns) { // general
36
+ @item: ~".col-@{class}-@{index}";
37
+ .col((@index + 1), ~"@{list}, @{item}");
38
+ }
39
+ .col(@index, @list) when (@index > @grid-columns) { // terminal
40
+ @{list} {
41
+ float: left;
42
+ }
43
+ }
44
+ .col(1); // kickstart it
45
+ }
46
+
47
+ .calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) {
48
+ .col-@{class}-@{index} {
49
+ width: percentage((@index / @grid-columns));
50
+ }
51
+ }
52
+ .calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) {
53
+ .col-@{class}-push-@{index} {
54
+ left: percentage((@index / @grid-columns));
55
+ }
56
+ }
57
+ .calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) {
58
+ .col-@{class}-push-0 {
59
+ left: auto;
60
+ }
61
+ }
62
+ .calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) {
63
+ .col-@{class}-pull-@{index} {
64
+ right: percentage((@index / @grid-columns));
65
+ }
66
+ }
67
+ .calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) {
68
+ .col-@{class}-pull-0 {
69
+ right: auto;
70
+ }
71
+ }
72
+ .calc-grid-column(@index, @class, @type) when (@type = offset) {
73
+ .col-@{class}-offset-@{index} {
74
+ margin-left: percentage((@index / @grid-columns));
75
+ }
76
+ }
77
+
78
+ // Basic looping in LESS
79
+ .loop-grid-columns(@index, @class, @type) when (@index >= 0) {
80
+ .calc-grid-column(@index, @class, @type);
81
+ // next iteration
82
+ .loop-grid-columns((@index - 1), @class, @type);
83
+ }
84
+
85
+ // Create grid for specific class
86
+ .make-grid(@class) {
87
+ .float-grid-columns(@class);
88
+ .loop-grid-columns(@grid-columns, @class, width);
89
+ .loop-grid-columns(@grid-columns, @class, pull);
90
+ .loop-grid-columns(@grid-columns, @class, push);
91
+ .loop-grid-columns(@grid-columns, @class, offset);
92
+ }
@@ -1,122 +1,122 @@
1
- // Grid system
2
- //
3
- // Generate semantic grid columns with these mixins.
4
-
5
- // Centered container element
6
- .container-fixed(@gutter: @grid-gutter-width) {
7
- margin-right: auto;
8
- margin-left: auto;
9
- padding-left: (@gutter / 2);
10
- padding-right: (@gutter / 2);
11
- &:extend(.clearfix all);
12
- }
13
-
14
- // Creates a wrapper for a series of columns
15
- .make-row(@gutter: @grid-gutter-width) {
16
- margin-left: ceil((@gutter / -2));
17
- margin-right: floor((@gutter / -2));
18
- &:extend(.clearfix all);
19
- }
20
-
21
- // Generate the extra small columns
22
- .make-xs-column(@columns; @gutter: @grid-gutter-width) {
23
- position: relative;
24
- float: left;
25
- width: percentage((@columns / @grid-columns));
26
- min-height: 1px;
27
- padding-left: (@gutter / 2);
28
- padding-right: (@gutter / 2);
29
- }
30
- .make-xs-column-offset(@columns) {
31
- margin-left: percentage((@columns / @grid-columns));
32
- }
33
- .make-xs-column-push(@columns) {
34
- left: percentage((@columns / @grid-columns));
35
- }
36
- .make-xs-column-pull(@columns) {
37
- right: percentage((@columns / @grid-columns));
38
- }
39
-
40
- // Generate the small columns
41
- .make-sm-column(@columns; @gutter: @grid-gutter-width) {
42
- position: relative;
43
- min-height: 1px;
44
- padding-left: (@gutter / 2);
45
- padding-right: (@gutter / 2);
46
-
47
- @media (min-width: @screen-sm-min) {
48
- float: left;
49
- width: percentage((@columns / @grid-columns));
50
- }
51
- }
52
- .make-sm-column-offset(@columns) {
53
- @media (min-width: @screen-sm-min) {
54
- margin-left: percentage((@columns / @grid-columns));
55
- }
56
- }
57
- .make-sm-column-push(@columns) {
58
- @media (min-width: @screen-sm-min) {
59
- left: percentage((@columns / @grid-columns));
60
- }
61
- }
62
- .make-sm-column-pull(@columns) {
63
- @media (min-width: @screen-sm-min) {
64
- right: percentage((@columns / @grid-columns));
65
- }
66
- }
67
-
68
- // Generate the medium columns
69
- .make-md-column(@columns; @gutter: @grid-gutter-width) {
70
- position: relative;
71
- min-height: 1px;
72
- padding-left: (@gutter / 2);
73
- padding-right: (@gutter / 2);
74
-
75
- @media (min-width: @screen-md-min) {
76
- float: left;
77
- width: percentage((@columns / @grid-columns));
78
- }
79
- }
80
- .make-md-column-offset(@columns) {
81
- @media (min-width: @screen-md-min) {
82
- margin-left: percentage((@columns / @grid-columns));
83
- }
84
- }
85
- .make-md-column-push(@columns) {
86
- @media (min-width: @screen-md-min) {
87
- left: percentage((@columns / @grid-columns));
88
- }
89
- }
90
- .make-md-column-pull(@columns) {
91
- @media (min-width: @screen-md-min) {
92
- right: percentage((@columns / @grid-columns));
93
- }
94
- }
95
-
96
- // Generate the large columns
97
- .make-lg-column(@columns; @gutter: @grid-gutter-width) {
98
- position: relative;
99
- min-height: 1px;
100
- padding-left: (@gutter / 2);
101
- padding-right: (@gutter / 2);
102
-
103
- @media (min-width: @screen-lg-min) {
104
- float: left;
105
- width: percentage((@columns / @grid-columns));
106
- }
107
- }
108
- .make-lg-column-offset(@columns) {
109
- @media (min-width: @screen-lg-min) {
110
- margin-left: percentage((@columns / @grid-columns));
111
- }
112
- }
113
- .make-lg-column-push(@columns) {
114
- @media (min-width: @screen-lg-min) {
115
- left: percentage((@columns / @grid-columns));
116
- }
117
- }
118
- .make-lg-column-pull(@columns) {
119
- @media (min-width: @screen-lg-min) {
120
- right: percentage((@columns / @grid-columns));
121
- }
122
- }
1
+ // Grid system
2
+ //
3
+ // Generate semantic grid columns with these mixins.
4
+
5
+ // Centered container element
6
+ .container-fixed(@gutter: @grid-gutter-width) {
7
+ margin-right: auto;
8
+ margin-left: auto;
9
+ padding-left: (@gutter / 2);
10
+ padding-right: (@gutter / 2);
11
+ &:extend(.clearfix all);
12
+ }
13
+
14
+ // Creates a wrapper for a series of columns
15
+ .make-row(@gutter: @grid-gutter-width) {
16
+ margin-left: ceil((@gutter / -2));
17
+ margin-right: floor((@gutter / -2));
18
+ &:extend(.clearfix all);
19
+ }
20
+
21
+ // Generate the extra small columns
22
+ .make-xs-column(@columns; @gutter: @grid-gutter-width) {
23
+ position: relative;
24
+ float: left;
25
+ width: percentage((@columns / @grid-columns));
26
+ min-height: 1px;
27
+ padding-left: (@gutter / 2);
28
+ padding-right: (@gutter / 2);
29
+ }
30
+ .make-xs-column-offset(@columns) {
31
+ margin-left: percentage((@columns / @grid-columns));
32
+ }
33
+ .make-xs-column-push(@columns) {
34
+ left: percentage((@columns / @grid-columns));
35
+ }
36
+ .make-xs-column-pull(@columns) {
37
+ right: percentage((@columns / @grid-columns));
38
+ }
39
+
40
+ // Generate the small columns
41
+ .make-sm-column(@columns; @gutter: @grid-gutter-width) {
42
+ position: relative;
43
+ min-height: 1px;
44
+ padding-left: (@gutter / 2);
45
+ padding-right: (@gutter / 2);
46
+
47
+ @media (min-width: @screen-sm-min) {
48
+ float: left;
49
+ width: percentage((@columns / @grid-columns));
50
+ }
51
+ }
52
+ .make-sm-column-offset(@columns) {
53
+ @media (min-width: @screen-sm-min) {
54
+ margin-left: percentage((@columns / @grid-columns));
55
+ }
56
+ }
57
+ .make-sm-column-push(@columns) {
58
+ @media (min-width: @screen-sm-min) {
59
+ left: percentage((@columns / @grid-columns));
60
+ }
61
+ }
62
+ .make-sm-column-pull(@columns) {
63
+ @media (min-width: @screen-sm-min) {
64
+ right: percentage((@columns / @grid-columns));
65
+ }
66
+ }
67
+
68
+ // Generate the medium columns
69
+ .make-md-column(@columns; @gutter: @grid-gutter-width) {
70
+ position: relative;
71
+ min-height: 1px;
72
+ padding-left: (@gutter / 2);
73
+ padding-right: (@gutter / 2);
74
+
75
+ @media (min-width: @screen-md-min) {
76
+ float: left;
77
+ width: percentage((@columns / @grid-columns));
78
+ }
79
+ }
80
+ .make-md-column-offset(@columns) {
81
+ @media (min-width: @screen-md-min) {
82
+ margin-left: percentage((@columns / @grid-columns));
83
+ }
84
+ }
85
+ .make-md-column-push(@columns) {
86
+ @media (min-width: @screen-md-min) {
87
+ left: percentage((@columns / @grid-columns));
88
+ }
89
+ }
90
+ .make-md-column-pull(@columns) {
91
+ @media (min-width: @screen-md-min) {
92
+ right: percentage((@columns / @grid-columns));
93
+ }
94
+ }
95
+
96
+ // Generate the large columns
97
+ .make-lg-column(@columns; @gutter: @grid-gutter-width) {
98
+ position: relative;
99
+ min-height: 1px;
100
+ padding-left: (@gutter / 2);
101
+ padding-right: (@gutter / 2);
102
+
103
+ @media (min-width: @screen-lg-min) {
104
+ float: left;
105
+ width: percentage((@columns / @grid-columns));
106
+ }
107
+ }
108
+ .make-lg-column-offset(@columns) {
109
+ @media (min-width: @screen-lg-min) {
110
+ margin-left: percentage((@columns / @grid-columns));
111
+ }
112
+ }
113
+ .make-lg-column-push(@columns) {
114
+ @media (min-width: @screen-lg-min) {
115
+ left: percentage((@columns / @grid-columns));
116
+ }
117
+ }
118
+ .make-lg-column-pull(@columns) {
119
+ @media (min-width: @screen-lg-min) {
120
+ right: percentage((@columns / @grid-columns));
121
+ }
122
+ }
@@ -1,21 +1,21 @@
1
- // CSS image replacement
2
- //
3
- // Heads up! v3 launched with only `.hide-text()`, but per our pattern for
4
- // mixins being reused as classes with the same name, this doesn't hold up. As
5
- // of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`.
6
- //
7
- // Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
8
-
9
- // Deprecated as of v3.0.1 (will be removed in v4)
10
- .hide-text() {
11
- font: ~"0/0" a;
12
- color: transparent;
13
- text-shadow: none;
14
- background-color: transparent;
15
- border: 0;
16
- }
17
-
18
- // New mixin to use as of v3.0.1
19
- .text-hide() {
20
- .hide-text();
21
- }
1
+ // CSS image replacement
2
+ //
3
+ // Heads up! v3 launched with only `.hide-text()`, but per our pattern for
4
+ // mixins being reused as classes with the same name, this doesn't hold up. As
5
+ // of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`.
6
+ //
7
+ // Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
8
+
9
+ // Deprecated as of v3.0.1 (will be removed in v4)
10
+ .hide-text() {
11
+ font: ~"0/0" a;
12
+ color: transparent;
13
+ text-shadow: none;
14
+ background-color: transparent;
15
+ border: 0;
16
+ }
17
+
18
+ // New mixin to use as of v3.0.1
19
+ .text-hide() {
20
+ .hide-text();
21
+ }
@@ -1,33 +1,33 @@
1
- // Image Mixins
2
- // - Responsive image
3
- // - Retina image
4
-
5
-
6
- // Responsive image
7
- //
8
- // Keep images from scaling beyond the width of their parents.
9
- .img-responsive(@display: block) {
10
- display: @display;
11
- max-width: 100%; // Part 1: Set a maximum relative to the parent
12
- height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
13
- }
14
-
15
-
16
- // Retina image
17
- //
18
- // Short retina mixin for setting background-image and -size. Note that the
19
- // spelling of `min--moz-device-pixel-ratio` is intentional.
20
- .img-retina(@file-1x; @file-2x; @width-1x; @height-1x) {
21
- background-image: url("@{file-1x}");
22
-
23
- @media
24
- only screen and (-webkit-min-device-pixel-ratio: 2),
25
- only screen and ( min--moz-device-pixel-ratio: 2),
26
- only screen and ( -o-min-device-pixel-ratio: 2/1),
27
- only screen and ( min-device-pixel-ratio: 2),
28
- only screen and ( min-resolution: 192dpi),
29
- only screen and ( min-resolution: 2dppx) {
30
- background-image: url("@{file-2x}");
31
- background-size: @width-1x @height-1x;
32
- }
33
- }
1
+ // Image Mixins
2
+ // - Responsive image
3
+ // - Retina image
4
+
5
+
6
+ // Responsive image
7
+ //
8
+ // Keep images from scaling beyond the width of their parents.
9
+ .img-responsive(@display: block) {
10
+ display: @display;
11
+ max-width: 100%; // Part 1: Set a maximum relative to the parent
12
+ height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
13
+ }
14
+
15
+
16
+ // Retina image
17
+ //
18
+ // Short retina mixin for setting background-image and -size. Note that the
19
+ // spelling of `min--moz-device-pixel-ratio` is intentional.
20
+ .img-retina(@file-1x; @file-2x; @width-1x; @height-1x) {
21
+ background-image: url("@{file-1x}");
22
+
23
+ @media
24
+ only screen and (-webkit-min-device-pixel-ratio: 2),
25
+ only screen and ( min--moz-device-pixel-ratio: 2),
26
+ only screen and ( -o-min-device-pixel-ratio: 2/1),
27
+ only screen and ( min-device-pixel-ratio: 2),
28
+ only screen and ( min-resolution: 192dpi),
29
+ only screen and ( min-resolution: 2dppx) {
30
+ background-image: url("@{file-2x}");
31
+ background-size: @width-1x @height-1x;
32
+ }
33
+ }
@@ -1,12 +1,12 @@
1
- // Labels
2
-
3
- .label-variant(@color) {
4
- background-color: @color;
5
-
6
- &[href] {
7
- &:hover,
8
- &:focus {
9
- background-color: darken(@color, 10%);
10
- }
11
- }
12
- }
1
+ // Labels
2
+
3
+ .label-variant(@color) {
4
+ background-color: @color;
5
+
6
+ &[href] {
7
+ &:hover,
8
+ &:focus {
9
+ background-color: darken(@color, 10%);
10
+ }
11
+ }
12
+ }
@@ -1,30 +1,30 @@
1
- // List Groups
2
-
3
- .list-group-item-variant(@state; @background; @color) {
4
- .list-group-item-@{state} {
5
- color: @color;
6
- background-color: @background;
7
-
8
- a&,
9
- button& {
10
- color: @color;
11
-
12
- .list-group-item-heading {
13
- color: inherit;
14
- }
15
-
16
- &:hover,
17
- &:focus {
18
- color: @color;
19
- background-color: darken(@background, 5%);
20
- }
21
- &.active,
22
- &.active:hover,
23
- &.active:focus {
24
- color: #fff;
25
- background-color: @color;
26
- border-color: @color;
27
- }
28
- }
29
- }
30
- }
1
+ // List Groups
2
+
3
+ .list-group-item-variant(@state; @background; @color) {
4
+ .list-group-item-@{state} {
5
+ color: @color;
6
+ background-color: @background;
7
+
8
+ a&,
9
+ button& {
10
+ color: @color;
11
+
12
+ .list-group-item-heading {
13
+ color: inherit;
14
+ }
15
+
16
+ &:hover,
17
+ &:focus {
18
+ color: @color;
19
+ background-color: darken(@background, 5%);
20
+ }
21
+ &.active,
22
+ &.active:hover,
23
+ &.active:focus {
24
+ color: #fff;
25
+ background-color: @color;
26
+ border-color: @color;
27
+ }
28
+ }
29
+ }
30
+ }
@@ -1,10 +1,10 @@
1
- // Horizontal dividers
2
- //
3
- // Dividers (basically an hr) within dropdowns and nav lists
4
-
5
- .nav-divider(@color: #e5e5e5) {
6
- height: 1px;
7
- margin: ((@line-height-computed / 2) - 1) 0;
8
- overflow: hidden;
9
- background-color: @color;
10
- }
1
+ // Horizontal dividers
2
+ //
3
+ // Dividers (basically an hr) within dropdowns and nav lists
4
+
5
+ .nav-divider(@color: #e5e5e5) {
6
+ height: 1px;
7
+ margin: ((@line-height-computed / 2) - 1) 0;
8
+ overflow: hidden;
9
+ background-color: @color;
10
+ }
@@ -1,9 +1,9 @@
1
- // Navbar vertical align
2
- //
3
- // Vertically center elements in the navbar.
4
- // Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin.
5
-
6
- .navbar-vertical-align(@element-height) {
7
- margin-top: ((@navbar-height - @element-height) / 2);
8
- margin-bottom: ((@navbar-height - @element-height) / 2);
9
- }
1
+ // Navbar vertical align
2
+ //
3
+ // Vertically center elements in the navbar.
4
+ // Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin.
5
+
6
+ .navbar-vertical-align(@element-height) {
7
+ margin-top: ((@navbar-height - @element-height) / 2);
8
+ margin-bottom: ((@navbar-height - @element-height) / 2);
9
+ }