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 / layout-parts / counts.scss

counts.scss in BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot 4.9.5, at react-src/scss/layout-parts/counts.scss

64 lines 1.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 // CHECKED:
2
3 %count-circle-style {
4 padding: 6px;
5 background-color: rgba(#528ffe, 0.1);
6 display: inline-flex;
7 align-items: center;
8 justify-content: center;
9 border-radius: 50%;
10 margin-left: auto;
11 span {
12 background-color: rgba(#528ffe, 0.2);
13 height: 30px;
14 width: 30px;
15 font-size: 15px;
16 font-weight: bold;
17 color: #528ffe;
18 display: inline-flex;
19 align-items: center;
20 justify-content: center;
21 border-radius: 50%;
22 }
23 }
24
25 .betterdocs-category-items-counts {
26 span {
27 @include for(".betterdocs-category-box-wrapper") {
28 color: #707070;
29 font-size: 15px;
30 display: inline-flex;
31 align-items: center;
32 }
33 }
34
35 @at-root .betterdocs-category-grid-wrapper
36 .betterdocs-category-grid-inner-wrapper
37 #{&} {
38 @include if(
39 ".betterdocs-category-grid-inner-wrapper",
40 " >*:not(.betterdocs-grid-top-row-wrapper)"
41 ) {
42 @extend %count-circle-style;
43 }
44 }
45 @at-root .betterdocs-sidebar-content.betterdocs-category-sidebar #{&} span {
46 font-size: 12px;
47 }
48
49 @include for(".betterdocs-category-layout-6") {
50 font-weight: 500;
51 font-size: 17px;
52 line-height: 1.7;
53 color: #e32222;
54 display: inline-flex;
55 align-items: center;
56 justify-content: center;
57 background-color: lighten(#e32222, 45%);
58 border-radius: 100px;
59 text-align: center;
60 margin-left: 15px;
61 padding: 5px 10px;
62 }
63 }
64