safecheck-client 4.0.1-1 → 4.0.1-10

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 (268) hide show
  1. package/.babelrc +5 -5
  2. package/.editorconfig +9 -9
  3. package/android.html +18 -18
  4. package/config/dev.env.js +6 -6
  5. package/config/index.js +38 -38
  6. package/config/prod.env.js +3 -3
  7. package/config/test.env.js +6 -6
  8. package/docs/AppBase.md +22 -22
  9. package/docs/Busy.md +14 -14
  10. package/docs/CriteriaPaged.md +47 -47
  11. package/docs/DataGrid.md +54 -54
  12. package/docs/DataModel.md +22 -22
  13. package/docs/Dynamic.md +42 -42
  14. package/docs/GetParams.md +11 -11
  15. package/docs/HttpBusy.md +13 -13
  16. package/docs/HttpStore.md +29 -29
  17. package/docs/MessageBox.md +28 -28
  18. package/docs/PagedList.md +29 -29
  19. package/docs/Pager.md +21 -21
  20. package/docs/Project.md +23 -23
  21. package/docs/Route.md +105 -105
  22. package/docs/SafetyCheck/AdjustPlan.md +13 -13
  23. package/docs/SafetyCheck/CheckerPlan.md +12 -12
  24. package/docs/Task.md +46 -46
  25. package/docs/TreeList.md +28 -28
  26. package/docs/TreeMixin.md +18 -18
  27. package/docs/all.md +10 -10
  28. package/docs/list.md +42 -42
  29. package/docs/partial.md +75 -75
  30. package/docs/selector.md +82 -82
  31. package/docs//345/274/200/345/217/221/346/226/207/346/241/243/Snippets.md +28 -28
  32. 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
  33. 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
  34. 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
  35. package/docs//347/225/214/351/235/242/345/210/266/344/275/234/350/247/204/350/214/203.md +54 -54
  36. package/examples/AddressList/App.vue +13 -13
  37. package/examples/AddressList/index.html +11 -11
  38. package/examples/DispatchList/App.vue +10 -10
  39. package/examples/DispatchList/BaseTree.vue +13 -13
  40. package/examples/DispatchList/Init.vue +22 -22
  41. package/examples/DispatchList/Test.vue +20 -20
  42. package/examples/DispatchList/index.html +11 -11
  43. package/examples/DispatchList/main.js +18 -18
  44. package/home.html +16 -16
  45. package/package.json +1 -1
  46. package/publish.bat +7 -7
  47. package/release.bat +5 -5
  48. package/src/App.vue +31 -31
  49. package/src/Widget.vue +13 -13
  50. package/src/android-bootstrap/fonts/glyphicons-halflings-regular.svg +287 -287
  51. package/src/android-bootstrap/less/.csscomb.json +304 -304
  52. package/src/android-bootstrap/less/.csslintrc +19 -19
  53. package/src/android-bootstrap/less/alerts.less +73 -73
  54. package/src/android-bootstrap/less/badges.less +66 -66
  55. package/src/android-bootstrap/less/bootstrap.less +56 -56
  56. package/src/android-bootstrap/less/breadcrumbs.less +26 -26
  57. package/src/android-bootstrap/less/button-groups.less +247 -247
  58. package/src/android-bootstrap/less/buttons.less +173 -173
  59. package/src/android-bootstrap/less/carousel.less +269 -269
  60. package/src/android-bootstrap/less/close.less +34 -34
  61. package/src/android-bootstrap/less/code.less +69 -69
  62. package/src/android-bootstrap/less/component-animations.less +33 -33
  63. package/src/android-bootstrap/less/grid.less +84 -84
  64. package/src/android-bootstrap/less/input-groups.less +167 -167
  65. package/src/android-bootstrap/less/jumbotron.less +52 -52
  66. package/src/android-bootstrap/less/labels.less +64 -64
  67. package/src/android-bootstrap/less/list-group.less +141 -141
  68. package/src/android-bootstrap/less/media.less +66 -66
  69. package/src/android-bootstrap/less/mixins/alerts.less +14 -14
  70. package/src/android-bootstrap/less/mixins/background-variant.less +9 -9
  71. package/src/android-bootstrap/less/mixins/border-radius.less +18 -18
  72. package/src/android-bootstrap/less/mixins/buttons.less +69 -69
  73. package/src/android-bootstrap/less/mixins/center-block.less +7 -7
  74. package/src/android-bootstrap/less/mixins/clearfix.less +22 -22
  75. package/src/android-bootstrap/less/mixins/forms.less +90 -90
  76. package/src/android-bootstrap/less/mixins/gradients.less +59 -59
  77. package/src/android-bootstrap/less/mixins/grid-framework.less +92 -92
  78. package/src/android-bootstrap/less/mixins/grid.less +122 -122
  79. package/src/android-bootstrap/less/mixins/hide-text.less +21 -21
  80. package/src/android-bootstrap/less/mixins/image.less +33 -33
  81. package/src/android-bootstrap/less/mixins/labels.less +12 -12
  82. package/src/android-bootstrap/less/mixins/list-group.less +30 -30
  83. package/src/android-bootstrap/less/mixins/nav-divider.less +10 -10
  84. package/src/android-bootstrap/less/mixins/nav-vertical-align.less +9 -9
  85. package/src/android-bootstrap/less/mixins/opacity.less +8 -8
  86. package/src/android-bootstrap/less/mixins/pagination.less +24 -24
  87. package/src/android-bootstrap/less/mixins/panels.less +24 -24
  88. package/src/android-bootstrap/less/mixins/progress-bar.less +10 -10
  89. package/src/android-bootstrap/less/mixins/reset-filter.less +8 -8
  90. package/src/android-bootstrap/less/mixins/reset-text.less +18 -18
  91. package/src/android-bootstrap/less/mixins/resize.less +6 -6
  92. package/src/android-bootstrap/less/mixins/responsive-visibility.less +15 -15
  93. package/src/android-bootstrap/less/mixins/size.less +10 -10
  94. package/src/android-bootstrap/less/mixins/tab-focus.less +9 -9
  95. package/src/android-bootstrap/less/mixins/table-row.less +44 -44
  96. package/src/android-bootstrap/less/mixins/text-emphasis.less +9 -9
  97. package/src/android-bootstrap/less/mixins/text-overflow.less +8 -8
  98. package/src/android-bootstrap/less/mixins/vendor-prefixes.less +227 -227
  99. package/src/android-bootstrap/less/mixins.less +40 -40
  100. package/src/android-bootstrap/less/modals.less +151 -151
  101. package/src/android-bootstrap/less/navbar.less +660 -660
  102. package/src/android-bootstrap/less/navs.less +290 -290
  103. package/src/android-bootstrap/less/normalize.less +424 -424
  104. package/src/android-bootstrap/less/pager.less +76 -76
  105. package/src/android-bootstrap/less/pagination.less +89 -89
  106. package/src/android-bootstrap/less/panels.less +274 -274
  107. package/src/android-bootstrap/less/popovers.less +131 -131
  108. package/src/android-bootstrap/less/print.less +101 -101
  109. package/src/android-bootstrap/less/progress-bars.less +87 -87
  110. package/src/android-bootstrap/less/responsive-embed.less +35 -35
  111. package/src/android-bootstrap/less/responsive-utilities.less +194 -194
  112. package/src/android-bootstrap/less/scaffolding.less +161 -161
  113. package/src/android-bootstrap/less/tables.less +262 -262
  114. package/src/android-bootstrap/less/theme.less +291 -291
  115. package/src/android-bootstrap/less/thumbnails.less +36 -36
  116. package/src/android-bootstrap/less/tooltip.less +102 -102
  117. package/src/android-bootstrap/less/type.less +303 -303
  118. package/src/android-bootstrap/less/utilities.less +55 -55
  119. package/src/android-bootstrap/less/variables.less +896 -896
  120. package/src/android-bootstrap/less/wells.less +29 -29
  121. package/src/bootstrap/less/.csscomb.json +304 -304
  122. package/src/bootstrap/less/.csslintrc +19 -19
  123. package/src/bootstrap/less/alerts.less +73 -73
  124. package/src/bootstrap/less/badges.less +66 -66
  125. package/src/bootstrap/less/breadcrumbs.less +26 -26
  126. package/src/bootstrap/less/button-groups.less +247 -247
  127. package/src/bootstrap/less/buttons.less +172 -172
  128. package/src/bootstrap/less/carousel.less +269 -269
  129. package/src/bootstrap/less/close.less +34 -34
  130. package/src/bootstrap/less/code.less +69 -69
  131. package/src/bootstrap/less/component-animations.less +33 -33
  132. package/src/bootstrap/less/dropdowns.less +216 -216
  133. package/src/bootstrap/less/grid.less +84 -84
  134. package/src/bootstrap/less/input-groups.less +167 -167
  135. package/src/bootstrap/less/jumbotron.less +52 -52
  136. package/src/bootstrap/less/labels.less +64 -64
  137. package/src/bootstrap/less/list-group.less +141 -141
  138. package/src/bootstrap/less/media.less +66 -66
  139. package/src/bootstrap/less/mixins/alerts.less +14 -14
  140. package/src/bootstrap/less/mixins/background-variant.less +9 -9
  141. package/src/bootstrap/less/mixins/border-radius.less +18 -18
  142. package/src/bootstrap/less/mixins/buttons.less +69 -69
  143. package/src/bootstrap/less/mixins/center-block.less +7 -7
  144. package/src/bootstrap/less/mixins/clearfix.less +22 -22
  145. package/src/bootstrap/less/mixins/forms.less +90 -90
  146. package/src/bootstrap/less/mixins/gradients.less +59 -59
  147. package/src/bootstrap/less/mixins/grid-framework.less +92 -92
  148. package/src/bootstrap/less/mixins/grid.less +122 -122
  149. package/src/bootstrap/less/mixins/hide-text.less +21 -21
  150. package/src/bootstrap/less/mixins/image.less +33 -33
  151. package/src/bootstrap/less/mixins/labels.less +12 -12
  152. package/src/bootstrap/less/mixins/list-group.less +30 -30
  153. package/src/bootstrap/less/mixins/nav-divider.less +10 -10
  154. package/src/bootstrap/less/mixins/nav-vertical-align.less +9 -9
  155. package/src/bootstrap/less/mixins/opacity.less +8 -8
  156. package/src/bootstrap/less/mixins/pagination.less +24 -24
  157. package/src/bootstrap/less/mixins/panels.less +24 -24
  158. package/src/bootstrap/less/mixins/progress-bar.less +10 -10
  159. package/src/bootstrap/less/mixins/reset-filter.less +8 -8
  160. package/src/bootstrap/less/mixins/reset-text.less +18 -18
  161. package/src/bootstrap/less/mixins/resize.less +6 -6
  162. package/src/bootstrap/less/mixins/responsive-visibility.less +15 -15
  163. package/src/bootstrap/less/mixins/size.less +10 -10
  164. package/src/bootstrap/less/mixins/tab-focus.less +9 -9
  165. package/src/bootstrap/less/mixins/table-row.less +44 -44
  166. package/src/bootstrap/less/mixins/text-emphasis.less +9 -9
  167. package/src/bootstrap/less/mixins/text-overflow.less +8 -8
  168. package/src/bootstrap/less/mixins/vendor-prefixes.less +227 -227
  169. package/src/bootstrap/less/mixins.less +40 -40
  170. package/src/bootstrap/less/modals.less +151 -151
  171. package/src/bootstrap/less/navbar.less +660 -660
  172. package/src/bootstrap/less/normalize.less +424 -424
  173. package/src/bootstrap/less/pagination.less +89 -89
  174. package/src/bootstrap/less/panels.less +275 -275
  175. package/src/bootstrap/less/popovers.less +131 -131
  176. package/src/bootstrap/less/print.less +101 -101
  177. package/src/bootstrap/less/progress-bars.less +87 -87
  178. package/src/bootstrap/less/responsive-embed.less +35 -35
  179. package/src/bootstrap/less/responsive-utilities.less +194 -194
  180. package/src/bootstrap/less/scaffolding.less +161 -161
  181. package/src/bootstrap/less/theme.less +291 -291
  182. package/src/bootstrap/less/thumbnails.less +36 -36
  183. package/src/bootstrap/less/tooltip.less +102 -102
  184. package/src/bootstrap/less/type.less +303 -303
  185. package/src/bootstrap/less/utilities.less +55 -55
  186. package/src/bootstrap/less/wells.less +29 -29
  187. package/src/components/FileUpload.vue +696 -696
  188. package/src/components/Hello.vue +39 -39
  189. package/src/components/LeftTree.vue +27 -27
  190. package/src/components/NewDefectList/DefectListNew.vue +3 -0
  191. package/src/components/NewDefectList/DefectPaperNew.vue +1184 -1184
  192. package/src/components/Util/SafecheckUpload.vue +281 -281
  193. package/src/components/android/AttendanceTally.vue +116 -116
  194. package/src/components/android/Blank.vue +10 -10
  195. package/src/components/android/CheckUnplanPage.vue +56 -56
  196. package/src/components/android/Checker.vue +12 -12
  197. package/src/components/android/CheckerAnnual.vue +81 -81
  198. package/src/components/android/CheckerAvarta.vue +82 -82
  199. package/src/components/android/EquipmentInspection.vue +348 -348
  200. package/src/components/android/FootprintMap.vue +120 -120
  201. package/src/components/android/HiddentroubleInvestigation.vue +192 -192
  202. package/src/components/android/MasterMain.vue +77 -77
  203. package/src/components/android/Menu.vue +132 -132
  204. package/src/components/android/PaperAlarm.vue +85 -85
  205. package/src/components/android/PaperDeviceNoncivil.vue +214 -214
  206. package/src/components/android/PhoneUpUserinfo.vue +1249 -1249
  207. package/src/components/android/PlumberAnnual.vue +83 -83
  208. package/src/components/android/PlumberAnnualDetail.vue +65 -65
  209. package/src/components/android/PlumberMonthly.vue +84 -84
  210. package/src/components/android/PostMap.vue +83 -83
  211. package/src/components/android/QueryCheckHistory.vue +122 -122
  212. package/src/components/android/QueryCheckHistoryItem.vue +62 -62
  213. package/src/components/android/RepairMain.vue +60 -60
  214. package/src/components/android/Repairman.vue +12 -12
  215. package/src/components/android/SafeRightTree.vue +4 -3
  216. package/src/components/android/SafecheckDevices.vue +1340 -1340
  217. package/src/components/android/StationMaster.vue +12 -12
  218. package/src/components/defects/DefectModal.vue +101 -101
  219. package/src/components/defects/DevicesAndItem.vue +39 -39
  220. package/src/components/issueplan/IssuePlanMain.vue +23 -23
  221. package/src/components/notice/NoticeForm.vue +100 -100
  222. package/src/components/notice/NoticeIssue.vue +20 -20
  223. package/src/components/paper/PaperList.vue +797 -797
  224. package/src/components/paper/PicViewer.vue +18 -18
  225. package/src/components/pc/CheckBook.vue +303 -303
  226. package/src/components/pc/CheckBookArea.vue +146 -146
  227. package/src/components/pc/CheckBookCompany.vue +144 -144
  228. package/src/components/pc/CheckBookDetails.vue +161 -161
  229. package/src/components/pc/CheckBookEntry.vue +60 -60
  230. package/src/components/pc/CheckBookSearchArea.vue +560 -560
  231. package/src/components/pc/CheckBookSearchUnit.vue +229 -229
  232. package/src/components/pc/CheckBookSearchUser.vue +659 -659
  233. package/src/components/pc/CheckBookSearchUserList.vue +674 -674
  234. package/src/components/pc/CheckBookUser.vue +337 -333
  235. package/src/components/pc/PaperDefectMain.vue +880 -880
  236. package/src/components/phonestate/MonthlyTraffic.vue +66 -66
  237. package/src/components/phonestate/MonthlyTrafficRouter.vue +15 -15
  238. package/src/components/phonestate/PostMap.vue +82 -82
  239. package/src/components/querycheckpaper/PaperItem.vue +59 -59
  240. package/src/components/userfile/MeterFile.vue +145 -145
  241. package/src/components/userfile/MeterModify.vue +46 -46
  242. package/src/components/userfileaudit/MeterAuditFile.vue +129 -129
  243. package/src/filiale/jinhong/pc/CheckBookList.vue +388 -388
  244. package/src/filiale/jinhong/pc/DefectPaperNew.vue +1100 -1100
  245. package/src/filiale/jinhong/pc/checkUserList.vue +1 -2
  246. package/src/filiale/meihekou/android/CheckPlanList.vue +198 -198
  247. package/src/filiale/meihekou/android/CheckPlanListArea.vue +190 -190
  248. package/src/filiale/meihekou/android/CurrentCreate.vue +1038 -1038
  249. package/src/filiale/meihekou/android/PaperFeedback.vue +1542 -1542
  250. package/src/filiale/meihekou/android/SafecheckDevices.vue +1340 -1340
  251. package/src/filiale/meihekou/android/SafecheckOrderV.vue +2431 -2421
  252. package/src/filiale/meihekou/android.js +22 -22
  253. package/src/filiale/meihekou/pc/NewCheckpaper.vue +2027 -2027
  254. package/src/filiale/qingjian/pc/NewCheckpaper.vue +1 -0
  255. package/src/filiale/yunchengminsheng/android/SafecheckOrderV.vue +2 -0
  256. package/src/main.js +33 -33
  257. package/src/plugins/LoadData.js +10 -10
  258. package/src/plugins/LoadParams.js +24 -24
  259. package/src/stores/wxconfig.js +10 -10
  260. package/src/utils/getNowDate.js +33 -33
  261. package/test/e2e/custom-assertions/elementCount.js +26 -26
  262. package/test/e2e/nightwatch.conf.js +40 -40
  263. package/test/e2e/runner.js +30 -30
  264. package/test/e2e/specs/test.js +13 -13
  265. package/test/unit/.eslintrc +5 -5
  266. package/test/unit/TestUtil.js +62 -62
  267. package/test/unit/context.html +20 -20
  268. 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
+ }