system-phone 3.1.94 → 3.1.95

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