nodebb-theme-persona 11.3.38 → 11.4.1

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 (214) 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-GB/persona.json +9 -2
  5. package/languages/en-US/persona.json +2 -2
  6. package/languages/fr/persona.json +3 -3
  7. package/languages/pl/persona.json +3 -3
  8. package/languages/pt-PT/persona.json +2 -2
  9. package/languages/tr/persona.json +4 -4
  10. package/languages/zh-CN/persona.json +4 -4
  11. package/less/account.less +7 -1
  12. package/less/bootstrap/.csscomb.json +297 -297
  13. package/less/bootstrap/.csslintrc +19 -19
  14. package/less/bootstrap/alerts.less +73 -73
  15. package/less/bootstrap/badges.less +66 -66
  16. package/less/bootstrap/bootstrap.less +50 -50
  17. package/less/bootstrap/breadcrumbs.less +26 -26
  18. package/less/bootstrap/button-groups.less +243 -243
  19. package/less/bootstrap/buttons.less +160 -160
  20. package/less/bootstrap/carousel.less +269 -269
  21. package/less/bootstrap/close.less +34 -34
  22. package/less/bootstrap/code.less +69 -69
  23. package/less/bootstrap/component-animations.less +33 -33
  24. package/less/bootstrap/forms.less +574 -574
  25. package/less/bootstrap/glyphicons.less +305 -305
  26. package/less/bootstrap/grid.less +84 -84
  27. package/less/bootstrap/input-groups.less +166 -166
  28. package/less/bootstrap/jumbotron.less +50 -50
  29. package/less/bootstrap/labels.less +64 -64
  30. package/less/bootstrap/list-group.less +124 -124
  31. package/less/bootstrap/media.less +61 -61
  32. package/less/bootstrap/mixins/alerts.less +14 -14
  33. package/less/bootstrap/mixins/background-variant.less +8 -8
  34. package/less/bootstrap/mixins/border-radius.less +18 -18
  35. package/less/bootstrap/mixins/buttons.less +52 -52
  36. package/less/bootstrap/mixins/center-block.less +7 -7
  37. package/less/bootstrap/mixins/clearfix.less +22 -22
  38. package/less/bootstrap/mixins/forms.less +85 -85
  39. package/less/bootstrap/mixins/gradients.less +59 -59
  40. package/less/bootstrap/mixins/grid-framework.less +91 -91
  41. package/less/bootstrap/mixins/grid.less +122 -122
  42. package/less/bootstrap/mixins/hide-text.less +21 -21
  43. package/less/bootstrap/mixins/image.less +33 -33
  44. package/less/bootstrap/mixins/labels.less +12 -12
  45. package/less/bootstrap/mixins/list-group.less +29 -29
  46. package/less/bootstrap/mixins/nav-divider.less +10 -10
  47. package/less/bootstrap/mixins/nav-vertical-align.less +9 -9
  48. package/less/bootstrap/mixins/opacity.less +8 -8
  49. package/less/bootstrap/mixins/pagination.less +23 -23
  50. package/less/bootstrap/mixins/panels.less +24 -24
  51. package/less/bootstrap/mixins/progress-bar.less +10 -10
  52. package/less/bootstrap/mixins/reset-filter.less +8 -8
  53. package/less/bootstrap/mixins/resize.less +6 -6
  54. package/less/bootstrap/mixins/responsive-visibility.less +15 -15
  55. package/less/bootstrap/mixins/size.less +10 -10
  56. package/less/bootstrap/mixins/tab-focus.less +9 -9
  57. package/less/bootstrap/mixins/table-row.less +28 -28
  58. package/less/bootstrap/mixins/text-emphasis.less +8 -8
  59. package/less/bootstrap/mixins/text-overflow.less +8 -8
  60. package/less/bootstrap/mixins/vendor-prefixes.less +227 -227
  61. package/less/bootstrap/mixins.less +39 -39
  62. package/less/bootstrap/modals.less +150 -150
  63. package/less/bootstrap/navbar.less +660 -660
  64. package/less/bootstrap/navs.less +242 -242
  65. package/less/bootstrap/normalize.less +427 -427
  66. package/less/bootstrap/pager.less +54 -54
  67. package/less/bootstrap/pagination.less +88 -88
  68. package/less/bootstrap/panels.less +265 -265
  69. package/less/bootstrap/popovers.less +135 -135
  70. package/less/bootstrap/print.less +107 -107
  71. package/less/bootstrap/progress-bars.less +87 -87
  72. package/less/bootstrap/responsive-embed.less +35 -35
  73. package/less/bootstrap/responsive-utilities.less +194 -194
  74. package/less/bootstrap/scaffolding.less +161 -161
  75. package/less/bootstrap/tables.less +234 -234
  76. package/less/bootstrap/theme.less +273 -273
  77. package/less/bootstrap/thumbnails.less +36 -36
  78. package/less/bootstrap/tooltip.less +102 -102
  79. package/less/bootstrap/type.less +302 -302
  80. package/less/bootstrap/utilities.less +55 -55
  81. package/less/bootstrap/variables.less +861 -861
  82. package/less/bootstrap/wells.less +29 -29
  83. package/less/bootstrap-flipped.css +1550 -1550
  84. package/less/categories.less +235 -235
  85. package/less/flags.less +42 -42
  86. package/less/footer.less +17 -17
  87. package/less/ip-blacklist.less +6 -6
  88. package/less/keyframes.less +152 -152
  89. package/less/modules/composer-default.less +16 -16
  90. package/less/modules/cookie-consent.less +12 -12
  91. package/less/modules/fab.less +32 -32
  92. package/less/modules/morph.less +268 -268
  93. package/less/modules/necro-post.less +8 -8
  94. package/less/modules/nprogress.less +80 -80
  95. package/less/modules/usercard.less +64 -64
  96. package/less/noscript.less +82 -82
  97. package/less/notifications.less +37 -37
  98. package/less/outgoing.less +8 -8
  99. package/less/persona.less +47 -47
  100. package/less/post-queue.less +19 -19
  101. package/less/register.less +75 -75
  102. package/less/rtl.less +132 -132
  103. package/less/tags.less +36 -36
  104. package/less/users.less +72 -72
  105. package/less/variables.less +6 -6
  106. package/lib/controllers.js +22 -0
  107. package/library.js +29 -3
  108. package/package.json +1 -1
  109. package/plugin.json +2 -0
  110. package/public/.eslintrc +2 -2
  111. package/public/modules/autohidingnavbar.js +220 -220
  112. package/public/persona.js +9 -29
  113. package/public/settings.js +53 -0
  114. package/templates/account/blocks.tpl +34 -34
  115. package/templates/account/categories.tpl +28 -28
  116. package/templates/account/consent.tpl +68 -68
  117. package/templates/account/edit/email.tpl +30 -30
  118. package/templates/account/edit/password.tpl +31 -31
  119. package/templates/account/edit/username.tpl +29 -29
  120. package/templates/account/followers.tpl +16 -16
  121. package/templates/account/following.tpl +16 -16
  122. package/templates/account/groups.tpl +16 -16
  123. package/templates/account/info.tpl +187 -187
  124. package/templates/account/posts.tpl +18 -18
  125. package/templates/account/sessions.tpl +31 -31
  126. package/templates/account/theme.tpl +27 -0
  127. package/templates/account/topics.tpl +30 -30
  128. package/templates/account/uploads.tpl +42 -42
  129. package/templates/admin/plugins/persona.tpl +28 -28
  130. package/templates/alert.tpl +15 -15
  131. package/templates/categories.tpl +31 -31
  132. package/templates/category.tpl +62 -62
  133. package/templates/chats.tpl +16 -16
  134. package/templates/flags/list.tpl +71 -71
  135. package/templates/footer.tpl +18 -18
  136. package/templates/groups/details.tpl +272 -272
  137. package/templates/groups/list.tpl +46 -46
  138. package/templates/groups/members.tpl +8 -8
  139. package/templates/ip-blacklist.tpl +55 -55
  140. package/templates/modules/taskbar.tpl +2 -2
  141. package/templates/modules/usercard.tpl +36 -36
  142. package/templates/notifications.tpl +64 -64
  143. package/templates/partials/acceptTos.tpl +8 -8
  144. package/templates/partials/account/category-item.tpl +22 -22
  145. package/templates/partials/account/header.tpl +46 -46
  146. package/templates/partials/breadcrumbs.tpl +18 -18
  147. package/templates/partials/buttons/newTopic.tpl +15 -15
  148. package/templates/partials/categories/item.tpl +46 -46
  149. package/templates/partials/categories/lastpost.tpl +26 -26
  150. package/templates/partials/categories/link.tpl +10 -10
  151. package/templates/partials/category/sort.tpl +14 -14
  152. package/templates/partials/category/subcategory.tpl +17 -17
  153. package/templates/partials/category/tags.tpl +4 -4
  154. package/templates/partials/category/tools.tpl +80 -80
  155. package/templates/partials/category/watch.tpl +22 -22
  156. package/templates/partials/category-filter-content.tpl +16 -16
  157. package/templates/partials/category-filter-right.tpl +2 -2
  158. package/templates/partials/category-filter.tpl +2 -2
  159. package/templates/partials/category-selector-right.tpl +2 -2
  160. package/templates/partials/category-selector.tpl +2 -2
  161. package/templates/partials/change_owner_modal.tpl +22 -22
  162. package/templates/partials/chats/dropdown.tpl +33 -33
  163. package/templates/partials/chats/messages.tpl +6 -6
  164. package/templates/partials/chats/recent_room.tpl +24 -24
  165. package/templates/partials/chats-menu.tpl +40 -40
  166. package/templates/partials/cookie-consent.tpl +4 -4
  167. package/templates/partials/delete_posts_modal.tpl +18 -18
  168. package/templates/partials/fork_thread_modal.tpl +21 -21
  169. package/templates/partials/groups/list.tpl +20 -20
  170. package/templates/partials/groups/memberlist.tpl +39 -39
  171. package/templates/partials/merge_topics_modal.tpl +57 -57
  172. package/templates/partials/modals/flag_modal.tpl +44 -44
  173. package/templates/partials/modals/manage_room.tpl +10 -10
  174. package/templates/partials/modals/manage_room_users.tpl +6 -6
  175. package/templates/partials/modals/post_history.tpl +36 -36
  176. package/templates/partials/modals/rename_room.tpl +3 -3
  177. package/templates/partials/modals/votes_modal.tpl +10 -10
  178. package/templates/partials/move_thread_modal.tpl +16 -16
  179. package/templates/partials/paginator.tpl +44 -44
  180. package/templates/partials/post_bar.tpl +20 -20
  181. package/templates/partials/posts_list.tpl +7 -7
  182. package/templates/partials/quick-search-results.tpl +30 -30
  183. package/templates/partials/slideout-menu.tpl +4 -4
  184. package/templates/partials/tags_list.tpl +4 -4
  185. package/templates/partials/thread_tools.tpl +7 -7
  186. package/templates/partials/topic/badge.tpl +4 -4
  187. package/templates/partials/topic/deleted-message.tpl +10 -10
  188. package/templates/partials/topic/navigation-post.tpl +11 -11
  189. package/templates/partials/topic/navigator.tpl +8 -1
  190. package/templates/partials/topic/necro-post.tpl +2 -2
  191. package/templates/partials/topic/post-menu.tpl +4 -4
  192. package/templates/partials/topic/post.tpl +104 -104
  193. package/templates/partials/topic/quickreply.tpl +25 -25
  194. package/templates/partials/topic/reply-button.tpl +26 -26
  195. package/templates/partials/topic/selection-tooltip.tpl +2 -2
  196. package/templates/partials/topic/sort.tpl +9 -9
  197. package/templates/partials/topic/stats.tpl +11 -11
  198. package/templates/partials/topic/tags.tpl +4 -4
  199. package/templates/partials/topic/watch.tpl +20 -20
  200. package/templates/partials/users_list.tpl +39 -39
  201. package/templates/partials/users_list_menu.tpl +10 -10
  202. package/templates/popular.tpl +61 -61
  203. package/templates/post-queue.tpl +82 -82
  204. package/templates/recent.tpl +51 -51
  205. package/templates/reset.tpl +23 -23
  206. package/templates/reset_code.tpl +41 -41
  207. package/templates/tag.tpl +35 -35
  208. package/templates/tags.tpl +30 -30
  209. package/templates/top.tpl +61 -61
  210. package/templates/tos.tpl +4 -4
  211. package/templates/unread.tpl +49 -49
  212. package/templates/users.tpl +47 -47
  213. package/theme.json +6 -6
  214. package/theme.less +1 -1
@@ -1,15 +1,15 @@
1
- // Responsive utilities
2
-
3
- //
4
- // More easily include all the states for responsive-utilities.less.
5
- .responsive-visibility() {
6
- display: block !important;
7
- table& { display: table; }
8
- tr& { display: table-row !important; }
9
- th&,
10
- td& { display: table-cell !important; }
11
- }
12
-
13
- .responsive-invisibility() {
14
- display: none !important;
15
- }
1
+ // Responsive utilities
2
+
3
+ //
4
+ // More easily include all the states for responsive-utilities.less.
5
+ .responsive-visibility() {
6
+ display: block !important;
7
+ table& { display: table; }
8
+ tr& { display: table-row !important; }
9
+ th&,
10
+ td& { display: table-cell !important; }
11
+ }
12
+
13
+ .responsive-invisibility() {
14
+ display: none !important;
15
+ }
@@ -1,10 +1,10 @@
1
- // Sizing shortcuts
2
-
3
- .size(@width; @height) {
4
- width: @width;
5
- height: @height;
6
- }
7
-
8
- .square(@size) {
9
- .size(@size; @size);
10
- }
1
+ // Sizing shortcuts
2
+
3
+ .size(@width; @height) {
4
+ width: @width;
5
+ height: @height;
6
+ }
7
+
8
+ .square(@size) {
9
+ .size(@size; @size);
10
+ }
@@ -1,9 +1,9 @@
1
- // WebKit-style focus
2
-
3
- .tab-focus() {
4
- // Default
5
- outline: thin dotted;
6
- // WebKit
7
- outline: 5px auto -webkit-focus-ring-color;
8
- outline-offset: -2px;
9
- }
1
+ // WebKit-style focus
2
+
3
+ .tab-focus() {
4
+ // Default
5
+ outline: thin dotted;
6
+ // WebKit
7
+ outline: 5px auto -webkit-focus-ring-color;
8
+ outline-offset: -2px;
9
+ }
@@ -1,28 +1,28 @@
1
- // Tables
2
-
3
- .table-row-variant(@state; @background) {
4
- // Exact selectors below required to override `.table-striped` and prevent
5
- // inheritance to nested tables.
6
- .table > thead > tr,
7
- .table > tbody > tr,
8
- .table > tfoot > tr {
9
- > td.@{state},
10
- > th.@{state},
11
- &.@{state} > td,
12
- &.@{state} > th {
13
- background-color: @background;
14
- }
15
- }
16
-
17
- // Hover states for `.table-hover`
18
- // Note: this is not available for cells or rows within `thead` or `tfoot`.
19
- .table-hover > tbody > tr {
20
- > td.@{state}:hover,
21
- > th.@{state}:hover,
22
- &.@{state}:hover > td,
23
- &:hover > .@{state},
24
- &.@{state}:hover > th {
25
- background-color: darken(@background, 5%);
26
- }
27
- }
28
- }
1
+ // Tables
2
+
3
+ .table-row-variant(@state; @background) {
4
+ // Exact selectors below required to override `.table-striped` and prevent
5
+ // inheritance to nested tables.
6
+ .table > thead > tr,
7
+ .table > tbody > tr,
8
+ .table > tfoot > tr {
9
+ > td.@{state},
10
+ > th.@{state},
11
+ &.@{state} > td,
12
+ &.@{state} > th {
13
+ background-color: @background;
14
+ }
15
+ }
16
+
17
+ // Hover states for `.table-hover`
18
+ // Note: this is not available for cells or rows within `thead` or `tfoot`.
19
+ .table-hover > tbody > tr {
20
+ > td.@{state}:hover,
21
+ > th.@{state}:hover,
22
+ &.@{state}:hover > td,
23
+ &:hover > .@{state},
24
+ &.@{state}:hover > th {
25
+ background-color: darken(@background, 5%);
26
+ }
27
+ }
28
+ }
@@ -1,8 +1,8 @@
1
- // Typography
2
-
3
- .text-emphasis-variant(@color) {
4
- color: @color;
5
- a&:hover {
6
- color: darken(@color, 10%);
7
- }
8
- }
1
+ // Typography
2
+
3
+ .text-emphasis-variant(@color) {
4
+ color: @color;
5
+ a&:hover {
6
+ color: darken(@color, 10%);
7
+ }
8
+ }
@@ -1,8 +1,8 @@
1
- // Text overflow
2
- // Requires inline-block or block for proper styling
3
-
4
- .text-overflow() {
5
- overflow: hidden;
6
- text-overflow: ellipsis;
7
- white-space: nowrap;
8
- }
1
+ // Text overflow
2
+ // Requires inline-block or block for proper styling
3
+
4
+ .text-overflow() {
5
+ overflow: hidden;
6
+ text-overflow: ellipsis;
7
+ white-space: nowrap;
8
+ }
@@ -1,227 +1,227 @@
1
- // Vendor Prefixes
2
- //
3
- // All vendor mixins are deprecated as of v3.2.0 due to the introduction of
4
- // Autoprefixer in our Gruntfile. They will be removed in v4.
5
-
6
- // - Animations
7
- // - Backface visibility
8
- // - Box shadow
9
- // - Box sizing
10
- // - Content columns
11
- // - Hyphens
12
- // - Placeholder text
13
- // - Transformations
14
- // - Transitions
15
- // - User Select
16
-
17
-
18
- // Animations
19
- .animation(@animation) {
20
- -webkit-animation: @animation;
21
- -o-animation: @animation;
22
- animation: @animation;
23
- }
24
- .animation-name(@name) {
25
- -webkit-animation-name: @name;
26
- animation-name: @name;
27
- }
28
- .animation-duration(@duration) {
29
- -webkit-animation-duration: @duration;
30
- animation-duration: @duration;
31
- }
32
- .animation-timing-function(@timing-function) {
33
- -webkit-animation-timing-function: @timing-function;
34
- animation-timing-function: @timing-function;
35
- }
36
- .animation-delay(@delay) {
37
- -webkit-animation-delay: @delay;
38
- animation-delay: @delay;
39
- }
40
- .animation-iteration-count(@iteration-count) {
41
- -webkit-animation-iteration-count: @iteration-count;
42
- animation-iteration-count: @iteration-count;
43
- }
44
- .animation-direction(@direction) {
45
- -webkit-animation-direction: @direction;
46
- animation-direction: @direction;
47
- }
48
- .animation-fill-mode(@fill-mode) {
49
- -webkit-animation-fill-mode: @fill-mode;
50
- animation-fill-mode: @fill-mode;
51
- }
52
-
53
- // Backface visibility
54
- // Prevent browsers from flickering when using CSS 3D transforms.
55
- // Default value is `visible`, but can be changed to `hidden`
56
-
57
- .backface-visibility(@visibility){
58
- -webkit-backface-visibility: @visibility;
59
- -moz-backface-visibility: @visibility;
60
- backface-visibility: @visibility;
61
- }
62
-
63
- // Drop shadows
64
- //
65
- // Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's
66
- // supported browsers that have box shadow capabilities now support it.
67
-
68
- .box-shadow(@shadow) {
69
- -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1
70
- box-shadow: @shadow;
71
- }
72
-
73
- // Box sizing
74
- .box-sizing(@boxmodel) {
75
- -webkit-box-sizing: @boxmodel;
76
- -moz-box-sizing: @boxmodel;
77
- box-sizing: @boxmodel;
78
- }
79
-
80
- // CSS3 Content Columns
81
- .content-columns(@column-count; @column-gap: @grid-gutter-width) {
82
- -webkit-column-count: @column-count;
83
- -moz-column-count: @column-count;
84
- column-count: @column-count;
85
- -webkit-column-gap: @column-gap;
86
- -moz-column-gap: @column-gap;
87
- column-gap: @column-gap;
88
- }
89
-
90
- // Optional hyphenation
91
- .hyphens(@mode: auto) {
92
- word-wrap: break-word;
93
- -webkit-hyphens: @mode;
94
- -moz-hyphens: @mode;
95
- -ms-hyphens: @mode; // IE10+
96
- -o-hyphens: @mode;
97
- hyphens: @mode;
98
- }
99
-
100
- // Placeholder text
101
- .placeholder(@color: @input-color-placeholder) {
102
- // Firefox
103
- &::-moz-placeholder {
104
- color: @color;
105
- opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526
106
- }
107
- &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+
108
- &::-webkit-input-placeholder { color: @color; } // Safari and Chrome
109
- }
110
-
111
- // Transformations
112
- .scale(@ratio) {
113
- -webkit-transform: scale(@ratio);
114
- -ms-transform: scale(@ratio); // IE9 only
115
- -o-transform: scale(@ratio);
116
- transform: scale(@ratio);
117
- }
118
- .scale(@ratioX; @ratioY) {
119
- -webkit-transform: scale(@ratioX, @ratioY);
120
- -ms-transform: scale(@ratioX, @ratioY); // IE9 only
121
- -o-transform: scale(@ratioX, @ratioY);
122
- transform: scale(@ratioX, @ratioY);
123
- }
124
- .scaleX(@ratio) {
125
- -webkit-transform: scaleX(@ratio);
126
- -ms-transform: scaleX(@ratio); // IE9 only
127
- -o-transform: scaleX(@ratio);
128
- transform: scaleX(@ratio);
129
- }
130
- .scaleY(@ratio) {
131
- -webkit-transform: scaleY(@ratio);
132
- -ms-transform: scaleY(@ratio); // IE9 only
133
- -o-transform: scaleY(@ratio);
134
- transform: scaleY(@ratio);
135
- }
136
- .skew(@x; @y) {
137
- -webkit-transform: skewX(@x) skewY(@y);
138
- -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
139
- -o-transform: skewX(@x) skewY(@y);
140
- transform: skewX(@x) skewY(@y);
141
- }
142
- .translate(@x; @y) {
143
- -webkit-transform: translate(@x, @y);
144
- -ms-transform: translate(@x, @y); // IE9 only
145
- -o-transform: translate(@x, @y);
146
- transform: translate(@x, @y);
147
- }
148
- .translate3d(@x; @y; @z) {
149
- -webkit-transform: translate3d(@x, @y, @z);
150
- transform: translate3d(@x, @y, @z);
151
- }
152
- .rotate(@degrees) {
153
- -webkit-transform: rotate(@degrees);
154
- -ms-transform: rotate(@degrees); // IE9 only
155
- -o-transform: rotate(@degrees);
156
- transform: rotate(@degrees);
157
- }
158
- .rotateX(@degrees) {
159
- -webkit-transform: rotateX(@degrees);
160
- -ms-transform: rotateX(@degrees); // IE9 only
161
- -o-transform: rotateX(@degrees);
162
- transform: rotateX(@degrees);
163
- }
164
- .rotateY(@degrees) {
165
- -webkit-transform: rotateY(@degrees);
166
- -ms-transform: rotateY(@degrees); // IE9 only
167
- -o-transform: rotateY(@degrees);
168
- transform: rotateY(@degrees);
169
- }
170
- .perspective(@perspective) {
171
- -webkit-perspective: @perspective;
172
- -moz-perspective: @perspective;
173
- perspective: @perspective;
174
- }
175
- .perspective-origin(@perspective) {
176
- -webkit-perspective-origin: @perspective;
177
- -moz-perspective-origin: @perspective;
178
- perspective-origin: @perspective;
179
- }
180
- .transform-origin(@origin) {
181
- -webkit-transform-origin: @origin;
182
- -moz-transform-origin: @origin;
183
- -ms-transform-origin: @origin; // IE9 only
184
- transform-origin: @origin;
185
- }
186
-
187
-
188
- // Transitions
189
-
190
- .transition(@transition) {
191
- -webkit-transition: @transition;
192
- -o-transition: @transition;
193
- transition: @transition;
194
- }
195
- .transition-property(@transition-property) {
196
- -webkit-transition-property: @transition-property;
197
- transition-property: @transition-property;
198
- }
199
- .transition-delay(@transition-delay) {
200
- -webkit-transition-delay: @transition-delay;
201
- transition-delay: @transition-delay;
202
- }
203
- .transition-duration(@transition-duration) {
204
- -webkit-transition-duration: @transition-duration;
205
- transition-duration: @transition-duration;
206
- }
207
- .transition-timing-function(@timing-function) {
208
- -webkit-transition-timing-function: @timing-function;
209
- transition-timing-function: @timing-function;
210
- }
211
- .transition-transform(@transition) {
212
- -webkit-transition: -webkit-transform @transition;
213
- -moz-transition: -moz-transform @transition;
214
- -o-transition: -o-transform @transition;
215
- transition: transform @transition;
216
- }
217
-
218
-
219
- // User select
220
- // For selecting text on the page
221
-
222
- .user-select(@select) {
223
- -webkit-user-select: @select;
224
- -moz-user-select: @select;
225
- -ms-user-select: @select; // IE10+
226
- user-select: @select;
227
- }
1
+ // Vendor Prefixes
2
+ //
3
+ // All vendor mixins are deprecated as of v3.2.0 due to the introduction of
4
+ // Autoprefixer in our Gruntfile. They will be removed in v4.
5
+
6
+ // - Animations
7
+ // - Backface visibility
8
+ // - Box shadow
9
+ // - Box sizing
10
+ // - Content columns
11
+ // - Hyphens
12
+ // - Placeholder text
13
+ // - Transformations
14
+ // - Transitions
15
+ // - User Select
16
+
17
+
18
+ // Animations
19
+ .animation(@animation) {
20
+ -webkit-animation: @animation;
21
+ -o-animation: @animation;
22
+ animation: @animation;
23
+ }
24
+ .animation-name(@name) {
25
+ -webkit-animation-name: @name;
26
+ animation-name: @name;
27
+ }
28
+ .animation-duration(@duration) {
29
+ -webkit-animation-duration: @duration;
30
+ animation-duration: @duration;
31
+ }
32
+ .animation-timing-function(@timing-function) {
33
+ -webkit-animation-timing-function: @timing-function;
34
+ animation-timing-function: @timing-function;
35
+ }
36
+ .animation-delay(@delay) {
37
+ -webkit-animation-delay: @delay;
38
+ animation-delay: @delay;
39
+ }
40
+ .animation-iteration-count(@iteration-count) {
41
+ -webkit-animation-iteration-count: @iteration-count;
42
+ animation-iteration-count: @iteration-count;
43
+ }
44
+ .animation-direction(@direction) {
45
+ -webkit-animation-direction: @direction;
46
+ animation-direction: @direction;
47
+ }
48
+ .animation-fill-mode(@fill-mode) {
49
+ -webkit-animation-fill-mode: @fill-mode;
50
+ animation-fill-mode: @fill-mode;
51
+ }
52
+
53
+ // Backface visibility
54
+ // Prevent browsers from flickering when using CSS 3D transforms.
55
+ // Default value is `visible`, but can be changed to `hidden`
56
+
57
+ .backface-visibility(@visibility){
58
+ -webkit-backface-visibility: @visibility;
59
+ -moz-backface-visibility: @visibility;
60
+ backface-visibility: @visibility;
61
+ }
62
+
63
+ // Drop shadows
64
+ //
65
+ // Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's
66
+ // supported browsers that have box shadow capabilities now support it.
67
+
68
+ .box-shadow(@shadow) {
69
+ -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1
70
+ box-shadow: @shadow;
71
+ }
72
+
73
+ // Box sizing
74
+ .box-sizing(@boxmodel) {
75
+ -webkit-box-sizing: @boxmodel;
76
+ -moz-box-sizing: @boxmodel;
77
+ box-sizing: @boxmodel;
78
+ }
79
+
80
+ // CSS3 Content Columns
81
+ .content-columns(@column-count; @column-gap: @grid-gutter-width) {
82
+ -webkit-column-count: @column-count;
83
+ -moz-column-count: @column-count;
84
+ column-count: @column-count;
85
+ -webkit-column-gap: @column-gap;
86
+ -moz-column-gap: @column-gap;
87
+ column-gap: @column-gap;
88
+ }
89
+
90
+ // Optional hyphenation
91
+ .hyphens(@mode: auto) {
92
+ word-wrap: break-word;
93
+ -webkit-hyphens: @mode;
94
+ -moz-hyphens: @mode;
95
+ -ms-hyphens: @mode; // IE10+
96
+ -o-hyphens: @mode;
97
+ hyphens: @mode;
98
+ }
99
+
100
+ // Placeholder text
101
+ .placeholder(@color: @input-color-placeholder) {
102
+ // Firefox
103
+ &::-moz-placeholder {
104
+ color: @color;
105
+ opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526
106
+ }
107
+ &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+
108
+ &::-webkit-input-placeholder { color: @color; } // Safari and Chrome
109
+ }
110
+
111
+ // Transformations
112
+ .scale(@ratio) {
113
+ -webkit-transform: scale(@ratio);
114
+ -ms-transform: scale(@ratio); // IE9 only
115
+ -o-transform: scale(@ratio);
116
+ transform: scale(@ratio);
117
+ }
118
+ .scale(@ratioX; @ratioY) {
119
+ -webkit-transform: scale(@ratioX, @ratioY);
120
+ -ms-transform: scale(@ratioX, @ratioY); // IE9 only
121
+ -o-transform: scale(@ratioX, @ratioY);
122
+ transform: scale(@ratioX, @ratioY);
123
+ }
124
+ .scaleX(@ratio) {
125
+ -webkit-transform: scaleX(@ratio);
126
+ -ms-transform: scaleX(@ratio); // IE9 only
127
+ -o-transform: scaleX(@ratio);
128
+ transform: scaleX(@ratio);
129
+ }
130
+ .scaleY(@ratio) {
131
+ -webkit-transform: scaleY(@ratio);
132
+ -ms-transform: scaleY(@ratio); // IE9 only
133
+ -o-transform: scaleY(@ratio);
134
+ transform: scaleY(@ratio);
135
+ }
136
+ .skew(@x; @y) {
137
+ -webkit-transform: skewX(@x) skewY(@y);
138
+ -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
139
+ -o-transform: skewX(@x) skewY(@y);
140
+ transform: skewX(@x) skewY(@y);
141
+ }
142
+ .translate(@x; @y) {
143
+ -webkit-transform: translate(@x, @y);
144
+ -ms-transform: translate(@x, @y); // IE9 only
145
+ -o-transform: translate(@x, @y);
146
+ transform: translate(@x, @y);
147
+ }
148
+ .translate3d(@x; @y; @z) {
149
+ -webkit-transform: translate3d(@x, @y, @z);
150
+ transform: translate3d(@x, @y, @z);
151
+ }
152
+ .rotate(@degrees) {
153
+ -webkit-transform: rotate(@degrees);
154
+ -ms-transform: rotate(@degrees); // IE9 only
155
+ -o-transform: rotate(@degrees);
156
+ transform: rotate(@degrees);
157
+ }
158
+ .rotateX(@degrees) {
159
+ -webkit-transform: rotateX(@degrees);
160
+ -ms-transform: rotateX(@degrees); // IE9 only
161
+ -o-transform: rotateX(@degrees);
162
+ transform: rotateX(@degrees);
163
+ }
164
+ .rotateY(@degrees) {
165
+ -webkit-transform: rotateY(@degrees);
166
+ -ms-transform: rotateY(@degrees); // IE9 only
167
+ -o-transform: rotateY(@degrees);
168
+ transform: rotateY(@degrees);
169
+ }
170
+ .perspective(@perspective) {
171
+ -webkit-perspective: @perspective;
172
+ -moz-perspective: @perspective;
173
+ perspective: @perspective;
174
+ }
175
+ .perspective-origin(@perspective) {
176
+ -webkit-perspective-origin: @perspective;
177
+ -moz-perspective-origin: @perspective;
178
+ perspective-origin: @perspective;
179
+ }
180
+ .transform-origin(@origin) {
181
+ -webkit-transform-origin: @origin;
182
+ -moz-transform-origin: @origin;
183
+ -ms-transform-origin: @origin; // IE9 only
184
+ transform-origin: @origin;
185
+ }
186
+
187
+
188
+ // Transitions
189
+
190
+ .transition(@transition) {
191
+ -webkit-transition: @transition;
192
+ -o-transition: @transition;
193
+ transition: @transition;
194
+ }
195
+ .transition-property(@transition-property) {
196
+ -webkit-transition-property: @transition-property;
197
+ transition-property: @transition-property;
198
+ }
199
+ .transition-delay(@transition-delay) {
200
+ -webkit-transition-delay: @transition-delay;
201
+ transition-delay: @transition-delay;
202
+ }
203
+ .transition-duration(@transition-duration) {
204
+ -webkit-transition-duration: @transition-duration;
205
+ transition-duration: @transition-duration;
206
+ }
207
+ .transition-timing-function(@timing-function) {
208
+ -webkit-transition-timing-function: @timing-function;
209
+ transition-timing-function: @timing-function;
210
+ }
211
+ .transition-transform(@transition) {
212
+ -webkit-transition: -webkit-transform @transition;
213
+ -moz-transition: -moz-transform @transition;
214
+ -o-transition: -o-transform @transition;
215
+ transition: transform @transition;
216
+ }
217
+
218
+
219
+ // User select
220
+ // For selecting text on the page
221
+
222
+ .user-select(@select) {
223
+ -webkit-user-select: @select;
224
+ -moz-user-select: @select;
225
+ -ms-user-select: @select; // IE10+
226
+ user-select: @select;
227
+ }