safecheck-client 3.0.33-126 → 3.0.33-128

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 (287) 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/git +0 -0
  61. package/home.html +16 -16
  62. package/package.json +133 -133
  63. package/publish.bat +7 -7
  64. package/release.bat +5 -5
  65. package/src/App.vue +2 -2
  66. package/src/Widget.vue +13 -13
  67. package/src/android-bootstrap/fonts/glyphicons-halflings-regular.svg +287 -287
  68. package/src/android-bootstrap/less/.csscomb.json +304 -304
  69. package/src/android-bootstrap/less/.csslintrc +19 -19
  70. package/src/android-bootstrap/less/alerts.less +73 -73
  71. package/src/android-bootstrap/less/badges.less +66 -66
  72. package/src/android-bootstrap/less/bootstrap.less +56 -56
  73. package/src/android-bootstrap/less/breadcrumbs.less +26 -26
  74. package/src/android-bootstrap/less/button-groups.less +247 -247
  75. package/src/android-bootstrap/less/buttons.less +173 -173
  76. package/src/android-bootstrap/less/carousel.less +269 -269
  77. package/src/android-bootstrap/less/close.less +34 -34
  78. package/src/android-bootstrap/less/code.less +69 -69
  79. package/src/android-bootstrap/less/component-animations.less +33 -33
  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/theme.less +291 -291
  202. package/src/bootstrap/less/thumbnails.less +36 -36
  203. package/src/bootstrap/less/tooltip.less +102 -102
  204. package/src/bootstrap/less/type.less +303 -303
  205. package/src/bootstrap/less/utilities.less +55 -55
  206. package/src/bootstrap/less/wells.less +29 -29
  207. package/src/components/FileUpload.vue +696 -696
  208. package/src/components/Hello.vue +39 -39
  209. package/src/components/LeftTree.vue +27 -27
  210. package/src/components/android/AddGas.vue +147 -147
  211. package/src/components/android/AddressList.vue +61 -61
  212. package/src/components/android/AttendanceTally.vue +116 -116
  213. package/src/components/android/Blank.vue +10 -10
  214. package/src/components/android/CheckUnplanPage.vue +56 -56
  215. package/src/components/android/Checker.vue +12 -12
  216. package/src/components/android/CheckerAnnual.vue +81 -81
  217. package/src/components/android/CheckerAvarta.vue +82 -82
  218. package/src/components/android/CheckerMonthly.vue +84 -84
  219. package/src/components/android/EquipmentInspection.vue +348 -348
  220. package/src/components/android/FootprintMap.vue +120 -120
  221. package/src/components/android/HiddentroubleInvestigation.vue +192 -192
  222. package/src/components/android/LcheckUnplan.vue +108 -108
  223. package/src/components/android/MasterMain.vue +77 -77
  224. package/src/components/android/Menu.vue +132 -132
  225. package/src/components/android/NavBottom.vue +157 -157
  226. package/src/components/android/PaperAlarm.vue +85 -85
  227. package/src/components/android/PaperDeviceNoncivil.vue +214 -214
  228. package/src/components/android/PlumberAnnual.vue +83 -83
  229. package/src/components/android/PlumberAnnualDetail.vue +65 -65
  230. package/src/components/android/PlumberMonthly.vue +84 -84
  231. package/src/components/android/PostMap.vue +83 -83
  232. package/src/components/android/QueryCheckHistory.vue +122 -122
  233. package/src/components/android/QueryCheckHistoryItem.vue +62 -62
  234. package/src/components/android/RepairMain.vue +60 -60
  235. package/src/components/android/Repairman.vue +12 -12
  236. package/src/components/android/StationMaster.vue +12 -12
  237. package/src/components/checkerphonestate/Checker.vue +32 -32
  238. package/src/components/checkerphonestate/CheckerState.vue +97 -97
  239. package/src/components/defects/AddDefectModal.vue +120 -120
  240. package/src/components/defects/AddDevice.vue +95 -95
  241. package/src/components/defects/DefectModal.vue +101 -101
  242. package/src/components/defects/DevicesAndItem.vue +39 -39
  243. package/src/components/defects/DevicesSeting.vue +106 -106
  244. package/src/components/issueplan/IssuePlanMain.vue +23 -23
  245. package/src/components/metterfiles/AddUserfiles.vue +246 -246
  246. package/src/components/metterfiles/MetterFiles.vue +104 -104
  247. package/src/components/notice/NoticeForm.vue +100 -100
  248. package/src/components/notice/NoticeIssue.vue +20 -20
  249. package/src/components/notice/NoticeQuery.vue +76 -76
  250. package/src/components/paper/PicViewer.vue +18 -18
  251. package/src/components/paper/RepairVerifyForm.vue +76 -76
  252. package/src/components/pc/NewCheckpaper.vue +4 -0
  253. package/src/components/phonestate/DailyTraffic.vue +57 -57
  254. package/src/components/phonestate/LastKnownState.vue +74 -74
  255. package/src/components/phonestate/MonthlyTraffic.vue +66 -66
  256. package/src/components/phonestate/MonthlyTrafficRouter.vue +15 -15
  257. package/src/components/phonestate/PostMap.vue +82 -82
  258. package/src/components/querycheckpaper/PaperItem.vue +59 -59
  259. package/src/components/task/RepairAnnual.vue +79 -79
  260. package/src/components/task/RepairAnnualDetail.vue +49 -49
  261. package/src/components/task/RepairMonthly.vue +91 -91
  262. package/src/components/task/TaskAnnual.vue +77 -77
  263. package/src/components/task/TaskAnnualDetail.vue +47 -47
  264. package/src/components/task/TaskMonthly.vue +89 -89
  265. package/src/components/userfile/MeterFile.vue +145 -145
  266. package/src/components/userfile/MeterModify.vue +46 -46
  267. package/src/components/userfile/UserFile.vue +118 -118
  268. package/src/components/userfile/UserfileChange.vue +277 -277
  269. package/src/components/userfileaudit/MeterAuditFile.vue +129 -129
  270. package/src/filiale/baiyin/android.js +9 -9
  271. package/src/filiale/baiyin/pc/PlanManage.vue +834 -834
  272. package/src/filiale/baiyin/pc.js +13 -13
  273. package/src/filiale/bayan/pc/CheckSearchUser.vue +1 -1
  274. package/src/filiale/siyang/pc/PaperDefectMain.vue +864 -864
  275. package/src/main.js +1 -1
  276. package/src/plugins/LoadData.js +10 -10
  277. package/src/plugins/LoadParams.js +24 -24
  278. package/src/stores/wxconfig.js +10 -10
  279. package/src/utils/getNowDate.js +33 -33
  280. package/test/e2e/custom-assertions/elementCount.js +26 -26
  281. package/test/e2e/nightwatch.conf.js +40 -40
  282. package/test/e2e/runner.js +30 -30
  283. package/test/e2e/specs/test.js +13 -13
  284. package/test/unit/.eslintrc +5 -5
  285. package/test/unit/TestUtil.js +62 -62
  286. package/test/unit/context.html +20 -20
  287. 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
+ }