system-phone 3.1.48 → 3.1.49

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/checksums/checksums.lock +0 -0
  5. package/.gradle/checksums/sha1-checksums.bin +0 -0
  6. package/CHANGELOG.md +1 -1
  7. package/Dockerfile +3 -3
  8. package/README.md +36 -36
  9. package/build/css-loaders.js +34 -34
  10. package/build/dev-client.js +8 -8
  11. package/build/example-server.js +80 -80
  12. package/build/release.sh +28 -28
  13. package/build/utils.js +71 -71
  14. package/build/webpack.dev.conf.js +31 -31
  15. package/build/webpack.example.conf.js +49 -49
  16. package/build/webpack.prod.conf.js +60 -60
  17. package/build/webpack.test.conf.js +31 -31
  18. package/config/dev.env.js +6 -6
  19. package/config/index.js +38 -38
  20. package/config/prod.env.js +3 -3
  21. package/config/test.env.js +6 -6
  22. package/nginx.conf +304 -304
  23. package/package.json +1 -1
  24. package/release.bat +5 -5
  25. package/src/App.vue +25 -25
  26. package/src/Util.js +415 -415
  27. package/src/android-bootstrap/fonts/glyphicons-halflings-regular.svg +287 -287
  28. package/src/android-bootstrap/less/.csscomb.json +304 -304
  29. package/src/android-bootstrap/less/.csslintrc +19 -19
  30. package/src/android-bootstrap/less/alerts.less +73 -73
  31. package/src/android-bootstrap/less/badges.less +66 -66
  32. package/src/android-bootstrap/less/bootstrap.less +56 -56
  33. package/src/android-bootstrap/less/breadcrumbs.less +26 -26
  34. package/src/android-bootstrap/less/button-groups.less +247 -247
  35. package/src/android-bootstrap/less/buttons.less +173 -173
  36. package/src/android-bootstrap/less/carousel.less +269 -269
  37. package/src/android-bootstrap/less/close.less +34 -34
  38. package/src/android-bootstrap/less/code.less +69 -69
  39. package/src/android-bootstrap/less/component-animations.less +33 -33
  40. package/src/android-bootstrap/less/dropdowns.less +216 -216
  41. package/src/android-bootstrap/less/forms.less +626 -626
  42. package/src/android-bootstrap/less/glyphicons.less +305 -305
  43. package/src/android-bootstrap/less/grid.less +84 -84
  44. package/src/android-bootstrap/less/input-groups.less +167 -167
  45. package/src/android-bootstrap/less/jumbotron.less +52 -52
  46. package/src/android-bootstrap/less/labels.less +64 -64
  47. package/src/android-bootstrap/less/list-group.less +141 -141
  48. package/src/android-bootstrap/less/media.less +66 -66
  49. package/src/android-bootstrap/less/mixins/alerts.less +14 -14
  50. package/src/android-bootstrap/less/mixins/background-variant.less +9 -9
  51. package/src/android-bootstrap/less/mixins/border-radius.less +18 -18
  52. package/src/android-bootstrap/less/mixins/buttons.less +69 -69
  53. package/src/android-bootstrap/less/mixins/center-block.less +7 -7
  54. package/src/android-bootstrap/less/mixins/clearfix.less +22 -22
  55. package/src/android-bootstrap/less/mixins/forms.less +90 -90
  56. package/src/android-bootstrap/less/mixins/gradients.less +59 -59
  57. package/src/android-bootstrap/less/mixins/grid-framework.less +92 -92
  58. package/src/android-bootstrap/less/mixins/grid.less +122 -122
  59. package/src/android-bootstrap/less/mixins/hide-text.less +21 -21
  60. package/src/android-bootstrap/less/mixins/image.less +33 -33
  61. package/src/android-bootstrap/less/mixins/labels.less +12 -12
  62. package/src/android-bootstrap/less/mixins/list-group.less +30 -30
  63. package/src/android-bootstrap/less/mixins/nav-divider.less +10 -10
  64. package/src/android-bootstrap/less/mixins/nav-vertical-align.less +9 -9
  65. package/src/android-bootstrap/less/mixins/opacity.less +8 -8
  66. package/src/android-bootstrap/less/mixins/pagination.less +24 -24
  67. package/src/android-bootstrap/less/mixins/panels.less +24 -24
  68. package/src/android-bootstrap/less/mixins/progress-bar.less +10 -10
  69. package/src/android-bootstrap/less/mixins/reset-filter.less +8 -8
  70. package/src/android-bootstrap/less/mixins/reset-text.less +18 -18
  71. package/src/android-bootstrap/less/mixins/resize.less +6 -6
  72. package/src/android-bootstrap/less/mixins/responsive-visibility.less +15 -15
  73. package/src/android-bootstrap/less/mixins/size.less +10 -10
  74. package/src/android-bootstrap/less/mixins/tab-focus.less +9 -9
  75. package/src/android-bootstrap/less/mixins/table-row.less +44 -44
  76. package/src/android-bootstrap/less/mixins/text-emphasis.less +9 -9
  77. package/src/android-bootstrap/less/mixins/text-overflow.less +8 -8
  78. package/src/android-bootstrap/less/mixins/vendor-prefixes.less +227 -227
  79. package/src/android-bootstrap/less/mixins.less +40 -40
  80. package/src/android-bootstrap/less/modals.less +151 -151
  81. package/src/android-bootstrap/less/navbar.less +660 -660
  82. package/src/android-bootstrap/less/navs.less +290 -290
  83. package/src/android-bootstrap/less/normalize.less +424 -424
  84. package/src/android-bootstrap/less/pager.less +76 -76
  85. package/src/android-bootstrap/less/pagination.less +89 -89
  86. package/src/android-bootstrap/less/panels.less +274 -274
  87. package/src/android-bootstrap/less/popovers.less +131 -131
  88. package/src/android-bootstrap/less/print.less +101 -101
  89. package/src/android-bootstrap/less/progress-bars.less +87 -87
  90. package/src/android-bootstrap/less/responsive-embed.less +35 -35
  91. package/src/android-bootstrap/less/responsive-utilities.less +194 -194
  92. package/src/android-bootstrap/less/scaffolding.less +161 -161
  93. package/src/android-bootstrap/less/tables.less +262 -262
  94. package/src/android-bootstrap/less/theme.less +291 -291
  95. package/src/android-bootstrap/less/thumbnails.less +36 -36
  96. package/src/android-bootstrap/less/tooltip.less +102 -102
  97. package/src/android-bootstrap/less/type.less +303 -303
  98. package/src/android-bootstrap/less/utilities.less +55 -55
  99. package/src/android-bootstrap/less/variables.less +896 -896
  100. package/src/android-bootstrap/less/wells.less +29 -29
  101. package/src/bootstrap/fonts/glyphicons-halflings-regular.svg +287 -287
  102. package/src/bootstrap/less/.csscomb.json +304 -304
  103. package/src/bootstrap/less/.csslintrc +19 -19
  104. package/src/bootstrap/less/alerts.less +73 -73
  105. package/src/bootstrap/less/badges.less +66 -66
  106. package/src/bootstrap/less/bootstrap.less +56 -56
  107. package/src/bootstrap/less/breadcrumbs.less +26 -26
  108. package/src/bootstrap/less/button-groups.less +247 -247
  109. package/src/bootstrap/less/buttons.less +172 -172
  110. package/src/bootstrap/less/carousel.less +269 -269
  111. package/src/bootstrap/less/close.less +34 -34
  112. package/src/bootstrap/less/code.less +69 -69
  113. package/src/bootstrap/less/component-animations.less +33 -33
  114. package/src/bootstrap/less/dropdowns.less +216 -216
  115. package/src/bootstrap/less/forms.less +626 -626
  116. package/src/bootstrap/less/glyphicons.less +305 -305
  117. package/src/bootstrap/less/grid.less +84 -84
  118. package/src/bootstrap/less/input-groups.less +167 -167
  119. package/src/bootstrap/less/jumbotron.less +52 -52
  120. package/src/bootstrap/less/labels.less +64 -64
  121. package/src/bootstrap/less/list-group.less +141 -141
  122. package/src/bootstrap/less/media.less +66 -66
  123. package/src/bootstrap/less/mixins/alerts.less +14 -14
  124. package/src/bootstrap/less/mixins/background-variant.less +9 -9
  125. package/src/bootstrap/less/mixins/border-radius.less +18 -18
  126. package/src/bootstrap/less/mixins/buttons.less +69 -69
  127. package/src/bootstrap/less/mixins/center-block.less +7 -7
  128. package/src/bootstrap/less/mixins/clearfix.less +22 -22
  129. package/src/bootstrap/less/mixins/forms.less +90 -90
  130. package/src/bootstrap/less/mixins/gradients.less +59 -59
  131. package/src/bootstrap/less/mixins/grid-framework.less +92 -92
  132. package/src/bootstrap/less/mixins/grid.less +122 -122
  133. package/src/bootstrap/less/mixins/hide-text.less +21 -21
  134. package/src/bootstrap/less/mixins/image.less +33 -33
  135. package/src/bootstrap/less/mixins/labels.less +12 -12
  136. package/src/bootstrap/less/mixins/list-group.less +30 -30
  137. package/src/bootstrap/less/mixins/nav-divider.less +10 -10
  138. package/src/bootstrap/less/mixins/nav-vertical-align.less +9 -9
  139. package/src/bootstrap/less/mixins/opacity.less +8 -8
  140. package/src/bootstrap/less/mixins/pagination.less +24 -24
  141. package/src/bootstrap/less/mixins/panels.less +24 -24
  142. package/src/bootstrap/less/mixins/progress-bar.less +10 -10
  143. package/src/bootstrap/less/mixins/reset-filter.less +8 -8
  144. package/src/bootstrap/less/mixins/reset-text.less +18 -18
  145. package/src/bootstrap/less/mixins/resize.less +6 -6
  146. package/src/bootstrap/less/mixins/responsive-visibility.less +15 -15
  147. package/src/bootstrap/less/mixins/size.less +10 -10
  148. package/src/bootstrap/less/mixins/tab-focus.less +9 -9
  149. package/src/bootstrap/less/mixins/table-row.less +44 -44
  150. package/src/bootstrap/less/mixins/text-emphasis.less +9 -9
  151. package/src/bootstrap/less/mixins/text-overflow.less +8 -8
  152. package/src/bootstrap/less/mixins/vendor-prefixes.less +227 -227
  153. package/src/bootstrap/less/mixins.less +40 -40
  154. package/src/bootstrap/less/modals.less +151 -151
  155. package/src/bootstrap/less/navbar.less +660 -660
  156. package/src/bootstrap/less/navs.less +286 -286
  157. package/src/bootstrap/less/normalize.less +424 -424
  158. package/src/bootstrap/less/pager.less +76 -76
  159. package/src/bootstrap/less/pagination.less +89 -89
  160. package/src/bootstrap/less/panels.less +275 -275
  161. package/src/bootstrap/less/popovers.less +131 -131
  162. package/src/bootstrap/less/print.less +101 -101
  163. package/src/bootstrap/less/progress-bars.less +87 -87
  164. package/src/bootstrap/less/responsive-embed.less +35 -35
  165. package/src/bootstrap/less/responsive-utilities.less +194 -194
  166. package/src/bootstrap/less/scaffolding.less +161 -161
  167. package/src/bootstrap/less/tables.less +262 -262
  168. package/src/bootstrap/less/theme.less +291 -291
  169. package/src/bootstrap/less/thumbnails.less +36 -36
  170. package/src/bootstrap/less/tooltip.less +102 -102
  171. package/src/bootstrap/less/type.less +303 -303
  172. package/src/bootstrap/less/utilities.less +55 -55
  173. package/src/bootstrap/less/variables.less +895 -895
  174. package/src/bootstrap/less/wells.less +29 -29
  175. package/src/components/AloneLoadParams.vue +26 -26
  176. package/src/components/LoadAppdata.vue +38 -38
  177. package/src/components/LoginApp.vue +726 -726
  178. package/src/components/LoginAppNew.vue +590 -590
  179. package/src/components/LoginAppV4.vue +790 -790
  180. package/src/components/ModifyPassWord.vue +219 -219
  181. package/src/components/PhoneSellInfo.vue +148 -148
  182. package/src/components/Test.vue +14 -14
  183. package/src/plugins/GetStringData.js +18 -18
  184. package/src/plugins/LoadParams.js +24 -24
  185. package/src/plugins/validateStrongPasswordPhone.js +172 -172
  186. package/src/services/ConfigService.js +24 -24
  187. package/static/app.json +4 -4
  188. package/static/globals.txt +74 -74
  189. package/test/unit/.eslintrc +5 -5
  190. package/test/unit/TestUtil.js +35 -35
  191. package/test/unit/context.html +20 -20
  192. package/test/unit/index.js +13 -13
  193. package/test/unit/init.js +13 -13
  194. package/test/unit/karma.conf.js +50 -50
  195. package/test/unit/specs/App.spec.js +17 -17
  196. package/test/unit/specs/Test.spec.js +28 -28
  197. package/test/unit/specs/components/LoginApp.spec.js +21 -21
  198. package/test/unit/specs/sevices/ConfigService.spec.js +23 -23
  199. package/test/unit/specs/sevices/GetDBTest.spec.js +28 -28
  200. package/.gradle/7.4/checksums/checksums.lock +0 -0
  201. package/.gradle/7.4/dependencies-accessors/dependencies-accessors.lock +0 -0
  202. package/.gradle/7.4/dependencies-accessors/gc.properties +0 -0
  203. package/.gradle/7.4/executionHistory/executionHistory.bin +0 -0
  204. package/.gradle/7.4/executionHistory/executionHistory.lock +0 -0
  205. package/.gradle/7.4/fileChanges/last-build.bin +0 -0
  206. package/.gradle/7.4/fileHashes/fileHashes.bin +0 -0
  207. package/.gradle/7.4/fileHashes/fileHashes.lock +0 -0
  208. package/.gradle/7.4/gc.properties +0 -0
  209. package/.gradle/buildOutputCleanup/outputFiles.bin +0 -0
  210. package/.gradle/checksums/md5-checksums.bin +0 -0
  211. package/.gradle/file-system.probe +0 -0
@@ -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
+ }