safecheck-client 4.0.0-67 → 4.0.0-69

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 (245) 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 +132 -132
  46. package/publish.bat +7 -7
  47. package/release.bat +5 -5
  48. package/src/Widget.vue +13 -13
  49. package/src/android-bootstrap/fonts/glyphicons-halflings-regular.svg +287 -287
  50. package/src/android-bootstrap/less/.csscomb.json +304 -304
  51. package/src/android-bootstrap/less/.csslintrc +19 -19
  52. package/src/android-bootstrap/less/alerts.less +73 -73
  53. package/src/android-bootstrap/less/badges.less +66 -66
  54. package/src/android-bootstrap/less/bootstrap.less +56 -56
  55. package/src/android-bootstrap/less/breadcrumbs.less +26 -26
  56. package/src/android-bootstrap/less/button-groups.less +247 -247
  57. package/src/android-bootstrap/less/buttons.less +173 -173
  58. package/src/android-bootstrap/less/carousel.less +269 -269
  59. package/src/android-bootstrap/less/close.less +34 -34
  60. package/src/android-bootstrap/less/code.less +69 -69
  61. package/src/android-bootstrap/less/component-animations.less +33 -33
  62. package/src/android-bootstrap/less/grid.less +84 -84
  63. package/src/android-bootstrap/less/input-groups.less +167 -167
  64. package/src/android-bootstrap/less/jumbotron.less +52 -52
  65. package/src/android-bootstrap/less/labels.less +64 -64
  66. package/src/android-bootstrap/less/list-group.less +141 -141
  67. package/src/android-bootstrap/less/media.less +66 -66
  68. package/src/android-bootstrap/less/mixins/alerts.less +14 -14
  69. package/src/android-bootstrap/less/mixins/background-variant.less +9 -9
  70. package/src/android-bootstrap/less/mixins/border-radius.less +18 -18
  71. package/src/android-bootstrap/less/mixins/buttons.less +69 -69
  72. package/src/android-bootstrap/less/mixins/center-block.less +7 -7
  73. package/src/android-bootstrap/less/mixins/clearfix.less +22 -22
  74. package/src/android-bootstrap/less/mixins/forms.less +90 -90
  75. package/src/android-bootstrap/less/mixins/gradients.less +59 -59
  76. package/src/android-bootstrap/less/mixins/grid-framework.less +92 -92
  77. package/src/android-bootstrap/less/mixins/grid.less +122 -122
  78. package/src/android-bootstrap/less/mixins/hide-text.less +21 -21
  79. package/src/android-bootstrap/less/mixins/image.less +33 -33
  80. package/src/android-bootstrap/less/mixins/labels.less +12 -12
  81. package/src/android-bootstrap/less/mixins/list-group.less +30 -30
  82. package/src/android-bootstrap/less/mixins/nav-divider.less +10 -10
  83. package/src/android-bootstrap/less/mixins/nav-vertical-align.less +9 -9
  84. package/src/android-bootstrap/less/mixins/opacity.less +8 -8
  85. package/src/android-bootstrap/less/mixins/pagination.less +24 -24
  86. package/src/android-bootstrap/less/mixins/panels.less +24 -24
  87. package/src/android-bootstrap/less/mixins/progress-bar.less +10 -10
  88. package/src/android-bootstrap/less/mixins/reset-filter.less +8 -8
  89. package/src/android-bootstrap/less/mixins/reset-text.less +18 -18
  90. package/src/android-bootstrap/less/mixins/resize.less +6 -6
  91. package/src/android-bootstrap/less/mixins/responsive-visibility.less +15 -15
  92. package/src/android-bootstrap/less/mixins/size.less +10 -10
  93. package/src/android-bootstrap/less/mixins/tab-focus.less +9 -9
  94. package/src/android-bootstrap/less/mixins/table-row.less +44 -44
  95. package/src/android-bootstrap/less/mixins/text-emphasis.less +9 -9
  96. package/src/android-bootstrap/less/mixins/text-overflow.less +8 -8
  97. package/src/android-bootstrap/less/mixins/vendor-prefixes.less +227 -227
  98. package/src/android-bootstrap/less/mixins.less +40 -40
  99. package/src/android-bootstrap/less/modals.less +151 -151
  100. package/src/android-bootstrap/less/navbar.less +660 -660
  101. package/src/android-bootstrap/less/navs.less +290 -290
  102. package/src/android-bootstrap/less/normalize.less +424 -424
  103. package/src/android-bootstrap/less/pager.less +76 -76
  104. package/src/android-bootstrap/less/pagination.less +89 -89
  105. package/src/android-bootstrap/less/panels.less +274 -274
  106. package/src/android-bootstrap/less/popovers.less +131 -131
  107. package/src/android-bootstrap/less/print.less +101 -101
  108. package/src/android-bootstrap/less/progress-bars.less +87 -87
  109. package/src/android-bootstrap/less/responsive-embed.less +35 -35
  110. package/src/android-bootstrap/less/responsive-utilities.less +194 -194
  111. package/src/android-bootstrap/less/scaffolding.less +161 -161
  112. package/src/android-bootstrap/less/tables.less +262 -262
  113. package/src/android-bootstrap/less/theme.less +291 -291
  114. package/src/android-bootstrap/less/thumbnails.less +36 -36
  115. package/src/android-bootstrap/less/tooltip.less +102 -102
  116. package/src/android-bootstrap/less/type.less +303 -303
  117. package/src/android-bootstrap/less/utilities.less +55 -55
  118. package/src/android-bootstrap/less/variables.less +896 -896
  119. package/src/android-bootstrap/less/wells.less +29 -29
  120. package/src/bootstrap/less/.csscomb.json +304 -304
  121. package/src/bootstrap/less/.csslintrc +19 -19
  122. package/src/bootstrap/less/alerts.less +73 -73
  123. package/src/bootstrap/less/badges.less +66 -66
  124. package/src/bootstrap/less/breadcrumbs.less +26 -26
  125. package/src/bootstrap/less/button-groups.less +247 -247
  126. package/src/bootstrap/less/buttons.less +172 -172
  127. package/src/bootstrap/less/carousel.less +269 -269
  128. package/src/bootstrap/less/close.less +34 -34
  129. package/src/bootstrap/less/code.less +69 -69
  130. package/src/bootstrap/less/component-animations.less +33 -33
  131. package/src/bootstrap/less/dropdowns.less +216 -216
  132. package/src/bootstrap/less/grid.less +84 -84
  133. package/src/bootstrap/less/input-groups.less +167 -167
  134. package/src/bootstrap/less/jumbotron.less +52 -52
  135. package/src/bootstrap/less/labels.less +64 -64
  136. package/src/bootstrap/less/list-group.less +141 -141
  137. package/src/bootstrap/less/media.less +66 -66
  138. package/src/bootstrap/less/mixins/alerts.less +14 -14
  139. package/src/bootstrap/less/mixins/background-variant.less +9 -9
  140. package/src/bootstrap/less/mixins/border-radius.less +18 -18
  141. package/src/bootstrap/less/mixins/buttons.less +69 -69
  142. package/src/bootstrap/less/mixins/center-block.less +7 -7
  143. package/src/bootstrap/less/mixins/clearfix.less +22 -22
  144. package/src/bootstrap/less/mixins/forms.less +90 -90
  145. package/src/bootstrap/less/mixins/gradients.less +59 -59
  146. package/src/bootstrap/less/mixins/grid-framework.less +92 -92
  147. package/src/bootstrap/less/mixins/grid.less +122 -122
  148. package/src/bootstrap/less/mixins/hide-text.less +21 -21
  149. package/src/bootstrap/less/mixins/image.less +33 -33
  150. package/src/bootstrap/less/mixins/labels.less +12 -12
  151. package/src/bootstrap/less/mixins/list-group.less +30 -30
  152. package/src/bootstrap/less/mixins/nav-divider.less +10 -10
  153. package/src/bootstrap/less/mixins/nav-vertical-align.less +9 -9
  154. package/src/bootstrap/less/mixins/opacity.less +8 -8
  155. package/src/bootstrap/less/mixins/pagination.less +24 -24
  156. package/src/bootstrap/less/mixins/panels.less +24 -24
  157. package/src/bootstrap/less/mixins/progress-bar.less +10 -10
  158. package/src/bootstrap/less/mixins/reset-filter.less +8 -8
  159. package/src/bootstrap/less/mixins/reset-text.less +18 -18
  160. package/src/bootstrap/less/mixins/resize.less +6 -6
  161. package/src/bootstrap/less/mixins/responsive-visibility.less +15 -15
  162. package/src/bootstrap/less/mixins/size.less +10 -10
  163. package/src/bootstrap/less/mixins/tab-focus.less +9 -9
  164. package/src/bootstrap/less/mixins/table-row.less +44 -44
  165. package/src/bootstrap/less/mixins/text-emphasis.less +9 -9
  166. package/src/bootstrap/less/mixins/text-overflow.less +8 -8
  167. package/src/bootstrap/less/mixins/vendor-prefixes.less +227 -227
  168. package/src/bootstrap/less/mixins.less +40 -40
  169. package/src/bootstrap/less/modals.less +151 -151
  170. package/src/bootstrap/less/navbar.less +660 -660
  171. package/src/bootstrap/less/normalize.less +424 -424
  172. package/src/bootstrap/less/pagination.less +89 -89
  173. package/src/bootstrap/less/panels.less +275 -275
  174. package/src/bootstrap/less/popovers.less +131 -131
  175. package/src/bootstrap/less/print.less +101 -101
  176. package/src/bootstrap/less/progress-bars.less +87 -87
  177. package/src/bootstrap/less/responsive-embed.less +35 -35
  178. package/src/bootstrap/less/responsive-utilities.less +194 -194
  179. package/src/bootstrap/less/scaffolding.less +161 -161
  180. package/src/bootstrap/less/theme.less +291 -291
  181. package/src/bootstrap/less/thumbnails.less +36 -36
  182. package/src/bootstrap/less/tooltip.less +102 -102
  183. package/src/bootstrap/less/type.less +303 -303
  184. package/src/bootstrap/less/utilities.less +55 -55
  185. package/src/bootstrap/less/wells.less +29 -29
  186. package/src/components/FileUpload.vue +696 -696
  187. package/src/components/Hello.vue +39 -39
  188. package/src/components/LeftTree.vue +27 -27
  189. package/src/components/android/AttendanceTally.vue +116 -116
  190. package/src/components/android/Blank.vue +10 -10
  191. package/src/components/android/CheckUnplanPage.vue +56 -56
  192. package/src/components/android/Checker.vue +12 -12
  193. package/src/components/android/CheckerAnnual.vue +81 -81
  194. package/src/components/android/CheckerAvarta.vue +82 -82
  195. package/src/components/android/EquipmentInspection.vue +348 -348
  196. package/src/components/android/FootprintMap.vue +120 -120
  197. package/src/components/android/HiddentroubleInvestigation.vue +192 -192
  198. package/src/components/android/MasterMain.vue +77 -77
  199. package/src/components/android/Menu.vue +132 -132
  200. package/src/components/android/PaperAlarm.vue +85 -85
  201. package/src/components/android/PaperDeviceNoncivil.vue +214 -214
  202. package/src/components/android/PaperFeedback.vue +1541 -1541
  203. package/src/components/android/PlumberAnnual.vue +83 -83
  204. package/src/components/android/PlumberAnnualDetail.vue +65 -65
  205. package/src/components/android/PlumberMonthly.vue +84 -84
  206. package/src/components/android/PostMap.vue +83 -83
  207. package/src/components/android/QueryCheckHistory.vue +122 -122
  208. package/src/components/android/QueryCheckHistoryItem.vue +62 -62
  209. package/src/components/android/RepairMain.vue +60 -60
  210. package/src/components/android/Repairman.vue +12 -12
  211. package/src/components/android/StationMaster.vue +12 -12
  212. package/src/components/defects/DefectModal.vue +101 -101
  213. package/src/components/defects/DevicesAndItem.vue +39 -39
  214. package/src/components/issueplan/IssuePlanMain.vue +23 -23
  215. package/src/components/notice/NoticeForm.vue +100 -100
  216. package/src/components/notice/NoticeIssue.vue +20 -20
  217. package/src/components/paper/PicViewer.vue +18 -18
  218. package/src/components/phonestate/MonthlyTraffic.vue +66 -66
  219. package/src/components/phonestate/MonthlyTrafficRouter.vue +15 -15
  220. package/src/components/phonestate/PostMap.vue +82 -82
  221. package/src/components/planmanage/checkPlanList.vue +396 -368
  222. package/src/components/querycheckpaper/PaperItem.vue +59 -59
  223. package/src/components/userfile/MeterFile.vue +145 -145
  224. package/src/components/userfile/MeterModify.vue +46 -46
  225. package/src/components/userfileaudit/MeterAuditFile.vue +129 -129
  226. package/src/filiale/jinhong/android/PhoneInsurancePurchaseDetail.vue +4 -3
  227. package/src/filiale/jinhong/pc/CheckPlanAreaList.vue +511 -511
  228. package/src/filiale/jinhong/pc/CheckSearchUser.vue +1094 -1094
  229. package/src/filiale/jinhong/pc/DefectPaperNew.vue +1100 -1100
  230. package/src/filiale/jinhong/pc/PlanManage.vue +891 -891
  231. package/src/filiale/jinhong/pc/checkUserList.vue +1 -1
  232. package/src/filiale/jinhong/pc.js +11 -11
  233. package/src/filiale/yunchengminsheng/android/SafecheckOrderV.vue +2848 -2848
  234. package/src/plugins/LoadData.js +10 -10
  235. package/src/plugins/LoadParams.js +24 -24
  236. package/src/stores/wxconfig.js +10 -10
  237. package/src/utils/getNowDate.js +33 -33
  238. package/test/e2e/custom-assertions/elementCount.js +26 -26
  239. package/test/e2e/nightwatch.conf.js +40 -40
  240. package/test/e2e/runner.js +30 -30
  241. package/test/e2e/specs/test.js +13 -13
  242. package/test/unit/.eslintrc +5 -5
  243. package/test/unit/TestUtil.js +62 -62
  244. package/test/unit/context.html +20 -20
  245. 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
+ }