nodebb-theme-persona 12.0.2 → 12.0.3

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 (200) hide show
  1. package/.eslintrc +2 -2
  2. package/README.md +14 -14
  3. package/languages/de/persona.json +3 -3
  4. package/languages/en-US/persona.json +2 -2
  5. package/languages/fr/persona.json +3 -3
  6. package/languages/pl/persona.json +3 -3
  7. package/languages/pt-PT/persona.json +2 -2
  8. package/languages/tr/persona.json +4 -4
  9. package/languages/zh-CN/persona.json +4 -4
  10. package/less/bootstrap/.csscomb.json +297 -297
  11. package/less/bootstrap/.csslintrc +19 -19
  12. package/less/bootstrap/alerts.less +73 -73
  13. package/less/bootstrap/badges.less +66 -66
  14. package/less/bootstrap/bootstrap.less +50 -50
  15. package/less/bootstrap/breadcrumbs.less +26 -26
  16. package/less/bootstrap/button-groups.less +243 -243
  17. package/less/bootstrap/buttons.less +160 -160
  18. package/less/bootstrap/carousel.less +269 -269
  19. package/less/bootstrap/close.less +34 -34
  20. package/less/bootstrap/code.less +69 -69
  21. package/less/bootstrap/component-animations.less +33 -33
  22. package/less/bootstrap/forms.less +574 -574
  23. package/less/bootstrap/glyphicons.less +305 -305
  24. package/less/bootstrap/grid.less +84 -84
  25. package/less/bootstrap/input-groups.less +166 -166
  26. package/less/bootstrap/jumbotron.less +50 -50
  27. package/less/bootstrap/labels.less +64 -64
  28. package/less/bootstrap/list-group.less +124 -124
  29. package/less/bootstrap/media.less +61 -61
  30. package/less/bootstrap/mixins/alerts.less +14 -14
  31. package/less/bootstrap/mixins/background-variant.less +8 -8
  32. package/less/bootstrap/mixins/border-radius.less +18 -18
  33. package/less/bootstrap/mixins/buttons.less +52 -52
  34. package/less/bootstrap/mixins/center-block.less +7 -7
  35. package/less/bootstrap/mixins/clearfix.less +22 -22
  36. package/less/bootstrap/mixins/forms.less +85 -85
  37. package/less/bootstrap/mixins/gradients.less +59 -59
  38. package/less/bootstrap/mixins/grid-framework.less +91 -91
  39. package/less/bootstrap/mixins/grid.less +122 -122
  40. package/less/bootstrap/mixins/hide-text.less +21 -21
  41. package/less/bootstrap/mixins/image.less +33 -33
  42. package/less/bootstrap/mixins/labels.less +12 -12
  43. package/less/bootstrap/mixins/list-group.less +29 -29
  44. package/less/bootstrap/mixins/nav-divider.less +10 -10
  45. package/less/bootstrap/mixins/nav-vertical-align.less +9 -9
  46. package/less/bootstrap/mixins/opacity.less +8 -8
  47. package/less/bootstrap/mixins/pagination.less +23 -23
  48. package/less/bootstrap/mixins/panels.less +24 -24
  49. package/less/bootstrap/mixins/progress-bar.less +10 -10
  50. package/less/bootstrap/mixins/reset-filter.less +8 -8
  51. package/less/bootstrap/mixins/resize.less +6 -6
  52. package/less/bootstrap/mixins/responsive-visibility.less +15 -15
  53. package/less/bootstrap/mixins/size.less +10 -10
  54. package/less/bootstrap/mixins/tab-focus.less +9 -9
  55. package/less/bootstrap/mixins/table-row.less +28 -28
  56. package/less/bootstrap/mixins/text-emphasis.less +8 -8
  57. package/less/bootstrap/mixins/text-overflow.less +8 -8
  58. package/less/bootstrap/mixins/vendor-prefixes.less +227 -227
  59. package/less/bootstrap/mixins.less +39 -39
  60. package/less/bootstrap/modals.less +150 -150
  61. package/less/bootstrap/navbar.less +660 -660
  62. package/less/bootstrap/navs.less +242 -242
  63. package/less/bootstrap/normalize.less +427 -427
  64. package/less/bootstrap/pager.less +54 -54
  65. package/less/bootstrap/pagination.less +88 -88
  66. package/less/bootstrap/panels.less +265 -265
  67. package/less/bootstrap/popovers.less +135 -135
  68. package/less/bootstrap/print.less +107 -107
  69. package/less/bootstrap/progress-bars.less +87 -87
  70. package/less/bootstrap/responsive-embed.less +35 -35
  71. package/less/bootstrap/responsive-utilities.less +194 -194
  72. package/less/bootstrap/scaffolding.less +161 -161
  73. package/less/bootstrap/tables.less +234 -234
  74. package/less/bootstrap/theme.less +273 -273
  75. package/less/bootstrap/thumbnails.less +36 -36
  76. package/less/bootstrap/tooltip.less +102 -102
  77. package/less/bootstrap/type.less +302 -302
  78. package/less/bootstrap/utilities.less +55 -55
  79. package/less/bootstrap/variables.less +861 -861
  80. package/less/bootstrap/wells.less +29 -29
  81. package/less/bootstrap-flipped.css +1550 -1550
  82. package/less/categories.less +235 -235
  83. package/less/flags.less +42 -42
  84. package/less/footer.less +17 -17
  85. package/less/ip-blacklist.less +6 -6
  86. package/less/keyframes.less +152 -152
  87. package/less/modules/composer-default.less +16 -16
  88. package/less/modules/cookie-consent.less +12 -12
  89. package/less/modules/fab.less +32 -32
  90. package/less/modules/morph.less +268 -268
  91. package/less/modules/necro-post.less +8 -8
  92. package/less/modules/nprogress.less +80 -80
  93. package/less/modules/usercard.less +64 -64
  94. package/less/noscript.less +82 -82
  95. package/less/notifications.less +37 -37
  96. package/less/outgoing.less +8 -8
  97. package/less/persona.less +47 -47
  98. package/less/post-queue.less +19 -19
  99. package/less/register.less +75 -75
  100. package/less/rtl.less +132 -132
  101. package/less/tags.less +36 -36
  102. package/less/users.less +72 -72
  103. package/less/variables.less +6 -6
  104. package/package.json +1 -1
  105. package/public/.eslintrc +2 -2
  106. package/public/modules/autohidingnavbar.js +220 -220
  107. package/templates/account/blocks.tpl +34 -34
  108. package/templates/account/categories.tpl +28 -28
  109. package/templates/account/consent.tpl +68 -68
  110. package/templates/account/edit/email.tpl +30 -30
  111. package/templates/account/edit/password.tpl +31 -31
  112. package/templates/account/edit/username.tpl +29 -29
  113. package/templates/account/followers.tpl +16 -16
  114. package/templates/account/following.tpl +16 -16
  115. package/templates/account/groups.tpl +16 -16
  116. package/templates/account/info.tpl +230 -187
  117. package/templates/account/posts.tpl +18 -18
  118. package/templates/account/sessions.tpl +31 -31
  119. package/templates/account/topics.tpl +30 -30
  120. package/templates/account/uploads.tpl +42 -42
  121. package/templates/admin/plugins/persona.tpl +28 -28
  122. package/templates/alert.tpl +15 -15
  123. package/templates/categories.tpl +31 -31
  124. package/templates/category.tpl +62 -62
  125. package/templates/chats.tpl +16 -16
  126. package/templates/flags/detail.tpl +8 -1
  127. package/templates/flags/list.tpl +71 -71
  128. package/templates/groups/details.tpl +272 -272
  129. package/templates/groups/list.tpl +46 -46
  130. package/templates/groups/members.tpl +8 -8
  131. package/templates/ip-blacklist.tpl +55 -55
  132. package/templates/modules/usercard.tpl +36 -36
  133. package/templates/notifications.tpl +64 -64
  134. package/templates/partials/acceptTos.tpl +8 -8
  135. package/templates/partials/account/category-item.tpl +22 -22
  136. package/templates/partials/account/header.tpl +46 -46
  137. package/templates/partials/breadcrumbs.tpl +18 -18
  138. package/templates/partials/buttons/newTopic.tpl +15 -15
  139. package/templates/partials/categories/item.tpl +46 -46
  140. package/templates/partials/categories/lastpost.tpl +26 -26
  141. package/templates/partials/categories/link.tpl +10 -10
  142. package/templates/partials/category/sort.tpl +14 -14
  143. package/templates/partials/category/subcategory.tpl +17 -17
  144. package/templates/partials/category/tags.tpl +4 -4
  145. package/templates/partials/category/tools.tpl +80 -80
  146. package/templates/partials/category/watch.tpl +22 -22
  147. package/templates/partials/category-filter-content.tpl +16 -16
  148. package/templates/partials/category-filter-right.tpl +2 -2
  149. package/templates/partials/category-filter.tpl +2 -2
  150. package/templates/partials/category-selector-right.tpl +2 -2
  151. package/templates/partials/category-selector.tpl +2 -2
  152. package/templates/partials/change_owner_modal.tpl +22 -22
  153. package/templates/partials/chats/messages.tpl +6 -6
  154. package/templates/partials/chats-menu.tpl +40 -40
  155. package/templates/partials/cookie-consent.tpl +4 -4
  156. package/templates/partials/delete_posts_modal.tpl +18 -18
  157. package/templates/partials/fork_thread_modal.tpl +21 -21
  158. package/templates/partials/groups/list.tpl +20 -20
  159. package/templates/partials/groups/memberlist.tpl +39 -39
  160. package/templates/partials/merge_topics_modal.tpl +57 -57
  161. package/templates/partials/modals/flag_modal.tpl +44 -44
  162. package/templates/partials/modals/manage_room.tpl +10 -10
  163. package/templates/partials/modals/manage_room_users.tpl +6 -6
  164. package/templates/partials/modals/post_history.tpl +36 -36
  165. package/templates/partials/modals/rename_room.tpl +3 -3
  166. package/templates/partials/modals/votes_modal.tpl +10 -10
  167. package/templates/partials/move_thread_modal.tpl +16 -16
  168. package/templates/partials/paginator.tpl +44 -44
  169. package/templates/partials/post_bar.tpl +20 -20
  170. package/templates/partials/posts_list.tpl +7 -7
  171. package/templates/partials/quick-search-results.tpl +30 -30
  172. package/templates/partials/slideout-menu.tpl +4 -4
  173. package/templates/partials/tags_list.tpl +4 -4
  174. package/templates/partials/thread_tools.tpl +7 -7
  175. package/templates/partials/topic/badge.tpl +4 -4
  176. package/templates/partials/topic/browsing-users.tpl +1 -0
  177. package/templates/partials/topic/deleted-message.tpl +10 -10
  178. package/templates/partials/topic/navigation-post.tpl +11 -11
  179. package/templates/partials/topic/necro-post.tpl +2 -2
  180. package/templates/partials/topic/post.tpl +105 -105
  181. package/templates/partials/topic/quickreply.tpl +25 -25
  182. package/templates/partials/topic/reply-button.tpl +26 -26
  183. package/templates/partials/topic/selection-tooltip.tpl +2 -2
  184. package/templates/partials/topic/sort.tpl +9 -9
  185. package/templates/partials/topic/stats.tpl +11 -11
  186. package/templates/partials/topic/tags.tpl +4 -4
  187. package/templates/partials/topic/watch.tpl +20 -20
  188. package/templates/partials/users_list_menu.tpl +10 -10
  189. package/templates/popular.tpl +61 -61
  190. package/templates/recent.tpl +51 -51
  191. package/templates/reset.tpl +23 -23
  192. package/templates/reset_code.tpl +41 -41
  193. package/templates/tag.tpl +35 -35
  194. package/templates/tags.tpl +30 -30
  195. package/templates/top.tpl +61 -61
  196. package/templates/tos.tpl +4 -4
  197. package/templates/unread.tpl +49 -49
  198. package/templates/users.tpl +47 -47
  199. package/theme.json +6 -6
  200. package/theme.less +1 -1
@@ -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: (@gutter / -2);
17
- margin-right: (@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: (@gutter / -2);
17
+ margin-right: (@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 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 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,29 +1,29 @@
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
- color: @color;
10
-
11
- .list-group-item-heading {
12
- color: inherit;
13
- }
14
-
15
- &:hover,
16
- &:focus {
17
- color: @color;
18
- background-color: darken(@background, 5%);
19
- }
20
- &.active,
21
- &.active:hover,
22
- &.active:focus {
23
- color: #fff;
24
- background-color: @color;
25
- border-color: @color;
26
- }
27
- }
28
- }
29
- }
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
+ color: @color;
10
+
11
+ .list-group-item-heading {
12
+ color: inherit;
13
+ }
14
+
15
+ &:hover,
16
+ &:focus {
17
+ color: @color;
18
+ background-color: darken(@background, 5%);
19
+ }
20
+ &.active,
21
+ &.active:hover,
22
+ &.active:focus {
23
+ color: #fff;
24
+ background-color: @color;
25
+ border-color: @color;
26
+ }
27
+ }
28
+ }
29
+ }
@@ -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
+ }
@@ -1,8 +1,8 @@
1
- // Opacity
2
-
3
- .opacity(@opacity) {
4
- opacity: @opacity;
5
- // IE8 filter
6
- @opacity-ie: (@opacity * 100);
7
- filter: ~"alpha(opacity=@{opacity-ie})";
8
- }
1
+ // Opacity
2
+
3
+ .opacity(@opacity) {
4
+ opacity: @opacity;
5
+ // IE8 filter
6
+ @opacity-ie: (@opacity * 100);
7
+ filter: ~"alpha(opacity=@{opacity-ie})";
8
+ }
@@ -1,23 +1,23 @@
1
- // Pagination
2
-
3
- .pagination-size(@padding-vertical; @padding-horizontal; @font-size; @border-radius) {
4
- > li {
5
- > a,
6
- > span {
7
- padding: @padding-vertical @padding-horizontal;
8
- font-size: @font-size;
9
- }
10
- &:first-child {
11
- > a,
12
- > span {
13
- .border-left-radius(@border-radius);
14
- }
15
- }
16
- &:last-child {
17
- > a,
18
- > span {
19
- .border-right-radius(@border-radius);
20
- }
21
- }
22
- }
23
- }
1
+ // Pagination
2
+
3
+ .pagination-size(@padding-vertical; @padding-horizontal; @font-size; @border-radius) {
4
+ > li {
5
+ > a,
6
+ > span {
7
+ padding: @padding-vertical @padding-horizontal;
8
+ font-size: @font-size;
9
+ }
10
+ &:first-child {
11
+ > a,
12
+ > span {
13
+ .border-left-radius(@border-radius);
14
+ }
15
+ }
16
+ &:last-child {
17
+ > a,
18
+ > span {
19
+ .border-right-radius(@border-radius);
20
+ }
21
+ }
22
+ }
23
+ }
@@ -1,24 +1,24 @@
1
- // Panels
2
-
3
- .panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border) {
4
- border-color: @border;
5
-
6
- & > .panel-heading {
7
- color: @heading-text-color;
8
- background-color: @heading-bg-color;
9
- border-color: @heading-border;
10
-
11
- + .panel-collapse > .panel-body {
12
- border-top-color: @border;
13
- }
14
- .badge {
15
- color: @heading-bg-color;
16
- background-color: @heading-text-color;
17
- }
18
- }
19
- & > .panel-footer {
20
- + .panel-collapse > .panel-body {
21
- border-bottom-color: @border;
22
- }
23
- }
24
- }
1
+ // Panels
2
+
3
+ .panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border) {
4
+ border-color: @border;
5
+
6
+ & > .panel-heading {
7
+ color: @heading-text-color;
8
+ background-color: @heading-bg-color;
9
+ border-color: @heading-border;
10
+
11
+ + .panel-collapse > .panel-body {
12
+ border-top-color: @border;
13
+ }
14
+ .badge {
15
+ color: @heading-bg-color;
16
+ background-color: @heading-text-color;
17
+ }
18
+ }
19
+ & > .panel-footer {
20
+ + .panel-collapse > .panel-body {
21
+ border-bottom-color: @border;
22
+ }
23
+ }
24
+ }
@@ -1,10 +1,10 @@
1
- // Progress bars
2
-
3
- .progress-bar-variant(@color) {
4
- background-color: @color;
5
-
6
- // Deprecated parent class requirement as of v3.2.0
7
- .progress-striped & {
8
- #gradient > .striped();
9
- }
10
- }
1
+ // Progress bars
2
+
3
+ .progress-bar-variant(@color) {
4
+ background-color: @color;
5
+
6
+ // Deprecated parent class requirement as of v3.2.0
7
+ .progress-striped & {
8
+ #gradient > .striped();
9
+ }
10
+ }
@@ -1,8 +1,8 @@
1
- // Reset filters for IE
2
- //
3
- // When you need to remove a gradient background, do not forget to use this to reset
4
- // the IE filter for IE9 and below.
5
-
6
- .reset-filter() {
7
- filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
8
- }
1
+ // Reset filters for IE
2
+ //
3
+ // When you need to remove a gradient background, do not forget to use this to reset
4
+ // the IE filter for IE9 and below.
5
+
6
+ .reset-filter() {
7
+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
8
+ }
@@ -1,6 +1,6 @@
1
- // Resize anything
2
-
3
- .resizable(@direction) {
4
- resize: @direction; // Options: horizontal, vertical, both
5
- overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
6
- }
1
+ // Resize anything
2
+
3
+ .resizable(@direction) {
4
+ resize: @direction; // Options: horizontal, vertical, both
5
+ overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
6
+ }