nodebb-theme-persona 12.1.5 → 13.0.0

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 (247) hide show
  1. package/README.md +14 -14
  2. package/package.json +2 -2
  3. package/public/persona.js +11 -22
  4. package/{less/account.less → scss/account.scss} +13 -97
  5. package/{less/categories.less → scss/categories.scss} +10 -40
  6. package/{less/category.less → scss/category.scss} +26 -75
  7. package/{less/chats.less → scss/chats.scss} +35 -88
  8. package/{less/flags.less → scss/flags.scss} +3 -3
  9. package/{less/footer.less → scss/footer.scss} +0 -1
  10. package/{less/groups.less → scss/groups.scss} +14 -38
  11. package/{less/header.less → scss/header.scss} +63 -139
  12. package/{less/helpers.less → scss/helpers.scss} +0 -0
  13. package/{less/keyframes.less → scss/keyframes.scss} +0 -0
  14. package/{less/mixins.less → scss/mixins.scss} +17 -59
  15. package/{less/mobile.less → scss/mobile.scss} +13 -18
  16. package/{less/modules/alerts.less → scss/modules/alerts.scss} +21 -21
  17. package/{less/modules/composer-default.less → scss/modules/composer-default.scss} +2 -2
  18. package/{less/modules/cookie-consent.less → scss/modules/cookie-consent.scss} +1 -1
  19. package/{less/modules/fab.less → scss/modules/fab.scss} +2 -2
  20. package/{less/modules/morph.less → scss/modules/morph.scss} +1 -1
  21. package/{less/modules/necro-post.less → scss/modules/necro-post.scss} +0 -0
  22. package/scss/modules/nprogress.scss +80 -0
  23. package/{less/modules/taskbar.less → scss/modules/taskbar.scss} +11 -10
  24. package/{less/modules/usercard.less → scss/modules/usercard.scss} +0 -0
  25. package/{less/noscript.less → scss/noscript.scss} +5 -7
  26. package/{less/outgoing.less → scss/outgoing.scss} +0 -0
  27. package/scss/overrides.scss +44 -0
  28. package/{less/persona.less → scss/persona.scss} +1 -13
  29. package/{less/posts_list.less → scss/posts_list.scss} +11 -14
  30. package/{less/register.less → scss/register.scss} +2 -7
  31. package/scss/search.scss +39 -0
  32. package/{less/style.less → scss/style.scss} +23 -47
  33. package/scss/tags.scss +11 -0
  34. package/{less/topic.less → scss/topic.scss} +53 -90
  35. package/scss/topics_list.scss +17 -0
  36. package/{less/variables.less → scss/variables.scss} +3 -3
  37. package/templates/account/blocks.tpl +24 -26
  38. package/templates/account/categories.tpl +6 -6
  39. package/templates/account/consent.tpl +10 -10
  40. package/templates/account/edit/password.tpl +8 -10
  41. package/templates/account/edit/username.tpl +6 -10
  42. package/templates/account/edit.tpl +23 -23
  43. package/templates/account/followers.tpl +3 -3
  44. package/templates/account/following.tpl +3 -3
  45. package/templates/account/groups.tpl +2 -2
  46. package/templates/account/info.tpl +67 -72
  47. package/templates/account/posts.tpl +1 -1
  48. package/templates/account/profile.tpl +20 -18
  49. package/templates/account/sessions.tpl +3 -3
  50. package/templates/account/settings.tpl +93 -81
  51. package/templates/account/topics.tpl +5 -5
  52. package/templates/account/uploads.tpl +2 -2
  53. package/templates/admin/plugins/persona.tpl +3 -3
  54. package/templates/category.tpl +15 -14
  55. package/templates/chat.tpl +16 -9
  56. package/templates/chats.tpl +5 -3
  57. package/templates/flags/detail.tpl +86 -80
  58. package/templates/flags/list.tpl +4 -4
  59. package/templates/footer.tpl +1 -1
  60. package/templates/groups/details.tpl +23 -218
  61. package/templates/groups/list.tpl +11 -9
  62. package/templates/groups/members.tpl +1 -4
  63. package/templates/header.tpl +10 -4
  64. package/templates/ip-blacklist.tpl +22 -20
  65. package/templates/login.tpl +17 -14
  66. package/templates/modules/taskbar.tpl +1 -1
  67. package/templates/modules/usercard.tpl +2 -2
  68. package/templates/notifications.tpl +40 -38
  69. package/templates/partials/acceptTos.tpl +8 -8
  70. package/templates/partials/account/category-item.tpl +6 -5
  71. package/templates/partials/account/header.tpl +2 -2
  72. package/templates/partials/account/menu.tpl +37 -37
  73. package/templates/partials/breadcrumbs.tpl +1 -1
  74. package/templates/partials/buttons/newTopic.tpl +10 -3
  75. package/templates/partials/categories/item.tpl +24 -10
  76. package/templates/partials/categories/lastpost.tpl +3 -3
  77. package/templates/partials/categories/link.tpl +10 -10
  78. package/templates/partials/category/sort.tpl +7 -7
  79. package/templates/partials/category/subcategory.tpl +3 -3
  80. package/templates/partials/category/tags.tpl +3 -5
  81. package/templates/partials/category/tools.tpl +16 -16
  82. package/templates/partials/category/watch.tpl +8 -10
  83. package/templates/partials/category-filter-content.tpl +17 -5
  84. package/templates/partials/category-filter-right.tpl +1 -1
  85. package/templates/partials/category-selector-content.tpl +17 -4
  86. package/templates/partials/category-selector-right.tpl +1 -1
  87. package/templates/partials/chats/message-window.tpl +10 -8
  88. package/templates/partials/chats/message.tpl +11 -11
  89. package/templates/partials/chats/options.tpl +8 -8
  90. package/templates/partials/chats/recent_room.tpl +1 -1
  91. package/templates/partials/chats/system-message.tpl +1 -1
  92. package/templates/partials/chats/user.tpl +1 -1
  93. package/templates/partials/chats-menu.tpl +11 -11
  94. package/templates/partials/cookie-consent.tpl +1 -1
  95. package/templates/partials/flags/filters.tpl +34 -32
  96. package/templates/partials/groups/admin.tpl +195 -0
  97. package/templates/partials/groups/badge.tpl +1 -0
  98. package/templates/partials/groups/list.tpl +6 -6
  99. package/templates/partials/groups/memberlist.tpl +11 -10
  100. package/templates/partials/menu.tpl +149 -156
  101. package/templates/partials/notifications_list.tpl +2 -2
  102. package/templates/partials/paginator.tpl +21 -21
  103. package/templates/partials/post_bar.tpl +4 -4
  104. package/templates/partials/posts_list.tpl +1 -1
  105. package/templates/partials/posts_list_item.tpl +2 -2
  106. package/templates/partials/quick-search-results.tpl +14 -11
  107. package/templates/partials/slideout-menu.tpl +1 -1
  108. package/templates/partials/tags_list.tpl +3 -3
  109. package/templates/partials/thread_tools.tpl +4 -4
  110. package/templates/partials/toast.tpl +14 -0
  111. package/templates/partials/topic/deleted-message.tpl +2 -2
  112. package/templates/partials/topic/event.tpl +26 -0
  113. package/templates/partials/topic/navigation-post.tpl +3 -3
  114. package/templates/partials/topic/navigator.tpl +7 -7
  115. package/templates/partials/topic/necro-post.tpl +1 -1
  116. package/templates/partials/topic/post-menu-list.tpl +26 -23
  117. package/templates/partials/topic/post-menu.tpl +3 -3
  118. package/templates/partials/topic/post.tpl +49 -44
  119. package/templates/partials/topic/quickreply.tpl +3 -3
  120. package/templates/partials/topic/reply-button.tpl +3 -3
  121. package/templates/partials/topic/sort.tpl +5 -5
  122. package/templates/partials/topic/tag.tpl +1 -0
  123. package/templates/partials/topic/tags.tpl +3 -5
  124. package/templates/partials/topic/topic-menu-list.tpl +18 -16
  125. package/templates/partials/topic/watch.tpl +11 -10
  126. package/templates/partials/topic-filters.tpl +12 -0
  127. package/templates/partials/topic-terms.tpl +12 -0
  128. package/templates/partials/topics_list.tpl +27 -25
  129. package/templates/partials/users_list.tpl +22 -10
  130. package/templates/partials/users_list_menu.tpl +19 -9
  131. package/templates/popular.tpl +9 -35
  132. package/templates/post-queue.tpl +42 -35
  133. package/templates/recent.tpl +10 -24
  134. package/templates/register.tpl +17 -17
  135. package/templates/registerComplete.tpl +14 -10
  136. package/templates/reset.tpl +7 -5
  137. package/templates/reset_code.tpl +9 -9
  138. package/templates/search.tpl +100 -87
  139. package/templates/tag.tpl +8 -10
  140. package/templates/tags.tpl +5 -3
  141. package/templates/top.tpl +9 -35
  142. package/templates/topic.tpl +13 -11
  143. package/templates/tos.tpl +4 -4
  144. package/templates/unread.tpl +10 -22
  145. package/templates/users.tpl +7 -20
  146. package/theme.json +6 -6
  147. package/theme.scss +1 -0
  148. package/less/bootstrap/.csscomb.json +0 -297
  149. package/less/bootstrap/.csslintrc +0 -19
  150. package/less/bootstrap/alerts.less +0 -73
  151. package/less/bootstrap/badges.less +0 -66
  152. package/less/bootstrap/bootstrap.less +0 -50
  153. package/less/bootstrap/breadcrumbs.less +0 -26
  154. package/less/bootstrap/button-groups.less +0 -243
  155. package/less/bootstrap/buttons.less +0 -160
  156. package/less/bootstrap/carousel.less +0 -269
  157. package/less/bootstrap/close.less +0 -34
  158. package/less/bootstrap/code.less +0 -69
  159. package/less/bootstrap/component-animations.less +0 -33
  160. package/less/bootstrap/dropdowns.less +0 -214
  161. package/less/bootstrap/forms.less +0 -574
  162. package/less/bootstrap/glyphicons.less +0 -305
  163. package/less/bootstrap/grid.less +0 -84
  164. package/less/bootstrap/input-groups.less +0 -166
  165. package/less/bootstrap/jumbotron.less +0 -50
  166. package/less/bootstrap/labels.less +0 -64
  167. package/less/bootstrap/list-group.less +0 -124
  168. package/less/bootstrap/media.less +0 -61
  169. package/less/bootstrap/mixins/alerts.less +0 -14
  170. package/less/bootstrap/mixins/background-variant.less +0 -8
  171. package/less/bootstrap/mixins/border-radius.less +0 -18
  172. package/less/bootstrap/mixins/buttons.less +0 -52
  173. package/less/bootstrap/mixins/center-block.less +0 -7
  174. package/less/bootstrap/mixins/clearfix.less +0 -22
  175. package/less/bootstrap/mixins/forms.less +0 -85
  176. package/less/bootstrap/mixins/gradients.less +0 -59
  177. package/less/bootstrap/mixins/grid-framework.less +0 -91
  178. package/less/bootstrap/mixins/grid.less +0 -122
  179. package/less/bootstrap/mixins/hide-text.less +0 -21
  180. package/less/bootstrap/mixins/image.less +0 -33
  181. package/less/bootstrap/mixins/labels.less +0 -12
  182. package/less/bootstrap/mixins/list-group.less +0 -29
  183. package/less/bootstrap/mixins/nav-divider.less +0 -10
  184. package/less/bootstrap/mixins/nav-vertical-align.less +0 -9
  185. package/less/bootstrap/mixins/opacity.less +0 -8
  186. package/less/bootstrap/mixins/pagination.less +0 -23
  187. package/less/bootstrap/mixins/panels.less +0 -24
  188. package/less/bootstrap/mixins/progress-bar.less +0 -10
  189. package/less/bootstrap/mixins/reset-filter.less +0 -8
  190. package/less/bootstrap/mixins/resize.less +0 -6
  191. package/less/bootstrap/mixins/responsive-visibility.less +0 -15
  192. package/less/bootstrap/mixins/size.less +0 -10
  193. package/less/bootstrap/mixins/tab-focus.less +0 -9
  194. package/less/bootstrap/mixins/table-row.less +0 -28
  195. package/less/bootstrap/mixins/text-emphasis.less +0 -8
  196. package/less/bootstrap/mixins/text-overflow.less +0 -8
  197. package/less/bootstrap/mixins/vendor-prefixes.less +0 -227
  198. package/less/bootstrap/mixins.less +0 -39
  199. package/less/bootstrap/modals.less +0 -150
  200. package/less/bootstrap/navbar.less +0 -660
  201. package/less/bootstrap/navs.less +0 -242
  202. package/less/bootstrap/normalize.less +0 -427
  203. package/less/bootstrap/pager.less +0 -54
  204. package/less/bootstrap/pagination.less +0 -88
  205. package/less/bootstrap/panels.less +0 -265
  206. package/less/bootstrap/popovers.less +0 -135
  207. package/less/bootstrap/print.less +0 -107
  208. package/less/bootstrap/progress-bars.less +0 -87
  209. package/less/bootstrap/responsive-embed.less +0 -35
  210. package/less/bootstrap/responsive-utilities.less +0 -194
  211. package/less/bootstrap/scaffolding.less +0 -162
  212. package/less/bootstrap/tables.less +0 -234
  213. package/less/bootstrap/theme.less +0 -273
  214. package/less/bootstrap/thumbnails.less +0 -36
  215. package/less/bootstrap/tooltip.less +0 -102
  216. package/less/bootstrap/type.less +0 -302
  217. package/less/bootstrap/utilities.less +0 -55
  218. package/less/bootstrap/variables.less +0 -861
  219. package/less/bootstrap/wells.less +0 -29
  220. package/less/bootstrap-flipped.css +0 -1550
  221. package/less/ip-blacklist.less +0 -7
  222. package/less/modules/bottom-sheet.less +0 -60
  223. package/less/modules/nprogress.less +0 -80
  224. package/less/notifications.less +0 -38
  225. package/less/post-queue.less +0 -19
  226. package/less/rtl.less +0 -132
  227. package/less/search.less +0 -96
  228. package/less/tags.less +0 -37
  229. package/less/topics_list.less +0 -16
  230. package/less/users.less +0 -73
  231. package/templates/alert.tpl +0 -15
  232. package/templates/partials/change_owner_modal.tpl +0 -22
  233. package/templates/partials/delete_posts_modal.tpl +0 -19
  234. package/templates/partials/fork_thread_modal.tpl +0 -22
  235. package/templates/partials/merge_topics_modal.tpl +0 -58
  236. package/templates/partials/modals/change_picture_modal.tpl +0 -73
  237. package/templates/partials/modals/flag_modal.tpl +0 -45
  238. package/templates/partials/modals/manage_room.tpl +0 -11
  239. package/templates/partials/modals/manage_room_users.tpl +0 -7
  240. package/templates/partials/modals/post_history.tpl +0 -36
  241. package/templates/partials/modals/rename_room.tpl +0 -4
  242. package/templates/partials/modals/upload_file_modal.tpl +0 -44
  243. package/templates/partials/modals/upload_picture_from_url_modal.tpl +0 -17
  244. package/templates/partials/modals/votes_modal.tpl +0 -10
  245. package/templates/partials/move_thread_modal.tpl +0 -17
  246. package/templates/partials/topic/badge.tpl +0 -5
  247. package/theme.less +0 -2
@@ -1,273 +0,0 @@
1
-
2
- //
3
- // Load core variables and mixins
4
- // --------------------------------------------------
5
-
6
- @import "variables.less";
7
- @import "mixins.less";
8
-
9
-
10
- //
11
- // Buttons
12
- // --------------------------------------------------
13
-
14
- // Common styles
15
- .btn-default,
16
- .btn-primary,
17
- .btn-success,
18
- .btn-info,
19
- .btn-warning,
20
- .btn-danger {
21
- text-shadow: 0 -1px 0 rgba(0,0,0,.2);
22
- @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
23
- .box-shadow(@shadow);
24
-
25
- // Reset the shadow
26
- &:active,
27
- &.active {
28
- .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
29
- }
30
-
31
- .badge {
32
- text-shadow: none;
33
- }
34
- }
35
-
36
- // Mixin for generating new styles
37
- .btn-styles(@btn-color: #555) {
38
- #gradient > .vertical(@start-color: @btn-color; @end-color: darken(@btn-color, 12%));
39
- .reset-filter(); // Disable gradients for IE9 because filter bleeds through rounded corners; see https://github.com/twbs/bootstrap/issues/10620
40
- background-repeat: repeat-x;
41
- border-color: darken(@btn-color, 14%);
42
-
43
- &:hover,
44
- &:focus {
45
- background-color: darken(@btn-color, 12%);
46
- background-position: 0 -15px;
47
- }
48
-
49
- &:active,
50
- &.active {
51
- background-color: darken(@btn-color, 12%);
52
- border-color: darken(@btn-color, 14%);
53
- }
54
-
55
- &.disabled,
56
- &:disabled,
57
- &[disabled] {
58
- background-color: darken(@btn-color, 12%);
59
- background-image: none;
60
- }
61
- }
62
-
63
- // Common styles
64
- .btn {
65
- // Remove the gradient for the pressed/active state
66
- &:active,
67
- &.active {
68
- background-image: none;
69
- }
70
- }
71
-
72
- // Apply the mixin to the buttons
73
- .btn-default { .btn-styles(@btn-default-bg); text-shadow: 0 1px 0 #fff; border-color: #ccc; }
74
- .btn-primary { .btn-styles(@btn-primary-bg); }
75
- .btn-success { .btn-styles(@btn-success-bg); }
76
- .btn-info { .btn-styles(@btn-info-bg); }
77
- .btn-warning { .btn-styles(@btn-warning-bg); }
78
- .btn-danger { .btn-styles(@btn-danger-bg); }
79
-
80
-
81
- //
82
- // Images
83
- // --------------------------------------------------
84
-
85
- .thumbnail,
86
- .img-thumbnail {
87
- .box-shadow(0 1px 2px rgba(0,0,0,.075));
88
- }
89
-
90
-
91
- //
92
- // Dropdowns
93
- // --------------------------------------------------
94
-
95
- .dropdown-menu > li > a:hover,
96
- .dropdown-menu > li > a:focus {
97
- #gradient > .vertical(@start-color: @dropdown-link-hover-bg; @end-color: darken(@dropdown-link-hover-bg, 5%));
98
- background-color: darken(@dropdown-link-hover-bg, 5%);
99
- }
100
- .dropdown-menu > .active > a,
101
- .dropdown-menu > .active > a:hover,
102
- .dropdown-menu > .active > a:focus {
103
- #gradient > .vertical(@start-color: @dropdown-link-active-bg; @end-color: darken(@dropdown-link-active-bg, 5%));
104
- background-color: darken(@dropdown-link-active-bg, 5%);
105
- }
106
-
107
-
108
- //
109
- // Navbar
110
- // --------------------------------------------------
111
-
112
- // Default navbar
113
- .navbar-default {
114
- #gradient > .vertical(@start-color: lighten(@navbar-default-bg, 10%); @end-color: @navbar-default-bg);
115
- .reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered
116
- border-radius: @navbar-border-radius;
117
- @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
118
- .box-shadow(@shadow);
119
-
120
- .navbar-nav > .open > a,
121
- .navbar-nav > .active > a {
122
- #gradient > .vertical(@start-color: darken(@navbar-default-link-active-bg, 5%); @end-color: darken(@navbar-default-link-active-bg, 2%));
123
- .box-shadow(inset 0 3px 9px rgba(0,0,0,.075));
124
- }
125
- }
126
- .navbar-brand,
127
- .navbar-nav > li > a {
128
- text-shadow: 0 1px 0 rgba(255,255,255,.25);
129
- }
130
-
131
- // Inverted navbar
132
- .navbar-inverse {
133
- #gradient > .vertical(@start-color: lighten(@navbar-inverse-bg, 10%); @end-color: @navbar-inverse-bg);
134
- .reset-filter(); // Remove gradient in IE<10 to fix bug where dropdowns don't get triggered; see https://github.com/twbs/bootstrap/issues/10257
135
-
136
- .navbar-nav > .open > a,
137
- .navbar-nav > .active > a {
138
- #gradient > .vertical(@start-color: @navbar-inverse-link-active-bg; @end-color: lighten(@navbar-inverse-link-active-bg, 2.5%));
139
- .box-shadow(inset 0 3px 9px rgba(0,0,0,.25));
140
- }
141
-
142
- .navbar-brand,
143
- .navbar-nav > li > a {
144
- text-shadow: 0 -1px 0 rgba(0,0,0,.25);
145
- }
146
- }
147
-
148
- // Undo rounded corners in static and fixed navbars
149
- .navbar-static-top,
150
- .navbar-fixed-top,
151
- .navbar-fixed-bottom {
152
- border-radius: 0;
153
- }
154
-
155
- // Fix active state of dropdown items in collapsed mode
156
- @media (max-width: @grid-float-breakpoint-max) {
157
- .navbar .navbar-nav .open .dropdown-menu > .active > a {
158
- &,
159
- &:hover,
160
- &:focus {
161
- color: #fff;
162
- #gradient > .vertical(@start-color: @dropdown-link-active-bg; @end-color: darken(@dropdown-link-active-bg, 5%));
163
- }
164
- }
165
- }
166
-
167
-
168
- //
169
- // Alerts
170
- // --------------------------------------------------
171
-
172
- // Common styles
173
- .alert {
174
- text-shadow: 0 1px 0 rgba(255,255,255,.2);
175
- @shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05);
176
- .box-shadow(@shadow);
177
- }
178
-
179
- // Mixin for generating new styles
180
- .alert-styles(@color) {
181
- #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 7.5%));
182
- border-color: darken(@color, 15%);
183
- }
184
-
185
- // Apply the mixin to the alerts
186
- .alert-success { .alert-styles(@alert-success-bg); }
187
- .alert-info { .alert-styles(@alert-info-bg); }
188
- .alert-warning { .alert-styles(@alert-warning-bg); }
189
- .alert-danger { .alert-styles(@alert-danger-bg); }
190
-
191
-
192
- //
193
- // Progress bars
194
- // --------------------------------------------------
195
-
196
- // Give the progress background some depth
197
- .progress {
198
- #gradient > .vertical(@start-color: darken(@progress-bg, 4%); @end-color: @progress-bg)
199
- }
200
-
201
- // Mixin for generating new styles
202
- .progress-bar-styles(@color) {
203
- #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 10%));
204
- }
205
-
206
- // Apply the mixin to the progress bars
207
- .progress-bar { .progress-bar-styles(@progress-bar-bg); }
208
- .progress-bar-success { .progress-bar-styles(@progress-bar-success-bg); }
209
- .progress-bar-info { .progress-bar-styles(@progress-bar-info-bg); }
210
- .progress-bar-warning { .progress-bar-styles(@progress-bar-warning-bg); }
211
- .progress-bar-danger { .progress-bar-styles(@progress-bar-danger-bg); }
212
-
213
- // Reset the striped class because our mixins don't do multiple gradients and
214
- // the above custom styles override the new `.progress-bar-striped` in v3.2.0.
215
- .progress-bar-striped {
216
- #gradient > .striped();
217
- }
218
-
219
-
220
- //
221
- // List groups
222
- // --------------------------------------------------
223
-
224
- .list-group {
225
- border-radius: @border-radius-base;
226
- .box-shadow(0 1px 2px rgba(0,0,0,.075));
227
- }
228
- .list-group-item.active,
229
- .list-group-item.active:hover,
230
- .list-group-item.active:focus {
231
- text-shadow: 0 -1px 0 darken(@list-group-active-bg, 10%);
232
- #gradient > .vertical(@start-color: @list-group-active-bg; @end-color: darken(@list-group-active-bg, 7.5%));
233
- border-color: darken(@list-group-active-border, 7.5%);
234
-
235
- .badge {
236
- text-shadow: none;
237
- }
238
- }
239
-
240
-
241
- //
242
- // Panels
243
- // --------------------------------------------------
244
-
245
- // Common styles
246
- .panel {
247
- .box-shadow(0 1px 2px rgba(0,0,0,.05));
248
- }
249
-
250
- // Mixin for generating new styles
251
- .panel-heading-styles(@color) {
252
- #gradient > .vertical(@start-color: @color; @end-color: darken(@color, 5%));
253
- }
254
-
255
- // Apply the mixin to the panel headings only
256
- .panel-default > .panel-heading { .panel-heading-styles(@panel-default-heading-bg); }
257
- .panel-primary > .panel-heading { .panel-heading-styles(@panel-primary-heading-bg); }
258
- .panel-success > .panel-heading { .panel-heading-styles(@panel-success-heading-bg); }
259
- .panel-info > .panel-heading { .panel-heading-styles(@panel-info-heading-bg); }
260
- .panel-warning > .panel-heading { .panel-heading-styles(@panel-warning-heading-bg); }
261
- .panel-danger > .panel-heading { .panel-heading-styles(@panel-danger-heading-bg); }
262
-
263
-
264
- //
265
- // Wells
266
- // --------------------------------------------------
267
-
268
- .well {
269
- #gradient > .vertical(@start-color: darken(@well-bg, 5%); @end-color: @well-bg);
270
- border-color: darken(@well-bg, 10%);
271
- @shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
272
- .box-shadow(@shadow);
273
- }
@@ -1,36 +0,0 @@
1
- //
2
- // Thumbnails
3
- // --------------------------------------------------
4
-
5
-
6
- // Mixin and adjust the regular image class
7
- .thumbnail {
8
- display: block;
9
- padding: @thumbnail-padding;
10
- margin-bottom: @line-height-computed;
11
- line-height: @line-height-base;
12
- background-color: @thumbnail-bg;
13
- border: 1px solid @thumbnail-border;
14
- border-radius: @thumbnail-border-radius;
15
- .transition(border .2s ease-in-out);
16
-
17
- > img,
18
- a > img {
19
- &:extend(.img-responsive);
20
- margin-left: auto;
21
- margin-right: auto;
22
- }
23
-
24
- // Add a hover state for linked versions only
25
- a&:hover,
26
- a&:focus,
27
- a&.active {
28
- border-color: @link-color;
29
- }
30
-
31
- // Image captions
32
- .caption {
33
- padding: @thumbnail-caption-padding;
34
- color: @thumbnail-caption-color;
35
- }
36
- }
@@ -1,102 +0,0 @@
1
- //
2
- // Tooltips
3
- // --------------------------------------------------
4
-
5
-
6
- // Base class
7
- .tooltip {
8
- position: absolute;
9
- z-index: @zindex-tooltip;
10
- display: block;
11
- // Reset font and text properties given new insertion method
12
- font-family: @font-family-base;
13
- font-size: @font-size-small;
14
- font-weight: normal;
15
- line-height: 1.4;
16
- .opacity(0);
17
-
18
- &.in { .opacity(@tooltip-opacity); }
19
- &.top { margin-top: -3px; padding: @tooltip-arrow-width 0; }
20
- &.right { margin-left: 3px; padding: 0 @tooltip-arrow-width; }
21
- &.bottom { margin-top: 3px; padding: @tooltip-arrow-width 0; }
22
- &.left { margin-left: -3px; padding: 0 @tooltip-arrow-width; }
23
- }
24
-
25
- // Wrapper for the tooltip content
26
- .tooltip-inner {
27
- max-width: @tooltip-max-width;
28
- padding: 3px 8px;
29
- color: @tooltip-color;
30
- text-align: center;
31
- text-decoration: none;
32
- background-color: @tooltip-bg;
33
- border-radius: @border-radius-base;
34
- }
35
-
36
- // Arrows
37
- .tooltip-arrow {
38
- position: absolute;
39
- width: 0;
40
- height: 0;
41
- border-color: transparent;
42
- border-style: solid;
43
- }
44
- // Note: Deprecated .top-left, .top-right, .bottom-left, and .bottom-right as of v3.3.1
45
- .tooltip {
46
- &.top .tooltip-arrow {
47
- bottom: 0;
48
- left: 50%;
49
- margin-left: -@tooltip-arrow-width;
50
- border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
51
- border-top-color: @tooltip-arrow-color;
52
- }
53
- &.top-left .tooltip-arrow {
54
- bottom: 0;
55
- right: @tooltip-arrow-width;
56
- margin-bottom: -@tooltip-arrow-width;
57
- border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
58
- border-top-color: @tooltip-arrow-color;
59
- }
60
- &.top-right .tooltip-arrow {
61
- bottom: 0;
62
- left: @tooltip-arrow-width;
63
- margin-bottom: -@tooltip-arrow-width;
64
- border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
65
- border-top-color: @tooltip-arrow-color;
66
- }
67
- &.right .tooltip-arrow {
68
- top: 50%;
69
- left: 0;
70
- margin-top: -@tooltip-arrow-width;
71
- border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0;
72
- border-right-color: @tooltip-arrow-color;
73
- }
74
- &.left .tooltip-arrow {
75
- top: 50%;
76
- right: 0;
77
- margin-top: -@tooltip-arrow-width;
78
- border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width;
79
- border-left-color: @tooltip-arrow-color;
80
- }
81
- &.bottom .tooltip-arrow {
82
- top: 0;
83
- left: 50%;
84
- margin-left: -@tooltip-arrow-width;
85
- border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
86
- border-bottom-color: @tooltip-arrow-color;
87
- }
88
- &.bottom-left .tooltip-arrow {
89
- top: 0;
90
- right: @tooltip-arrow-width;
91
- margin-top: -@tooltip-arrow-width;
92
- border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
93
- border-bottom-color: @tooltip-arrow-color;
94
- }
95
- &.bottom-right .tooltip-arrow {
96
- top: 0;
97
- left: @tooltip-arrow-width;
98
- margin-top: -@tooltip-arrow-width;
99
- border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
100
- border-bottom-color: @tooltip-arrow-color;
101
- }
102
- }
@@ -1,302 +0,0 @@
1
- //
2
- // Typography
3
- // --------------------------------------------------
4
-
5
-
6
- // Headings
7
- // -------------------------
8
-
9
- h1, h2, h3, h4, h5, h6,
10
- .h1, .h2, .h3, .h4, .h5, .h6 {
11
- font-family: @headings-font-family;
12
- font-weight: @headings-font-weight;
13
- line-height: @headings-line-height;
14
- color: @headings-color;
15
-
16
- small,
17
- .small {
18
- font-weight: normal;
19
- line-height: 1;
20
- color: @headings-small-color;
21
- }
22
- }
23
-
24
- h1, .h1,
25
- h2, .h2,
26
- h3, .h3 {
27
- margin-top: @line-height-computed;
28
- margin-bottom: (@line-height-computed / 2);
29
-
30
- small,
31
- .small {
32
- font-size: 65%;
33
- }
34
- }
35
- h4, .h4,
36
- h5, .h5,
37
- h6, .h6 {
38
- margin-top: (@line-height-computed / 2);
39
- margin-bottom: (@line-height-computed / 2);
40
-
41
- small,
42
- .small {
43
- font-size: 75%;
44
- }
45
- }
46
-
47
- h1, .h1 { font-size: @font-size-h1; }
48
- h2, .h2 { font-size: @font-size-h2; }
49
- h3, .h3 { font-size: @font-size-h3; }
50
- h4, .h4 { font-size: @font-size-h4; }
51
- h5, .h5 { font-size: @font-size-h5; }
52
- h6, .h6 { font-size: @font-size-h6; }
53
-
54
-
55
- // Body text
56
- // -------------------------
57
-
58
- p {
59
- margin: 0 0 (@line-height-computed / 2);
60
- }
61
-
62
- .lead {
63
- margin-bottom: @line-height-computed;
64
- font-size: floor((@font-size-base * 1.15));
65
- font-weight: 300;
66
- line-height: 1.4;
67
-
68
- @media (min-width: @screen-sm-min) {
69
- font-size: (@font-size-base * 1.5);
70
- }
71
- }
72
-
73
-
74
- // Emphasis & misc
75
- // -------------------------
76
-
77
- // Ex: (12px small font / 14px base font) * 100% = about 85%
78
- small,
79
- .small {
80
- font-size: floor((100% * @font-size-small / @font-size-base));
81
- }
82
-
83
- mark,
84
- .mark {
85
- background-color: @state-warning-bg;
86
- padding: .2em;
87
- }
88
-
89
- // Alignment
90
- .text-left { text-align: left; }
91
- .text-right { text-align: right; }
92
- .text-center { text-align: center; }
93
- .text-justify { text-align: justify; }
94
- .text-nowrap { white-space: nowrap; }
95
-
96
- // Transformation
97
- .text-lowercase { text-transform: lowercase; }
98
- .text-uppercase { text-transform: uppercase; }
99
- .text-capitalize { text-transform: capitalize; }
100
-
101
- // Contextual colors
102
- .text-muted {
103
- color: @text-muted;
104
- }
105
- .text-primary {
106
- .text-emphasis-variant(@brand-primary);
107
- }
108
- .text-success {
109
- .text-emphasis-variant(@state-success-text);
110
- }
111
- .text-info {
112
- .text-emphasis-variant(@state-info-text);
113
- }
114
- .text-warning {
115
- .text-emphasis-variant(@state-warning-text);
116
- }
117
- .text-danger {
118
- .text-emphasis-variant(@state-danger-text);
119
- }
120
-
121
- // Contextual backgrounds
122
- // For now we'll leave these alongside the text classes until v4 when we can
123
- // safely shift things around (per SemVer rules).
124
- .bg-primary {
125
- // Given the contrast here, this is the only class to have its color inverted
126
- // automatically.
127
- color: #fff;
128
- .bg-variant(@brand-primary);
129
- }
130
- .bg-success {
131
- .bg-variant(@state-success-bg);
132
- }
133
- .bg-info {
134
- .bg-variant(@state-info-bg);
135
- }
136
- .bg-warning {
137
- .bg-variant(@state-warning-bg);
138
- }
139
- .bg-danger {
140
- .bg-variant(@state-danger-bg);
141
- }
142
-
143
-
144
- // Page header
145
- // -------------------------
146
-
147
- .page-header {
148
- padding-bottom: ((@line-height-computed / 2) - 1);
149
- margin: (@line-height-computed * 2) 0 @line-height-computed;
150
- border-bottom: 1px solid @page-header-border-color;
151
- }
152
-
153
-
154
- // Lists
155
- // -------------------------
156
-
157
- // Unordered and Ordered lists
158
- ul,
159
- ol {
160
- margin-top: 0;
161
- margin-bottom: (@line-height-computed / 2);
162
- ul,
163
- ol {
164
- margin-bottom: 0;
165
- }
166
- }
167
-
168
- // List options
169
-
170
- // Unstyled keeps list items block level, just removes default browser padding and list-style
171
- .list-unstyled {
172
- padding-left: 0;
173
- list-style: none;
174
- }
175
-
176
- // Inline turns list items into inline-block
177
- .list-inline {
178
- .list-unstyled();
179
- margin-left: -5px;
180
-
181
- > li {
182
- display: inline-block;
183
- padding-left: 5px;
184
- padding-right: 5px;
185
- }
186
- }
187
-
188
- // Description Lists
189
- dl {
190
- margin-top: 0; // Remove browser default
191
- margin-bottom: @line-height-computed;
192
- }
193
- dt,
194
- dd {
195
- line-height: @line-height-base;
196
- }
197
- dt {
198
- font-weight: bold;
199
- }
200
- dd {
201
- margin-left: 0; // Undo browser default
202
- }
203
-
204
- // Horizontal description lists
205
- //
206
- // Defaults to being stacked without any of the below styles applied, until the
207
- // grid breakpoint is reached (default of ~768px).
208
-
209
- .dl-horizontal {
210
- dd {
211
- &:extend(.clearfix all); // Clear the floated `dt` if an empty `dd` is present
212
- }
213
-
214
- @media (min-width: @grid-float-breakpoint) {
215
- dt {
216
- float: left;
217
- width: (@dl-horizontal-offset - 20);
218
- clear: left;
219
- text-align: right;
220
- .text-overflow();
221
- }
222
- dd {
223
- margin-left: @dl-horizontal-offset;
224
- }
225
- }
226
- }
227
-
228
-
229
- // Misc
230
- // -------------------------
231
-
232
- // Abbreviations and acronyms
233
- abbr[title],
234
- // Add data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
235
- abbr[data-original-title] {
236
- cursor: help;
237
- border-bottom: 1px dotted @abbr-border-color;
238
- }
239
- .initialism {
240
- font-size: 90%;
241
- .text-uppercase();
242
- }
243
-
244
- // Blockquotes
245
- blockquote {
246
- padding: (@line-height-computed / 2) @line-height-computed;
247
- margin: 0 0 @line-height-computed;
248
- font-size: @blockquote-font-size;
249
- border-left: 5px solid @blockquote-border-color;
250
-
251
- p,
252
- ul,
253
- ol {
254
- &:last-child {
255
- margin-bottom: 0;
256
- }
257
- }
258
-
259
- // Note: Deprecated small and .small as of v3.1.0
260
- // Context: https://github.com/twbs/bootstrap/issues/11660
261
- footer,
262
- small,
263
- .small {
264
- display: block;
265
- font-size: 80%; // back to default font-size
266
- line-height: @line-height-base;
267
- color: @blockquote-small-color;
268
-
269
- &:before {
270
- content: '\2014 \00A0'; // em dash, nbsp
271
- }
272
- }
273
- }
274
-
275
- // Opposite alignment of blockquote
276
- //
277
- // Heads up: `blockquote.pull-right` has been deprecated as of v3.1.0.
278
- .blockquote-reverse,
279
- blockquote.pull-right {
280
- padding-right: 15px;
281
- padding-left: 0;
282
- border-right: 5px solid @blockquote-border-color;
283
- border-left: 0;
284
- text-align: right;
285
-
286
- // Account for citation
287
- footer,
288
- small,
289
- .small {
290
- &:before { content: ''; }
291
- &:after {
292
- content: '\00A0 \2014'; // nbsp, em dash
293
- }
294
- }
295
- }
296
-
297
- // Addresses
298
- address {
299
- margin-bottom: @line-height-computed;
300
- font-style: normal;
301
- line-height: @line-height-base;
302
- }