nodebb-theme-persona 13.3.32 → 13.3.34

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 (145) hide show
  1. package/.eslintrc +2 -2
  2. package/README.md +20 -20
  3. package/lib/controllers.js +24 -24
  4. package/library.js +97 -97
  5. package/package.json +52 -52
  6. package/plugin.json +20 -20
  7. package/public/.eslintrc +2 -2
  8. package/public/admin.js +15 -15
  9. package/public/modules/autohidingnavbar.js +220 -220
  10. package/public/modules/mobile-menu.js +190 -190
  11. package/public/modules/taskbar.js +65 -65
  12. package/public/persona.js +257 -257
  13. package/public/settings.js +53 -53
  14. package/scss/account.scss +336 -336
  15. package/scss/categories.scss +205 -205
  16. package/scss/category.scss +161 -161
  17. package/scss/chats.scss +14 -14
  18. package/scss/flags.scss +42 -42
  19. package/scss/footer.scss +16 -16
  20. package/scss/groups.scss +166 -166
  21. package/scss/header.scss +229 -361
  22. package/scss/keyframes.scss +152 -152
  23. package/scss/mixins.scss +129 -129
  24. package/scss/mobile.scss +222 -331
  25. package/scss/modules/composer.scss +20 -20
  26. package/scss/modules/cookie-consent.scss +12 -12
  27. package/scss/modules/fab.scss +32 -32
  28. package/scss/modules/morph.scss +268 -268
  29. package/scss/modules/necro-post.scss +8 -8
  30. package/scss/modules/nprogress.scss +80 -80
  31. package/scss/modules/taskbar.scss +160 -160
  32. package/scss/modules/user-menu.scss +7 -7
  33. package/scss/modules/usercard.scss +64 -64
  34. package/scss/noscript.scss +80 -80
  35. package/scss/overrides.scss +39 -39
  36. package/scss/persona.scss +34 -34
  37. package/scss/posts_list.scss +127 -127
  38. package/scss/search.scss +48 -48
  39. package/scss/style.scss +256 -256
  40. package/scss/tags.scss +10 -10
  41. package/scss/topic.scss +571 -571
  42. package/scss/topics_list.scss +16 -16
  43. package/scss/variables.scss +6 -6
  44. package/templates/account/blocks.tpl +46 -46
  45. package/templates/account/categories.tpl +28 -28
  46. package/templates/account/consent.tpl +68 -68
  47. package/templates/account/edit/password.tpl +29 -29
  48. package/templates/account/edit/username.tpl +25 -25
  49. package/templates/account/edit.tpl +136 -136
  50. package/templates/account/followers.tpl +17 -17
  51. package/templates/account/following.tpl +17 -17
  52. package/templates/account/groups.tpl +16 -16
  53. package/templates/account/info.tpl +291 -291
  54. package/templates/account/posts.tpl +18 -18
  55. package/templates/account/profile.tpl +166 -166
  56. package/templates/account/sessions.tpl +31 -31
  57. package/templates/account/settings.tpl +251 -251
  58. package/templates/account/tags.tpl +9 -9
  59. package/templates/account/theme.tpl +25 -25
  60. package/templates/account/topics.tpl +29 -29
  61. package/templates/account/uploads.tpl +42 -42
  62. package/templates/admin/plugins/persona.tpl +24 -24
  63. package/templates/categories.tpl +31 -31
  64. package/templates/category.tpl +63 -63
  65. package/templates/flags/detail.tpl +208 -208
  66. package/templates/flags/list.tpl +71 -71
  67. package/templates/footer.tpl +11 -11
  68. package/templates/groups/details.tpl +77 -77
  69. package/templates/groups/list.tpl +48 -48
  70. package/templates/groups/members.tpl +5 -5
  71. package/templates/header.tpl +47 -47
  72. package/templates/modules/taskbar.tpl +2 -2
  73. package/templates/modules/usercard.tpl +36 -36
  74. package/templates/notifications.tpl +66 -66
  75. package/templates/partials/account/category-item.tpl +23 -23
  76. package/templates/partials/account/header.tpl +47 -47
  77. package/templates/partials/account/menu.tpl +108 -108
  78. package/templates/partials/breadcrumbs.tpl +18 -18
  79. package/templates/partials/buttons/newTopic.tpl +22 -22
  80. package/templates/partials/categories/item.tpl +60 -60
  81. package/templates/partials/categories/lastpost.tpl +26 -26
  82. package/templates/partials/category/filter-dropdown-content.tpl +31 -31
  83. package/templates/partials/category/selector-dropdown-content.tpl +32 -32
  84. package/templates/partials/category/sort.tpl +14 -14
  85. package/templates/partials/category/subcategory.tpl +17 -17
  86. package/templates/partials/category/tags.tpl +3 -3
  87. package/templates/partials/category/tools.tpl +86 -86
  88. package/templates/partials/category/watch.tpl +55 -55
  89. package/templates/partials/chats-menu.tpl +41 -40
  90. package/templates/partials/cookie-consent.tpl +4 -4
  91. package/templates/partials/flags/filters.tpl +173 -173
  92. package/templates/partials/groups/admin.tpl +200 -200
  93. package/templates/partials/groups/filter-dropdown-content.tpl +24 -24
  94. package/templates/partials/groups/list.tpl +20 -20
  95. package/templates/partials/groups/memberlist.tpl +42 -42
  96. package/templates/partials/header/chats.tpl +18 -18
  97. package/templates/partials/header/notifications.tpl +49 -19
  98. package/templates/partials/header/search.tpl +24 -24
  99. package/templates/partials/header/user-menu.tpl +96 -96
  100. package/templates/partials/menu.tpl +128 -128
  101. package/templates/partials/notifications_list.tpl +44 -30
  102. package/templates/partials/paginator.tpl +44 -44
  103. package/templates/partials/post_bar.tpl +20 -20
  104. package/templates/partials/posts_list.tpl +7 -7
  105. package/templates/partials/posts_list_item.tpl +31 -31
  106. package/templates/partials/quick-search-results.tpl +33 -33
  107. package/templates/partials/search-filters.tpl +183 -183
  108. package/templates/partials/search-results.tpl +54 -54
  109. package/templates/partials/slideout-menu.tpl +4 -4
  110. package/templates/partials/tags/filter-dropdown-content.tpl +33 -33
  111. package/templates/partials/tags/watch.tpl +35 -35
  112. package/templates/partials/tags_list.tpl +4 -4
  113. package/templates/partials/toast.tpl +19 -19
  114. package/templates/partials/topic/event.tpl +12 -12
  115. package/templates/partials/topic/navigation-post.tpl +11 -11
  116. package/templates/partials/topic/navigator.tpl +39 -39
  117. package/templates/partials/topic/necro-post.tpl +2 -2
  118. package/templates/partials/topic/post-menu-list.tpl +132 -132
  119. package/templates/partials/topic/post-menu.tpl +4 -4
  120. package/templates/partials/topic/post.tpl +128 -128
  121. package/templates/partials/topic/quickreply.tpl +28 -28
  122. package/templates/partials/topic/reply-button.tpl +26 -26
  123. package/templates/partials/topic/selection-tooltip.tpl +2 -2
  124. package/templates/partials/topic/sort.tpl +9 -9
  125. package/templates/partials/topic/stats.tpl +11 -11
  126. package/templates/partials/topic/tags.tpl +2 -2
  127. package/templates/partials/topic/tools.tpl +7 -7
  128. package/templates/partials/topic/topic-menu-list.tpl +74 -74
  129. package/templates/partials/topic/watch.tpl +47 -47
  130. package/templates/partials/topic-filters.tpl +11 -11
  131. package/templates/partials/topic-terms.tpl +11 -11
  132. package/templates/partials/topics_list.tpl +117 -117
  133. package/templates/partials/users/filter-dropdown-content.tpl +20 -20
  134. package/templates/partials/users/item.tpl +43 -43
  135. package/templates/partials/users_list.tpl +14 -14
  136. package/templates/partials/users_list_menu.tpl +20 -20
  137. package/templates/popular.tpl +35 -35
  138. package/templates/recent.tpl +37 -37
  139. package/templates/search.tpl +47 -47
  140. package/templates/tag.tpl +34 -34
  141. package/templates/tags.tpl +32 -32
  142. package/templates/top.tpl +35 -35
  143. package/templates/topic.tpl +129 -129
  144. package/templates/unread.tpl +37 -37
  145. package/templates/users.tpl +34 -34
@@ -1,81 +1,81 @@
1
- noscript {
2
- @mixin default() {
3
- list-style-type: none;
4
- padding: 1em;
5
- margin-bottom: 1em;
6
- @include zebra;
7
- }
8
-
9
- .categories {
10
- li {
11
- @include default;
12
-
13
- .icon {
14
- float: left;
15
- width: auto;
16
- height: auto;
17
- padding: 0;
18
- margin: 0;
19
- margin-right: 1em;
20
- }
21
-
22
- a {
23
- font-size: 20px;
24
- }
25
- }
26
- }
27
-
28
- .topics {
29
- li {
30
- @include default;
31
- }
32
-
33
- .timestamp {
34
- float: right;
35
- color: #999;
36
- font-style: italic;
37
- font-size: 12px;
38
- }
39
-
40
- .teaser {
41
- margin-left: 16px;
42
- margin-top: 8px;
43
-
44
- img {
45
- float: left;
46
- width: 64px;
47
- margin-right: 1em;
48
- }
49
-
50
- p {
51
- color: #666;
52
- font-size: 13px;
53
- text-overflow: ellipsis;
54
- overflow: hidden;
55
- white-space: nowrap;
56
- margin-left: 64px;
57
- padding-top: 10px;
58
- }
59
- }
60
- }
61
-
62
- .posts {
63
- li {
64
- @include default;
65
-
66
- .profile {
67
- text-align: center;
68
-
69
- img {
70
- width: 64px;
71
- }
72
-
73
- span {
74
- font-weight: bold;
75
- display: inline-block;
76
- margin-top: 1em;
77
- }
78
- }
79
- }
80
- }
1
+ noscript {
2
+ @mixin default() {
3
+ list-style-type: none;
4
+ padding: 1em;
5
+ margin-bottom: 1em;
6
+ @include zebra;
7
+ }
8
+
9
+ .categories {
10
+ li {
11
+ @include default;
12
+
13
+ .icon {
14
+ float: left;
15
+ width: auto;
16
+ height: auto;
17
+ padding: 0;
18
+ margin: 0;
19
+ margin-right: 1em;
20
+ }
21
+
22
+ a {
23
+ font-size: 20px;
24
+ }
25
+ }
26
+ }
27
+
28
+ .topics {
29
+ li {
30
+ @include default;
31
+ }
32
+
33
+ .timestamp {
34
+ float: right;
35
+ color: #999;
36
+ font-style: italic;
37
+ font-size: 12px;
38
+ }
39
+
40
+ .teaser {
41
+ margin-left: 16px;
42
+ margin-top: 8px;
43
+
44
+ img {
45
+ float: left;
46
+ width: 64px;
47
+ margin-right: 1em;
48
+ }
49
+
50
+ p {
51
+ color: #666;
52
+ font-size: 13px;
53
+ text-overflow: ellipsis;
54
+ overflow: hidden;
55
+ white-space: nowrap;
56
+ margin-left: 64px;
57
+ padding-top: 10px;
58
+ }
59
+ }
60
+ }
61
+
62
+ .posts {
63
+ li {
64
+ @include default;
65
+
66
+ .profile {
67
+ text-align: center;
68
+
69
+ img {
70
+ width: 64px;
71
+ }
72
+
73
+ span {
74
+ font-weight: bold;
75
+ display: inline-block;
76
+ margin-top: 1em;
77
+ }
78
+ }
79
+ }
80
+ }
81
81
  }
@@ -1,40 +1,40 @@
1
- // only overrides to bs5 variables here
2
-
3
- $navbar-nav-link-padding-x: 0.875rem!default;
4
-
5
- // persona colors
6
- $white: #fff !default;
7
- $gray-100: #f8f9fa !default;
8
- $gray-200: #e9ecef !default;
9
- $gray-300: #dee2e6 !default;
10
- $gray-400: #ced4da !default;
11
- $gray-500: #adb5bd !default;
12
- $gray-600: #6c757d !default;
13
- $gray-700: #495057 !default;
14
- $gray-800: #343a40 !default;
15
- $gray-900: #212529 !default;
16
- $black: #000 !default;
17
-
18
- $primary: darken(#428bca, 6.5%) !default;
19
- $secondary: $gray-600 !default;
20
- $success: #5cb85c !default;
21
- $info: #5bc0de !default;
22
- $warning: #f0ad4e !default;
23
- $danger: #d9534f !default;
24
- $light: $gray-100 !default;
25
- $dark: $gray-900 !default;
26
- $link-decoration:none !default;
27
-
28
- // font
29
- $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
30
- // BS5 default is 1rem(16px)
31
- $font-size-base: 0.875rem!default;
32
-
33
- // no rounded in persona
34
- $enable-rounded: false;
35
-
36
- // no caret on dropdown-toggle
37
- $enable-caret: false;
38
-
39
- // disable smooth scroll, this makes window.scrollTo(0,0) in ajaxify.js take x milliseconds
1
+ // only overrides to bs5 variables here
2
+
3
+ $navbar-nav-link-padding-x: 0.875rem!default;
4
+
5
+ // persona colors
6
+ $white: #fff !default;
7
+ $gray-100: #f8f9fa !default;
8
+ $gray-200: #e9ecef !default;
9
+ $gray-300: #dee2e6 !default;
10
+ $gray-400: #ced4da !default;
11
+ $gray-500: #adb5bd !default;
12
+ $gray-600: #6c757d !default;
13
+ $gray-700: #495057 !default;
14
+ $gray-800: #343a40 !default;
15
+ $gray-900: #212529 !default;
16
+ $black: #000 !default;
17
+
18
+ $primary: darken(#428bca, 6.5%) !default;
19
+ $secondary: $gray-600 !default;
20
+ $success: #5cb85c !default;
21
+ $info: #5bc0de !default;
22
+ $warning: #f0ad4e !default;
23
+ $danger: #d9534f !default;
24
+ $light: $gray-100 !default;
25
+ $dark: $gray-900 !default;
26
+ $link-decoration:none !default;
27
+
28
+ // font
29
+ $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
30
+ // BS5 default is 1rem(16px)
31
+ $font-size-base: 0.875rem!default;
32
+
33
+ // no rounded in persona
34
+ $enable-rounded: false;
35
+
36
+ // no caret on dropdown-toggle
37
+ $enable-caret: false;
38
+
39
+ // disable smooth scroll, this makes window.scrollTo(0,0) in ajaxify.js take x milliseconds
40
40
  $enable-smooth-scroll: false;
package/scss/persona.scss CHANGED
@@ -1,34 +1,34 @@
1
- @import "variables";
2
- @import "style";
3
- @import "mixins";
4
-
5
- @import "topic";
6
- @import "category";
7
- @import "tags";
8
- @import "noscript";
9
- @import "categories";
10
- @import "header";
11
- @import "account";
12
- @import "groups";
13
- @import "chats";
14
- @import "search";
15
- @import "topics_list";
16
- @import "footer";
17
- @import "posts_list";
18
- @import "flags";
19
-
20
- @import "mobile";
21
-
22
- @import "helpers";
23
- @import "keyframes";
24
-
25
- @import "modules/nprogress";
26
- @import "modules/usercard";
27
- @import "modules/taskbar";
28
- @import "modules/fab";
29
- @import "modules/morph";
30
- @import "modules/cookie-consent";
31
- @import "modules/necro-post";
32
- @import "modules/composer";
33
- @import "modules/user-menu";
34
-
1
+ @import "variables";
2
+ @import "style";
3
+ @import "mixins";
4
+
5
+ @import "topic";
6
+ @import "category";
7
+ @import "tags";
8
+ @import "noscript";
9
+ @import "categories";
10
+ @import "header";
11
+ @import "account";
12
+ @import "groups";
13
+ @import "chats";
14
+ @import "search";
15
+ @import "topics_list";
16
+ @import "footer";
17
+ @import "posts_list";
18
+ @import "flags";
19
+
20
+ @import "mobile";
21
+
22
+ @import "helpers";
23
+ @import "keyframes";
24
+
25
+ @import "modules/nprogress";
26
+ @import "modules/usercard";
27
+ @import "modules/taskbar";
28
+ @import "modules/fab";
29
+ @import "modules/morph";
30
+ @import "modules/cookie-consent";
31
+ @import "modules/necro-post";
32
+ @import "modules/composer";
33
+ @import "modules/user-menu";
34
+
@@ -1,128 +1,128 @@
1
- .posts-list {
2
- padding-left: 0px;
3
-
4
- .posts-list-item {
5
- width: 100%;
6
- margin-bottom: 0px;
7
-
8
- &.deleted {
9
- -moz-opacity: 0.30;
10
- opacity: 0.30;
11
- }
12
-
13
- &.scheduled {
14
- opacity: 0.7;
15
- }
16
-
17
- .user-img {
18
- position: absolute;
19
- top: 50%;
20
- margin-top: -14px;
21
- margin-left: -14px;
22
- }
23
-
24
- a {
25
- span {
26
- overflow: hidden;
27
- padding-left: 8px;
28
- }
29
- }
30
-
31
- .topic-title {
32
- color: $gray-800;
33
- font-weight: 900;
34
- font-size: 125%;
35
- text-decoration: underline;
36
- }
37
-
38
- .topic-category {
39
- text-transform: uppercase;
40
- font-size: 10px;
41
- color: $gray-600;
42
- margin-top: 6px;
43
- margin-right: 10px;
44
- margin-bottom: 25px;
45
- display: inline-block;
46
- margin-top: 10px;
47
-
48
- a {
49
- font-weight: 900;
50
- color: $gray-600;
51
- }
52
- }
53
-
54
- .content {
55
- max-height: 240px;
56
- position: relative;
57
- clear: left;
58
- display: block;
59
- overflow: hidden;
60
- padding-right: 10px;
61
- margin-top: 5px;
62
- clear: both;
63
-
64
- h1, h2, h3, h4, h5, h6 {
65
- margin: 0;
66
- font-size: 100%;
67
- }
68
-
69
- blockquote {
70
- font-size: 100%;
71
- margin: 8px 0;
72
- padding: 0 10px;
73
- }
74
-
75
- p {
76
- margin: 0 0 2px;
77
- }
78
- }
79
-
80
- .post-body {
81
- border-right: 2px solid $primary;
82
- min-height: 100px;
83
- position: relative; // to handle abs. positioning in .post-info child
84
- }
85
-
86
- .post-info {
87
- position: absolute;
88
- top: 50%;
89
- left: 100%;
90
- width: 175px;
91
- height: 28px;
92
- font-size: 10px;
93
-
94
- > a {
95
- position: relative;
96
- .user-img {
97
- text-align: center;
98
- padding: 0;
99
- }
100
- }
101
-
102
- .post-author {
103
- padding-left: 25px;
104
- margin-top: -14px;
105
- color: $gray-600;
106
-
107
- a {
108
- color: $gray-600;
109
- font-weight: 900;
110
-
111
- }
112
-
113
- text-transform: uppercase;
114
- }
115
- }
116
- }
117
- }
118
-
119
- .posts-list.diffs .posts-list-item .content {
120
- max-height: inherit;
121
- overflow-y: none;
122
- }
123
-
124
- @include media-breakpoint-down(sm) {
125
- .posts-list .posts-list-item .post-info {
126
- width: 100px;
127
- }
1
+ .posts-list {
2
+ padding-left: 0px;
3
+
4
+ .posts-list-item {
5
+ width: 100%;
6
+ margin-bottom: 0px;
7
+
8
+ &.deleted {
9
+ -moz-opacity: 0.30;
10
+ opacity: 0.30;
11
+ }
12
+
13
+ &.scheduled {
14
+ opacity: 0.7;
15
+ }
16
+
17
+ .user-img {
18
+ position: absolute;
19
+ top: 50%;
20
+ margin-top: -14px;
21
+ margin-left: -14px;
22
+ }
23
+
24
+ a {
25
+ span {
26
+ overflow: hidden;
27
+ padding-left: 8px;
28
+ }
29
+ }
30
+
31
+ .topic-title {
32
+ color: $gray-800;
33
+ font-weight: 900;
34
+ font-size: 125%;
35
+ text-decoration: underline;
36
+ }
37
+
38
+ .topic-category {
39
+ text-transform: uppercase;
40
+ font-size: 10px;
41
+ color: $gray-600;
42
+ margin-top: 6px;
43
+ margin-right: 10px;
44
+ margin-bottom: 25px;
45
+ display: inline-block;
46
+ margin-top: 10px;
47
+
48
+ a {
49
+ font-weight: 900;
50
+ color: $gray-600;
51
+ }
52
+ }
53
+
54
+ .content {
55
+ max-height: 240px;
56
+ position: relative;
57
+ clear: left;
58
+ display: block;
59
+ overflow: hidden;
60
+ padding-right: 10px;
61
+ margin-top: 5px;
62
+ clear: both;
63
+
64
+ h1, h2, h3, h4, h5, h6 {
65
+ margin: 0;
66
+ font-size: 100%;
67
+ }
68
+
69
+ blockquote {
70
+ font-size: 100%;
71
+ margin: 8px 0;
72
+ padding: 0 10px;
73
+ }
74
+
75
+ p {
76
+ margin: 0 0 2px;
77
+ }
78
+ }
79
+
80
+ .post-body {
81
+ border-right: 2px solid $primary;
82
+ min-height: 100px;
83
+ position: relative; // to handle abs. positioning in .post-info child
84
+ }
85
+
86
+ .post-info {
87
+ position: absolute;
88
+ top: 50%;
89
+ left: 100%;
90
+ width: 175px;
91
+ height: 28px;
92
+ font-size: 10px;
93
+
94
+ > a {
95
+ position: relative;
96
+ .user-img {
97
+ text-align: center;
98
+ padding: 0;
99
+ }
100
+ }
101
+
102
+ .post-author {
103
+ padding-left: 25px;
104
+ margin-top: -14px;
105
+ color: $gray-600;
106
+
107
+ a {
108
+ color: $gray-600;
109
+ font-weight: 900;
110
+
111
+ }
112
+
113
+ text-transform: uppercase;
114
+ }
115
+ }
116
+ }
117
+ }
118
+
119
+ .posts-list.diffs .posts-list-item .content {
120
+ max-height: inherit;
121
+ overflow-y: none;
122
+ }
123
+
124
+ @include media-breakpoint-down(sm) {
125
+ .posts-list .posts-list-item .post-info {
126
+ width: 100px;
127
+ }
128
128
  }
package/scss/search.scss CHANGED
@@ -1,48 +1,48 @@
1
- [component="search/filters"] {
2
- .filter-btn {
3
- border-color: $gray-300!important;
4
- &.active-filter {
5
- border-color: $primary!important;
6
- }
7
- }
8
- }
9
-
10
- .search-result-title {
11
- font-weight: 600;
12
- }
13
-
14
- .search-result-text {
15
- max-height: 250px;
16
- overflow: hidden;
17
- position: relative;
18
-
19
- h4, p {
20
- overflow-y: hidden;
21
- }
22
- }
23
-
24
- .topic-search {
25
- position: fixed;
26
- top: 60px;
27
- right: 10px;
28
-
29
- button {
30
- padding: 4px 6px;
31
- }
32
- }
33
-
34
- @include media-breakpoint-down(sm) {
35
- .quick-search-container {
36
- left: 0px;
37
- right: 0px;
38
- }
39
- }
40
-
41
- .quick-search-results, .search-results {
42
- .post-info {
43
- font-size: 12px;
44
- .category-item .icon {
45
- margin-top: -3px;
46
- }
47
- }
48
- }
1
+ [component="search/filters"] {
2
+ .filter-btn {
3
+ border-color: $gray-300!important;
4
+ &.active-filter {
5
+ border-color: $primary!important;
6
+ }
7
+ }
8
+ }
9
+
10
+ .search-result-title {
11
+ font-weight: 600;
12
+ }
13
+
14
+ .search-result-text {
15
+ max-height: 250px;
16
+ overflow: hidden;
17
+ position: relative;
18
+
19
+ h4, p {
20
+ overflow-y: hidden;
21
+ }
22
+ }
23
+
24
+ .topic-search {
25
+ position: fixed;
26
+ top: 60px;
27
+ right: 10px;
28
+
29
+ button {
30
+ padding: 4px 6px;
31
+ }
32
+ }
33
+
34
+ @include media-breakpoint-down(sm) {
35
+ .quick-search-container {
36
+ left: 0px;
37
+ right: 0px;
38
+ }
39
+ }
40
+
41
+ .quick-search-results, .search-results {
42
+ .post-info {
43
+ font-size: 12px;
44
+ .category-item .icon {
45
+ margin-top: -3px;
46
+ }
47
+ }
48
+ }