safecheck-client 3.0.33-86 → 3.0.33-87

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 (304) hide show
  1. package/.babelrc +5 -5
  2. package/.editorconfig +9 -9
  3. package/android.html +18 -18
  4. package/build/css-loaders.js +34 -34
  5. package/build/dev-android.js +151 -151
  6. package/build/dev-client.js +8 -8
  7. package/build/release.sh +28 -28
  8. package/build/utils.js +71 -71
  9. package/build/webpack.baseandroid.conf.js +83 -83
  10. package/build/webpack.devandroid.conf.js +33 -33
  11. package/build/webpack.hanwei.conf.js +57 -57
  12. package/build/webpack.hwbase.conf.js +78 -78
  13. package/build/webpack.prodandroid.conf.js +60 -60
  14. package/build/webpack.test.conf.js +31 -31
  15. package/config/dev.env.js +6 -6
  16. package/config/index.js +38 -38
  17. package/config/prod.env.js +3 -3
  18. package/config/test.env.js +6 -6
  19. package/docs/AppBase.md +22 -22
  20. package/docs/Busy.md +14 -14
  21. package/docs/Criteria.md +47 -47
  22. package/docs/CriteriaPaged.md +47 -47
  23. package/docs/DataGrid.md +54 -54
  24. package/docs/DataModel.md +22 -22
  25. package/docs/Dynamic.md +42 -42
  26. package/docs/FormPrint.md +18 -18
  27. package/docs/GetParams.md +11 -11
  28. package/docs/GridTree.md +47 -47
  29. package/docs/HttpBusy.md +13 -13
  30. package/docs/HttpStore.md +29 -29
  31. package/docs/MessageBox.md +28 -28
  32. package/docs/PagedList.md +29 -29
  33. package/docs/Pager.md +21 -21
  34. package/docs/PrintFile.md +38 -38
  35. package/docs/Project.md +23 -23
  36. package/docs/Route.md +105 -105
  37. package/docs/SafetyCheck/AdjustPlan.md +13 -13
  38. package/docs/SafetyCheck/CheckerPlan.md +12 -12
  39. package/docs/Task.md +46 -46
  40. package/docs/TreeList.md +28 -28
  41. package/docs/TreeMixin.md +18 -18
  42. package/docs/all.md +10 -10
  43. package/docs/list.md +42 -42
  44. package/docs/partial.md +75 -75
  45. package/docs/selector.md +82 -82
  46. package/docs/tree.md +40 -40
  47. package/docs//345/274/200/345/217/221/346/226/207/346/241/243/Snippets.md +28 -28
  48. package/docs//345/274/200/345/217/221/346/226/207/346/241/243/vue-strap/345/217/230/346/233/264/350/256/260/345/275/225.md +7 -7
  49. package/docs//345/274/200/345/217/221/346/226/207/346/241/243/vue/345/217/230/346/233/264/350/256/260/345/275/225.md +13 -13
  50. package/docs//345/274/200/345/217/221/346/226/207/346/241/243//345/274/200/345/217/221/347/216/257/345/242/203/350/256/276/347/275/256.md +77 -77
  51. package/docs//347/225/214/351/235/242/345/210/266/344/275/234/350/247/204/350/214/203.md +54 -54
  52. package/examples/AddressList/App.vue +13 -13
  53. package/examples/AddressList/index.html +11 -11
  54. package/examples/DispatchList/App.vue +10 -10
  55. package/examples/DispatchList/BaseTree.vue +13 -13
  56. package/examples/DispatchList/Init.vue +22 -22
  57. package/examples/DispatchList/Test.vue +20 -20
  58. package/examples/DispatchList/index.html +11 -11
  59. package/examples/DispatchList/main.js +18 -18
  60. package/home.html +16 -16
  61. package/package.json +1 -1
  62. package/publish.bat +7 -7
  63. package/release.bat +5 -5
  64. package/src/Widget.vue +13 -13
  65. package/src/android-bootstrap/fonts/glyphicons-halflings-regular.svg +287 -287
  66. package/src/android-bootstrap/less/.csscomb.json +304 -304
  67. package/src/android-bootstrap/less/.csslintrc +19 -19
  68. package/src/android-bootstrap/less/alerts.less +73 -73
  69. package/src/android-bootstrap/less/badges.less +66 -66
  70. package/src/android-bootstrap/less/bootstrap.less +56 -56
  71. package/src/android-bootstrap/less/breadcrumbs.less +26 -26
  72. package/src/android-bootstrap/less/button-groups.less +247 -247
  73. package/src/android-bootstrap/less/buttons.less +173 -173
  74. package/src/android-bootstrap/less/carousel.less +269 -269
  75. package/src/android-bootstrap/less/close.less +34 -34
  76. package/src/android-bootstrap/less/code.less +69 -69
  77. package/src/android-bootstrap/less/component-animations.less +33 -33
  78. package/src/android-bootstrap/less/dropdowns.less +216 -216
  79. package/src/android-bootstrap/less/forms.less +626 -626
  80. package/src/android-bootstrap/less/grid.less +84 -84
  81. package/src/android-bootstrap/less/input-groups.less +167 -167
  82. package/src/android-bootstrap/less/jumbotron.less +52 -52
  83. package/src/android-bootstrap/less/labels.less +64 -64
  84. package/src/android-bootstrap/less/list-group.less +141 -141
  85. package/src/android-bootstrap/less/media.less +66 -66
  86. package/src/android-bootstrap/less/mixins/alerts.less +14 -14
  87. package/src/android-bootstrap/less/mixins/background-variant.less +9 -9
  88. package/src/android-bootstrap/less/mixins/border-radius.less +18 -18
  89. package/src/android-bootstrap/less/mixins/buttons.less +69 -69
  90. package/src/android-bootstrap/less/mixins/center-block.less +7 -7
  91. package/src/android-bootstrap/less/mixins/clearfix.less +22 -22
  92. package/src/android-bootstrap/less/mixins/forms.less +90 -90
  93. package/src/android-bootstrap/less/mixins/gradients.less +59 -59
  94. package/src/android-bootstrap/less/mixins/grid-framework.less +92 -92
  95. package/src/android-bootstrap/less/mixins/grid.less +122 -122
  96. package/src/android-bootstrap/less/mixins/hide-text.less +21 -21
  97. package/src/android-bootstrap/less/mixins/image.less +33 -33
  98. package/src/android-bootstrap/less/mixins/labels.less +12 -12
  99. package/src/android-bootstrap/less/mixins/list-group.less +30 -30
  100. package/src/android-bootstrap/less/mixins/nav-divider.less +10 -10
  101. package/src/android-bootstrap/less/mixins/nav-vertical-align.less +9 -9
  102. package/src/android-bootstrap/less/mixins/opacity.less +8 -8
  103. package/src/android-bootstrap/less/mixins/pagination.less +24 -24
  104. package/src/android-bootstrap/less/mixins/panels.less +24 -24
  105. package/src/android-bootstrap/less/mixins/progress-bar.less +10 -10
  106. package/src/android-bootstrap/less/mixins/reset-filter.less +8 -8
  107. package/src/android-bootstrap/less/mixins/reset-text.less +18 -18
  108. package/src/android-bootstrap/less/mixins/resize.less +6 -6
  109. package/src/android-bootstrap/less/mixins/responsive-visibility.less +15 -15
  110. package/src/android-bootstrap/less/mixins/size.less +10 -10
  111. package/src/android-bootstrap/less/mixins/tab-focus.less +9 -9
  112. package/src/android-bootstrap/less/mixins/table-row.less +44 -44
  113. package/src/android-bootstrap/less/mixins/text-emphasis.less +9 -9
  114. package/src/android-bootstrap/less/mixins/text-overflow.less +8 -8
  115. package/src/android-bootstrap/less/mixins/vendor-prefixes.less +227 -227
  116. package/src/android-bootstrap/less/mixins.less +40 -40
  117. package/src/android-bootstrap/less/modals.less +151 -151
  118. package/src/android-bootstrap/less/navbar.less +660 -660
  119. package/src/android-bootstrap/less/navs.less +290 -290
  120. package/src/android-bootstrap/less/normalize.less +424 -424
  121. package/src/android-bootstrap/less/pager.less +76 -76
  122. package/src/android-bootstrap/less/pagination.less +89 -89
  123. package/src/android-bootstrap/less/panels.less +274 -274
  124. package/src/android-bootstrap/less/popovers.less +131 -131
  125. package/src/android-bootstrap/less/print.less +101 -101
  126. package/src/android-bootstrap/less/progress-bars.less +87 -87
  127. package/src/android-bootstrap/less/responsive-embed.less +35 -35
  128. package/src/android-bootstrap/less/responsive-utilities.less +194 -194
  129. package/src/android-bootstrap/less/scaffolding.less +161 -161
  130. package/src/android-bootstrap/less/tables.less +262 -262
  131. package/src/android-bootstrap/less/theme.less +291 -291
  132. package/src/android-bootstrap/less/thumbnails.less +36 -36
  133. package/src/android-bootstrap/less/tooltip.less +102 -102
  134. package/src/android-bootstrap/less/type.less +303 -303
  135. package/src/android-bootstrap/less/utilities.less +55 -55
  136. package/src/android-bootstrap/less/variables.less +896 -896
  137. package/src/android-bootstrap/less/wells.less +29 -29
  138. package/src/androidTest.js +20 -20
  139. package/src/bootstrap/less/.csscomb.json +304 -304
  140. package/src/bootstrap/less/.csslintrc +19 -19
  141. package/src/bootstrap/less/alerts.less +73 -73
  142. package/src/bootstrap/less/badges.less +66 -66
  143. package/src/bootstrap/less/breadcrumbs.less +26 -26
  144. package/src/bootstrap/less/button-groups.less +247 -247
  145. package/src/bootstrap/less/buttons.less +172 -172
  146. package/src/bootstrap/less/carousel.less +269 -269
  147. package/src/bootstrap/less/close.less +34 -34
  148. package/src/bootstrap/less/code.less +69 -69
  149. package/src/bootstrap/less/component-animations.less +33 -33
  150. package/src/bootstrap/less/dropdowns.less +216 -216
  151. package/src/bootstrap/less/forms.less +626 -626
  152. package/src/bootstrap/less/grid.less +84 -84
  153. package/src/bootstrap/less/input-groups.less +167 -167
  154. package/src/bootstrap/less/jumbotron.less +52 -52
  155. package/src/bootstrap/less/labels.less +64 -64
  156. package/src/bootstrap/less/list-group.less +141 -141
  157. package/src/bootstrap/less/media.less +66 -66
  158. package/src/bootstrap/less/mixins/alerts.less +14 -14
  159. package/src/bootstrap/less/mixins/background-variant.less +9 -9
  160. package/src/bootstrap/less/mixins/border-radius.less +18 -18
  161. package/src/bootstrap/less/mixins/buttons.less +69 -69
  162. package/src/bootstrap/less/mixins/center-block.less +7 -7
  163. package/src/bootstrap/less/mixins/clearfix.less +22 -22
  164. package/src/bootstrap/less/mixins/forms.less +90 -90
  165. package/src/bootstrap/less/mixins/gradients.less +59 -59
  166. package/src/bootstrap/less/mixins/grid-framework.less +92 -92
  167. package/src/bootstrap/less/mixins/grid.less +122 -122
  168. package/src/bootstrap/less/mixins/hide-text.less +21 -21
  169. package/src/bootstrap/less/mixins/image.less +33 -33
  170. package/src/bootstrap/less/mixins/labels.less +12 -12
  171. package/src/bootstrap/less/mixins/list-group.less +30 -30
  172. package/src/bootstrap/less/mixins/nav-divider.less +10 -10
  173. package/src/bootstrap/less/mixins/nav-vertical-align.less +9 -9
  174. package/src/bootstrap/less/mixins/opacity.less +8 -8
  175. package/src/bootstrap/less/mixins/pagination.less +24 -24
  176. package/src/bootstrap/less/mixins/panels.less +24 -24
  177. package/src/bootstrap/less/mixins/progress-bar.less +10 -10
  178. package/src/bootstrap/less/mixins/reset-filter.less +8 -8
  179. package/src/bootstrap/less/mixins/reset-text.less +18 -18
  180. package/src/bootstrap/less/mixins/resize.less +6 -6
  181. package/src/bootstrap/less/mixins/responsive-visibility.less +15 -15
  182. package/src/bootstrap/less/mixins/size.less +10 -10
  183. package/src/bootstrap/less/mixins/tab-focus.less +9 -9
  184. package/src/bootstrap/less/mixins/table-row.less +44 -44
  185. package/src/bootstrap/less/mixins/text-emphasis.less +9 -9
  186. package/src/bootstrap/less/mixins/text-overflow.less +8 -8
  187. package/src/bootstrap/less/mixins/vendor-prefixes.less +227 -227
  188. package/src/bootstrap/less/mixins.less +40 -40
  189. package/src/bootstrap/less/modals.less +151 -151
  190. package/src/bootstrap/less/navbar.less +660 -660
  191. package/src/bootstrap/less/normalize.less +424 -424
  192. package/src/bootstrap/less/pager.less +76 -76
  193. package/src/bootstrap/less/pagination.less +89 -89
  194. package/src/bootstrap/less/panels.less +275 -275
  195. package/src/bootstrap/less/popovers.less +131 -131
  196. package/src/bootstrap/less/print.less +101 -101
  197. package/src/bootstrap/less/progress-bars.less +87 -87
  198. package/src/bootstrap/less/responsive-embed.less +35 -35
  199. package/src/bootstrap/less/responsive-utilities.less +194 -194
  200. package/src/bootstrap/less/scaffolding.less +161 -161
  201. package/src/bootstrap/less/tables.less +262 -262
  202. package/src/bootstrap/less/theme.less +291 -291
  203. package/src/bootstrap/less/thumbnails.less +36 -36
  204. package/src/bootstrap/less/tooltip.less +102 -102
  205. package/src/bootstrap/less/type.less +303 -303
  206. package/src/bootstrap/less/utilities.less +55 -55
  207. package/src/bootstrap/less/wells.less +29 -29
  208. package/src/components/AloneLoadParams.vue +25 -25
  209. package/src/components/FileUpload.vue +696 -696
  210. package/src/components/Hello.vue +39 -39
  211. package/src/components/LeftTree.vue +27 -27
  212. package/src/components/Main.vue +393 -393
  213. package/src/components/android/AddGas.vue +147 -147
  214. package/src/components/android/AddressList.vue +61 -61
  215. package/src/components/android/AttendanceTally.vue +116 -116
  216. package/src/components/android/Blank.vue +10 -10
  217. package/src/components/android/CheckUnplanPage.vue +56 -56
  218. package/src/components/android/Checker.vue +12 -12
  219. package/src/components/android/CheckerAnnual.vue +81 -81
  220. package/src/components/android/CheckerAvarta.vue +82 -82
  221. package/src/components/android/CheckerMonthly.vue +84 -84
  222. package/src/components/android/DevicesNoncivil.vue +214 -214
  223. package/src/components/android/EquipmentInspection.vue +348 -348
  224. package/src/components/android/FootprintMap.vue +120 -120
  225. package/src/components/android/HiddentroubleInvestigation.vue +192 -192
  226. package/src/components/android/LcheckUnplan.vue +108 -108
  227. package/src/components/android/MasterMain.vue +77 -77
  228. package/src/components/android/Menu.vue +132 -132
  229. package/src/components/android/NavBottom.vue +157 -157
  230. package/src/components/android/PaperAlarm.vue +85 -85
  231. package/src/components/android/PaperDeviceNoncivil.vue +214 -214
  232. package/src/components/android/PlumberAnnual.vue +83 -83
  233. package/src/components/android/PlumberAnnualDetail.vue +65 -65
  234. package/src/components/android/PlumberMonthly.vue +84 -84
  235. package/src/components/android/PostMap.vue +83 -83
  236. package/src/components/android/QueryCheckHistory.vue +122 -122
  237. package/src/components/android/QueryCheckHistoryItem.vue +62 -62
  238. package/src/components/android/RepairMain.vue +60 -60
  239. package/src/components/android/Repairman.vue +12 -12
  240. package/src/components/android/StationMaster.vue +12 -12
  241. package/src/components/android/SwitchValve.vue +323 -323
  242. package/src/components/checkerphonestate/Checker.vue +32 -32
  243. package/src/components/checkerphonestate/CheckerState.vue +97 -97
  244. package/src/components/defects/AddDefectModal.vue +120 -120
  245. package/src/components/defects/AddDevice.vue +95 -95
  246. package/src/components/defects/DefectModal.vue +101 -101
  247. package/src/components/defects/DefectSeting.vue +98 -98
  248. package/src/components/defects/DevicesAndItem.vue +39 -39
  249. package/src/components/defects/DevicesSeting.vue +106 -106
  250. package/src/components/equipment/BoilerUsage.vue +105 -105
  251. package/src/components/equipment/CookerUsage.vue +105 -105
  252. package/src/components/equipment/DeviceUsage.vue +105 -105
  253. package/src/components/equipment/FurnaceUsage.vue +105 -105
  254. package/src/components/equipment/GasMeterUsage.vue +109 -109
  255. package/src/components/equipment/HeaterUsage.vue +105 -105
  256. package/src/components/gasusage/GasUsage.vue +126 -126
  257. package/src/components/issueplan/IssuePlanMain.vue +23 -23
  258. package/src/components/metterfiles/AddUserfiles.vue +246 -246
  259. package/src/components/metterfiles/MetterFiles.vue +104 -104
  260. package/src/components/notice/NoticeForm.vue +100 -100
  261. package/src/components/notice/NoticeIssue.vue +20 -20
  262. package/src/components/notice/NoticeQuery.vue +76 -76
  263. package/src/components/paper/PicViewer.vue +18 -18
  264. package/src/components/paper/RepairVerify.vue +139 -139
  265. package/src/components/paper/RepairVerifyForm.vue +76 -76
  266. package/src/components/paper/VerifyForm.vue +107 -107
  267. package/src/components/phonestate/DailyTraffic.vue +57 -57
  268. package/src/components/phonestate/LastKnownState.vue +74 -74
  269. package/src/components/phonestate/MonthlyTraffic.vue +66 -66
  270. package/src/components/phonestate/MonthlyTrafficRouter.vue +15 -15
  271. package/src/components/phonestate/PostMap.vue +82 -82
  272. package/src/components/querycheckpaper/PaperItem.vue +59 -59
  273. package/src/components/task/RepairAnnual.vue +79 -79
  274. package/src/components/task/RepairAnnualDetail.vue +49 -49
  275. package/src/components/task/RepairMonthly.vue +91 -91
  276. package/src/components/task/TaskAnnual.vue +77 -77
  277. package/src/components/task/TaskAnnualDetail.vue +47 -47
  278. package/src/components/task/TaskMonthly.vue +89 -89
  279. package/src/components/userfile/MeterFile.vue +145 -145
  280. package/src/components/userfile/MeterModify.vue +46 -46
  281. package/src/components/userfile/UserFile.vue +118 -118
  282. package/src/components/userfile/UserfileChange.vue +277 -277
  283. package/src/components/userfileaudit/MeterAuditFile.vue +129 -129
  284. package/src/expandcss.less +571 -571
  285. package/src/filiale/yangchunboneng/android/AddPlanItem.vue +8 -1
  286. package/src/filiale/yangchunboneng/android/PhoneUpUserinfo.vue +5 -0
  287. package/src/filiale/yangchunboneng/android/SafecheckDevices.vue +1332 -1332
  288. package/src/filiale/yangchunboneng/android/SafecheckOrderV.vue +1 -0
  289. package/src/filiale/yangchunboneng/android/SafecheckUserInfo.vue +10 -0
  290. package/src/filiale/yongzhou/pc/communityTypeDetailG.vue +138 -137
  291. package/src/main.js +33 -33
  292. package/src/plugins/LoadData.js +10 -10
  293. package/src/plugins/LoadParams.js +24 -24
  294. package/src/stores/AppData.js +46 -46
  295. package/src/stores/wxconfig.js +10 -10
  296. package/src/utils/getNowDate.js +33 -33
  297. package/test/e2e/custom-assertions/elementCount.js +26 -26
  298. package/test/e2e/nightwatch.conf.js +40 -40
  299. package/test/e2e/runner.js +30 -30
  300. package/test/e2e/specs/test.js +13 -13
  301. package/test/unit/.eslintrc +5 -5
  302. package/test/unit/TestUtil.js +62 -62
  303. package/test/unit/context.html +20 -20
  304. package/test/unit/index.js +13 -13
@@ -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
+ }