PluginProbe
BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot / 4.9.5
BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot v4.9.5
4.9.5 4.9.4 4.9.3 4.9.2 4.9.1 4.9.0 4.8.2 4.8.1 4.8.0 4.7.0 4.6.2 4.6.1 4.6.0 4.5.6 4.5.5 4.5.4 4.5.3 4.5.2 4.5.1 4.5.0 4.4.1 4.4.0 3.3.4 3.4.0 3.4.1 All 203 releases
betterdocs / react-src / scss / blocks / category-grid.scss

category-grid.scss in BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot 4.9.5, at react-src/scss/blocks/category-grid.scss

87 lines 2.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 // Block Only Category Grid
2
3 @import "../common";
4 @import "./common";
5
6 .betterdocs-blocks.betterdocs-category-grid-wrapper {
7 .betterdocs-category-grid-inner-wrapper {
8 .betterdocs-single-category-wrapper {
9 &.layout-2 {
10 @include if(
11 ".betterdocs-category-grid-inner-wrapper",
12 ".masonry"
13 ) {
14 margin-bottom: 10px;
15 }
16 .betterdocs-category-header {
17 padding-top: 0;
18 .betterdocs-category-header-inner {
19 display: flex;
20 flex-direction: column;
21 align-items: stretch;
22 padding-bottom: 10px;
23 }
24 }
25 .betterdocs-category-items-counts {
26 height: 45px;
27 min-width: 40px;
28 padding: 0 2px;
29 background-color: #fc8c91;
30 color: #fff;
31 border-radius: 0%;
32 margin-left: 0;
33 margin-right: auto;
34 position: relative;
35 margin-top: -1px;
36 span {
37 background: transparent;
38 height: auto;
39 width: auto;
40 color: inherit;
41 }
42 &:after {
43 content: "";
44 position: absolute;
45 right: -6px;
46 top: 0;
47 border-top: 6px solid #ad5e62;
48 border-right: 6px solid transparent;
49 opacity: 0.9;
50 }
51 }
52 .betterdocs-category-title a {
53 font-size: 18px;
54 }
55 .betterdocs-body {
56 padding-top: 0;
57 }
58 .betterdocs-articles-list {
59 li {
60 margin-left: 5px;
61 margin-right: 5px;
62 margin-top: 5px;
63 margin-bottom: 5px;
64 }
65 }
66 .betterdocs-footer {
67 button,
68 a {
69 margin-left: 0;
70 margin-bottom: 0;
71 color: #3f5876;
72 border: none;
73 border-radius: 0px;
74 padding: 0px;
75 display: inline-flex;
76 align-items: center;
77 gap: 5px;
78 &:hover {
79 color: #fc8c91;
80 }
81 }
82 }
83 }
84 }
85 }
86 }
87