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 / gutenberg / blocks / sidebar / src / cssProperties.js

cssProperties.js in BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot 4.9.5, at react-src/gutenberg/blocks/sidebar/src/cssProperties.js

596 lines 64.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 import * as SIDEBAR from './constants';
2 import * as SIDEBAR_TYPO from './typographyPrefixConstants';
3 import { addProperty } from '../../../helpers/helper';
4
5
6 export default ( { blockId, listIcon, sidebar_layout } ) => {
7 const conatinerWrapper = `.${blockId}.betterdocs-sidebar`;
8 const conatinerWrapperTwo = `.${blockId}.betterdocs-sidebar .betterdocs-sidebar-content`;
9 const mainWrapper = `.${blockId}.betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-grid-wrapper`;
10 const imgWrapper = `.${blockId}.betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-category-icon .betterdocs-category-icon-img`;
11 const titleSelector = `.${blockId}.betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:not(a)`
12 const activeTitleSelector = `.${blockId}.betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-single-category-wrapper.active .betterdocs-single-category-inner .betterdocs-category-header`;
13 const nonActiveTitleSelector = `.${blockId}.betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header`;
14 const countWrapper = `.${blockId}.betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span`;
15 const countOuterWrapper = `.${blockId}.betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts`;
16 const titleWrapperLayoutOne = `.${blockId}.betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header`;
17 const listWrapper = `.${blockId}.betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li:not(.betterdocs-nested-category-wrapper) a`;
18 const topListWrapper = `.${blockId}.betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li`;
19 const listIconWrapper = `.${blockId}.betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li svg, .${blockId}.betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li i, .${blockId}.betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li img`;
20 const subListTitleWrapper = `.${blockId}.betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title a`;
21 const subListWrapper = `.${blockId}.betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a`;
22 const subListIconWrapper = `.${blockId}.betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li svg`;
23
24 const titleWrapperLayoutTwo = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-4 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header`;
25 const titleSelectorLayoutTwo = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-4 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:not(a)`;
26 const titleSelectorOuterTwo = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-4 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header`;
27 const mainWrapperLayoutTwo = `.${blockId}.betterdocs-sidebar.betterdocs-full-sidebar-left.betterdocs-sidebar-layout-4 .betterdocs-category-grid-wrapper`
28 const listWrapperLayoutTwo = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-4 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a`;
29 const topListWrapperLayoutTwo = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-4 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li`;
30 const listIconWrapperLayoutTwo = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-4 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li svg, .${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-4 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li i, .${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-4 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li img`;
31 const subListWrapperLayoutTwo = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-4 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a`;
32 const subListIconWrapperLayoutTwo = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-4 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li svg`;
33 const subListTitleWrapperLayoutTwo = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-4 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title a`;
34
35 const titleWrapperLayoutThree = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-5 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header`;
36 const titleSelectorLayoutThree = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-5 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:not(a)`;
37 const mainWrapperLayoutThree = `.${blockId}.betterdocs-sidebar.betterdocs-full-sidebar-left.betterdocs-sidebar-layout-5.betterdocs-background .betterdocs-category-grid-wrapper`;
38 const activeTitleSelectorThree = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-5 .betterdocs-sidebar-content .betterdocs-single-category-wrapper.active .betterdocs-single-category-inner .betterdocs-category-header`;
39 const titleSelectorTwoLayoutThree = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-5 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header`;
40 const listWrapperLayoutThree = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-5 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a`;
41 const topListWrapperLayoutThree = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-5 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li`;
42 const listIconWrapperLayoutThree = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-5 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li svg, .${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-5 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li i, .${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-5 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li img`;
43 const subListWrapperLayoutThree = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-5 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a`;
44 const subListIconWrapperLayoutThree = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-5 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li svg`;
45 const subListTitleWrapperLayoutThree = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-5 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title a`;
46
47 const titleWrapperLayoutFour = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-2 .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header`;
48 const titleSelectorLayoutFour = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-2 .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:not(a)`;
49 const mainWrapperLayoutFour = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-2 .betterdocs-sidebar-content.betterdocs-category-sidebar, .${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-2 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header, .${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-2 .betterdocs-body, .${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-2 .betterdocs-category-list-wrapper`;
50 const titleSelectorOuterFour = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-2 .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header`;
51 const listWrapperLayoutFour = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-2 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a`;
52 const topListWrapperLayoutFour = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-2 .betterdocs-single-category-wrapper .betterdocs-articles-list li`;
53 const listIconWrapperLayoutFour = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-2 .betterdocs-articles-list li svg, .${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-2 .betterdocs-articles-list li i, .${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-2 .betterdocs-articles-list li img`;
54 const subListWrapperLayoutFour = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-2 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a`;
55 const subListIconWrapperLayoutFour = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-2 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li svg`;
56 const subListTitleWrapperLayoutFour = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-2 .betterdocs-sidebar-content .betterdocs-category-list-wrapper .betterdocs-category-list-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title a`;
57
58 const titleWrapperLayoutFive = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-3 .betterdocs-single-category-wrapper .betterdocs-category-header`;
59 const titleSelectorOuterFive = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-3 .betterdocs-single-category-wrapper .betterdocs-category-header`;
60 const titleSelectorLayoutFive = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-3 .betterdocs-single-category-wrapper .betterdocs-category-header .betterdocs-category-title:not(a)`;
61 const titleSelectorTwoLayoutFive = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-3 .betterdocs-sidebar-content .betterdocs-single-category-wrapper.active .betterdocs-single-category-inner .betterdocs-category-header`;
62 const mainWrapperLayoutFive = `.${blockId}.betterdocs-sidebar.betterdocs-full-sidebar-left.betterdocs-sidebar-layout-3 .betterdocs-category-grid-wrapper, .${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-3 .betterdocs-sidebar-content .betterdocs-body`;
63 const listWrapperLayoutFive = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-3 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a`;
64 const topListWrapperLayoutFive = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-3 .betterdocs-single-category-wrapper .betterdocs-articles-list li`;
65 const listIconWrapperLayoutFive = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-3 .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li svg, .${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-3 .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li i, .${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-3 .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li img`;
66 const subListWrapperLayoutFive = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-3 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a`;
67 const subListIconWrapperLayoutFive = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-3 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li svg`;
68 const subListTitleWrapperLayoutFive = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-3 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title a`;
69
70 const titleSelectorLayoutSix = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-6 .betterdocs-sidebar-content .betterdocs-sidebar-list-wrapper .betterdocs-sidebar-list-inner .betterdocs-sidebar-list .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:not(a)`;
71 const titleSelectorSixLayout = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-6 .betterdocs-sidebar-content .betterdocs-sidebar-list-wrapper .betterdocs-sidebar-list-inner .betterdocs-sidebar-list .betterdocs-category-header`;
72 const titleWrapperLayoutSix = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-6 .betterdocs-sidebar-list-inner .betterdocs-category-header`
73 const mainWrapperLayoutSix = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-6 .betterdocs-sidebar-content .betterdocs-sidebar-list-wrapper`;
74 const listWrapperLayoutSix = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-6 .betterdocs-sidebar-content .betterdocs-body .betterdocs-articles-list li a`;
75 const topListWrapperLayoutSix = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-6 .betterdocs-sidebar-content .betterdocs-body .betterdocs-articles-list li`;
76 const listIconWrapperLayoutSix = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-6 .betterdocs-sidebar-content .betterdocs-body .betterdocs-articles-list li svg, .${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-6 .betterdocs-sidebar-content .betterdocs-body .betterdocs-articles-list li i, .${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-6 .betterdocs-sidebar-content .betterdocs-body .betterdocs-articles-list li img`;
77 const subListWrapperLayoutSix = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-6 .betterdocs-sidebar-content .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a`;
78 const subListIconWrapperLayoutSix = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-6 .betterdocs-sidebar-content .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li svg`;
79 const subListTitleWrapperLayoutSix = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-6 .betterdocs-sidebar-content .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title a`;
80 const countWrapperLayout6 = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-6 .betterdocs-sidebar-content .betterdocs-sidebar-list-wrapper .betterdocs-sidebar-list-inner .betterdocs-sidebar-list.betterdocs-sidebar-layout-6 .betterdocs-sidebar-list-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts`;
81 const countWrapperLayout6Typo = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-6 .betterdocs-sidebar-content .betterdocs-sidebar-list-wrapper .betterdocs-sidebar-list-inner .betterdocs-sidebar-list.betterdocs-sidebar-layout-6 .betterdocs-sidebar-list-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span`;
82 const activeCountBackColorWrapperLayout6 = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-6 .betterdocs-sidebar-content .betterdocs-sidebar-list-wrapper .betterdocs-sidebar-list-inner .betterdocs-sidebar-list.betterdocs-sidebar-layout-6.active .betterdocs-sidebar-list-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts`;
83 const activeCountWrapperLayout6 = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-6 .betterdocs-sidebar-content .betterdocs-sidebar-list-wrapper .betterdocs-sidebar-list-inner .betterdocs-sidebar-list.betterdocs-sidebar-layout-6.active .betterdocs-sidebar-list-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span`;
84 const activeTitleLayout6 = `.${blockId}.betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-sidebar-list-wrapper .betterdocs-sidebar-list-inner .betterdocs-sidebar-list.betterdocs-sidebar-layout-6.active .betterdocs-sidebar-list-inner .betterdocs-category-header`;
85 const activeListLayout6 = `.${blockId}.betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-sidebar-list-wrapper .betterdocs-sidebar-list-inner .betterdocs-sidebar-list.betterdocs-sidebar-layout-6.active .betterdocs-sidebar-list-inner .betterdocs-body`;
86 const stickyTOCWrapper = `.${blockId}.sticky-toc-block-wrapper .sticky-toc-container, .${blockId} .sticky-toc-container`;
87
88 const boxWrapperLayout7 = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper`;
89 const boxIconWrapperLayout7 = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon`;
90 const boxTitleWrapperLayout7 = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title`;
91 const boxTitleOuterWrapperLayout7 = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header`;
92 const countWrapperLayout7 = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span`;
93 const countOuterWrapperLayout7 = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts`;
94 const docListWrapperLayout7 = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li a`;
95 const docSubListTitleWrapperLayout7 = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title a`;
96 const docSubListTitleWrapper2Layout7 = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title a`
97 const docSubListWrapperLayout7 = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a`;
98 const docSubListIconWrapperLayout7 = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title .betterdocs-category-icon .betterdocs-folder-icon`;
99
100 const sidebarSeachIconLayout7 = `.${blockId} .betterdocs-search-popup .betterdocs-searchform .betterdocs-searchform-input-wrap svg`;
101 const sidebarSearchLayout7Placeholder = `.${blockId} .betterdocs-search-popup .betterdocs-searchform .betterdocs-searchform-input-wrap .betterdocs-search-command`;
102 const sidebarSearchBackgroundWrapper = `.${blockId} .betterdocs-search-popup .betterdocs-searchform`;
103
104 const modalSearchFieldWrapper = `.${blockId} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header svg g path`;
105 const modalSearchFieldWrapperTwo = `.${blockId} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header`;
106 const modalSearchFieldWrapperThree = `.${blockId} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header .betterdocs-searchform-input-wrap .betterdocs-search-field`;
107
108 const modalSearchCategoryWrapper = `.${blockId} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-header .betterdocs-select-option-wrapper .betterdocs-form-select`;
109
110 const modalSearchContentTabsWrapper = `.${blockId} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items span`;
111 const modalSearchContentTabsWrapperTwo = `.${blockId} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items span svg`;
112 const modalSearchContentTabsWrapperThree = `.${blockId} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items`;
113
114 const modalSearchContentTabsListWrapper = `${blockId} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-main h4`;
115 const modalSearchContentTabsListWrapperTwo = `.${blockId} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list`;
116 const modalSearchContentTabsListWrapperThree = `.${blockId} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-main svg`;
117
118 const modalSearchContentListCategoryWrapper = `${blockId} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-sub h5`;
119 const modalSearchContentListCategoryWrapperTwo = `${blockId} .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-sub svg`;
120 const sidebarLayout7ListIconSelector = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-folder-icon img`;
121
122 const listIconWrapperLayout7 = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-7 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li img`;
123
124 // Layout 8 (Slate Layout) Selectors
125 const boxWrapperLayout8 = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content`;
126 const boxTitleWrapperLayout8 = `.${blockId}.betterdocs-sidebar-layout-8 .betterdocs-category-title`;
127 const countWrapperLayout8 = `.${blockId}.betterdocs-sidebar-layout-8 .betterdocs-category-items-counts span`;
128 const countOuterWrapperLayout8 = `.${blockId}.betterdocs-sidebar-layout-8 .betterdocs-category-items-counts`;
129 const docListWrapperLayout8 = `.${blockId}.betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a`;
130 const TitleWrapperLayout8 = `.${blockId}.betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header`;
131 const docSubListTitleWrapperLayout8 = `.${blockId}.betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:has(>ul) > a`;
132 const docSubListWrapperLayout8 = `.${blockId}.betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li ul li a`;
133
134 const sidebarListBackgroundColor = `.${blockId} .betterdocs-sidebar-content .betterdocs-category-grid-wrapper .betterdocs-single-category-wrapper .betterdocs-body`;
135 const sideabarListLayout6BackgroundColor = `.${blockId}.betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-sidebar-list-wrapper .betterdocs-sidebar-list-inner .betterdocs-sidebar-list.betterdocs-sidebar-layout-6.active .betterdocs-sidebar-list-inner .betterdocs-category-header, .${blockId}.betterdocs-sidebar .betterdocs-sidebar-content .betterdocs-sidebar-list-wrapper .betterdocs-sidebar-list-inner .betterdocs-sidebar-list.betterdocs-sidebar-layout-6.active .betterdocs-sidebar-list-inner .betterdocs-body`;
136 const sidebatListLayout4BackgroundColor = `.${blockId}.betterdocs-sidebar.betterdocs-sidebar-layout-2 .betterdocs-body`;
137
138 return [
139 addProperty('dimension', SIDEBAR.CONTAINER_PADDING, {
140 args: { styleFor: "padding" },
141 cssSelector: sidebar_layout == 'layout-8' ? conatinerWrapper : conatinerWrapperTwo
142
143 }),
144 addProperty('dimension', SIDEBAR.CONTAINER_MARGIN, {
145 args: { styleFor: "margin" },
146 cssSelector: conatinerWrapper
147 }),
148 addProperty('background', SIDEBAR.CONTAINER_BACKGROUND, {
149 args: { noOverlay: true },
150 cssSelector: sidebar_layout == 'layout-8' ? conatinerWrapper+', '+conatinerWrapperTwo : conatinerWrapperTwo
151 }),
152 addProperty('responsive', SIDEBAR.CONTAINER_HEIGHT, {
153 args: { property: "height", controlName: SIDEBAR.CONTAINER_HEIGHT },
154 cssSelector: conatinerWrapper
155 }),
156 addProperty('responsive', SIDEBAR.CONTAINER_WIDTH, {
157 args: { property: "width", controlName: SIDEBAR.CONTAINER_WIDTH },
158 cssSelector: conatinerWrapper
159 }),
160 addProperty('responsive', SIDEBAR.SIDEBAR_SEARCH_IMAGE_SIZE_HEIGHT_LAYOUT_7, {
161 args: { property: "height", controlName: SIDEBAR.SIDEBAR_SEARCH_IMAGE_SIZE_HEIGHT_LAYOUT_7 },
162 cssSelector: sidebarLayout7ListIconSelector
163 }),
164 addProperty('responsive', SIDEBAR.SIDEBAR_SEARCH_IMAGE_SIZE_WIDTH_LAYOUT_7, {
165 args: { property: "width", controlName: SIDEBAR.SIDEBAR_SEARCH_IMAGE_SIZE_WIDTH_LAYOUT_7 },
166 cssSelector: sidebarLayout7ListIconSelector
167 }),
168 addProperty('dimension', sidebar_layout == 'layout-7' ? SIDEBAR.BOX_PADDING_LAYOUT_7 : (sidebar_layout == 'layout-8' ? SIDEBAR.BOX_PADDING_LAYOUT_8 : SIDEBAR.BOX_PADDING_LAYOUT_1), {
169 args: { styleFor: "padding" },
170 cssSelector: sidebar_layout == 'layout-7' ? boxWrapperLayout7 : (sidebar_layout == 'layout-8' ? boxWrapperLayout8 : mainWrapper+', '+mainWrapperLayoutTwo+', '+mainWrapperLayoutThree+', '+mainWrapperLayoutFour+', '+mainWrapperLayoutFive+', '+mainWrapperLayoutSix)
171 }),
172 addProperty('dimension', sidebar_layout == 'layout-7' ? SIDEBAR.BOX_MARGIN_LAYOUT_7 : (sidebar_layout == 'layout-8' ? SIDEBAR.BOX_MARGIN_LAYOUT_8 : SIDEBAR.BOX_MARGIN_LAYOUT_1), {
173 args: { styleFor: "margin" },
174 cssSelector: sidebar_layout == 'layout-7' ? boxWrapperLayout7 : (sidebar_layout == 'layout-8' ? boxWrapperLayout8 : mainWrapper+', '+mainWrapperLayoutTwo+', '+mainWrapperLayoutThree+', '+mainWrapperLayoutFour+', '+mainWrapperLayoutFive+', '+mainWrapperLayoutSix)
175 }),
176 // addProperty('responsive', SIDEBAR.BOX_HEIGHT_LAYOUT_1, {
177 // args: { property: "height", controlName: SIDEBAR.BOX_HEIGHT_LAYOUT_1 },
178 // cssSelector: mainWrapper+', '+mainWrapperLayoutTwo+', '+mainWrapperLayoutThree+', '+mainWrapperLayoutFour+', '+mainWrapperLayoutFive+', '+mainWrapperLayoutSix
179 // }),
180 addProperty('responsive', sidebar_layout == 'layout-7' ? SIDEBAR.BOX_WIDTH_LAYOUT_7 : (sidebar_layout == 'layout-8' ? SIDEBAR.BOX_WIDTH_LAYOUT_8 : SIDEBAR.BOX_WIDTH_LAYOUT_1), {
181 args: { property: "width", controlName: sidebar_layout == 'layout-7' ? SIDEBAR.BOX_WIDTH_LAYOUT_7 : (sidebar_layout == 'layout-8' ? SIDEBAR.BOX_WIDTH_LAYOUT_8 : SIDEBAR.BOX_WIDTH_LAYOUT_1)},
182 cssSelector: sidebar_layout == 'layout-7' ? boxWrapperLayout7 : (sidebar_layout == 'layout-8' ? boxWrapperLayout8 : mainWrapper+', '+mainWrapperLayoutTwo+', '+mainWrapperLayoutThree+', '+mainWrapperLayoutFour+', '+mainWrapperLayoutFive+', '+mainWrapperLayoutSix)
183 }),
184 addProperty('responsive', sidebar_layout != 'layout-7' ? SIDEBAR.BOX_IMG_SIZE_LAYOUT_1 : SIDEBAR.BOX_IMG_SIZE_LAYOUT_7, {
185 args: { property: "height", controlName:sidebar_layout != 'layout-7' ? SIDEBAR.BOX_IMG_SIZE_LAYOUT_1 : SIDEBAR.BOX_IMG_SIZE_LAYOUT_7 },
186 cssSelector: sidebar_layout != 'layout-7' ? imgWrapper : boxIconWrapperLayout7
187 }),
188 addProperty('responsive', SIDEBAR.BOX_IMG_SIZE_LAYOUT_7, {
189 args: { property: "width", controlName: SIDEBAR.BOX_IMG_SIZE_LAYOUT_7 },
190 cssSelector: boxIconWrapperLayout7
191 }),
192 addProperty('responsive', SIDEBAR.BOX_IMG_SIZE_LAYOUT_7_HEIGHT, {
193 args: { property: "height", controlName: SIDEBAR.BOX_IMG_SIZE_LAYOUT_7_HEIGHT },
194 cssSelector: boxIconWrapperLayout7
195 }),
196 addProperty('background', sidebar_layout != 'layout-7' ? SIDEBAR.BOX_TITLE_BACKGROUND_LAYOUT_1 : SIDEBAR.BOX_TITLE_BACKGROUND_LAYOUT_7, {
197 args: { noOverlay: true },
198 cssSelector: sidebar_layout != 'layout-7' ? mainWrapper+', '+mainWrapperLayoutTwo+', '+mainWrapperLayoutThree+', '+mainWrapperLayoutFour+', '+mainWrapperLayoutFive+', '+mainWrapperLayoutSix : boxWrapperLayout7
199 }),
200 addProperty('background', sidebar_layout == 'layout-8' ? SIDEBAR.BOX_TITLE_BACKGROUND_LAYOUT_8 : '', {
201 args: { noOverlay: true },
202 cssSelector: boxWrapperLayout8
203 }),
204 addProperty('border', sidebar_layout == 'layout-8' ? SIDEBAR.BOX_SHADOW_LAYOUT_8 : '', {
205 args: { noShadow: true },
206 cssSelector: boxWrapperLayout8
207 }),
208 addProperty('background', sidebar_layout == 'layout-8' ? SIDEBAR.TITLE_BACKGROUND_LAYOUT_8 : '', {
209 args: { noOverlay: true },
210 cssSelector: TitleWrapperLayout8
211 }),
212 addProperty('background', sidebar_layout != 'layout-7' ? SIDEBAR.BOX_TITLE_BACKGROUND : SIDEBAR.BOX_TITLE_BACKGROUND_7, {
213 args: { noOverlay: true },
214 cssSelector: sidebar_layout != 'layout-7' ? titleWrapperLayoutOne+', '+titleWrapperLayoutTwo+', '+titleWrapperLayoutThree+', '+titleWrapperLayoutFour+', '+titleWrapperLayoutFive+', '+titleWrapperLayoutSix : boxTitleOuterWrapperLayout7
215 }),
216 addProperty('border', sidebar_layout != 'layout-7' ? SIDEBAR.BOX_SHADOW_LAYOUT_1 : SIDEBAR.BOX_SHADOW_LAYOUT_7, {
217 args: { noShadow: true },
218 cssSelector: sidebar_layout != 'layout-7' ? mainWrapper+', '+mainWrapperLayoutTwo+', '+mainWrapperLayoutThree+', '+mainWrapperLayoutFour+', '+mainWrapperLayoutFive+', '+mainWrapperLayoutSix : boxWrapperLayout7
219 }),
220 addProperty('color', sidebar_layout == 'layout-7' ? 'box_title_color_layout_7' : (sidebar_layout == 'layout-8' ? 'box_title_color_layout_8' : 'box_title_color_layout_1'), {
221 cssSelector: sidebar_layout == 'layout-7' ? boxTitleWrapperLayout7 : (sidebar_layout == 'layout-8' ? boxTitleWrapperLayout8 : titleSelector + ', '+titleSelectorLayoutTwo+', '+titleSelectorLayoutThree+', '+titleSelectorLayoutSix+', '+titleSelectorLayoutFour+', '+titleSelectorLayoutFive)
222 }),
223 addProperty('background', SIDEBAR.BOX_ACTIVE_TITLE_BACKGROUND, {
224 args: { noOverlay: true },
225 cssSelector: sidebar_layout !== 'layout-8' ? activeTitleSelector +', '+activeTitleSelectorThree+', '+titleSelectorTwoLayoutFive : '' //only applicable for sidebar layout 1, 3, 5
226 }),
227 addProperty('background', SIDEBAR.BOX_DOC_LIST_BACKGROUND_COLOR, {
228 args: { noOverlay: true },
229 cssSelector:sidebarListBackgroundColor+', '+sideabarListLayout6BackgroundColor+', '+sidebatListLayout4BackgroundColor //only applicable for sidebar all doc list background
230 }),
231 addProperty('color', 'box_title_active_border_color_layout_1', {
232 args: { customProperty:'border-color' },
233 cssSelector: activeTitleSelector+', '+titleSelectorTwoLayoutFive
234 }),
235 addProperty('typography', sidebar_layout == 'layout-7' ? SIDEBAR_TYPO.BOX_TITLE_TYPO_LAYOUT_7 : (sidebar_layout == 'layout-8' ? SIDEBAR_TYPO.BOX_TITLE_TYPO_LAYOUT_8 : SIDEBAR_TYPO.BOX_TITLE_TYPO_LAYOUT_1), {
236 args: sidebar_layout == 'layout-7' ? {
237 defaultFontSize: 16,
238 prefixConstant: SIDEBAR_TYPO.BOX_TITLE_TYPO_LAYOUT_7,
239 } : (sidebar_layout == 'layout-8' ? {
240 defaultFontSize: 16,
241 prefixConstant: SIDEBAR_TYPO.BOX_TITLE_TYPO_LAYOUT_8,
242 } : {
243 defaultFontSize: 16,
244 prefixConstant: SIDEBAR_TYPO.BOX_TITLE_TYPO_LAYOUT_1,
245 }),
246 cssSelector: sidebar_layout == 'layout-7' ? boxTitleWrapperLayout7 : (sidebar_layout == 'layout-8' ? boxTitleWrapperLayout8 : titleSelector+', '+titleSelectorLayoutTwo + ', '+titleSelectorLayoutThree + ', '+titleSelectorLayoutFour+', '+titleSelectorLayoutFive+', '+titleSelectorLayoutSix)
247 }),
248
249 // Arrow Properties for layouts 2, 3, and 8
250 ...(sidebar_layout == 'layout-2' ? [
251 addProperty('responsive', SIDEBAR.TITLE_ARROW_ICON_SIZE_LAYOUT_2, {
252 args: { property: "height", controlName: SIDEBAR.TITLE_ARROW_ICON_SIZE_LAYOUT_2 },
253 cssSelector: `.${blockId}.betterdocs-sidebar .betterdocs-category-header-inner .betterdocs-category-collapse`
254 }),
255 addProperty('color', 'title_arrow_color_layout_2', {
256 cssSelector: `.${blockId}.betterdocs-sidebar .betterdocs-category-header-inner .betterdocs-category-collapse`
257 }),
258 addProperty('color', 'title_arrow_hover_color_layout_2', {
259 args: { hover: 'title_arrow_hover_color_layout_2' },
260 cssSelector: `.${blockId}.betterdocs-sidebar .betterdocs-category-header-inner .betterdocs-category-collapse:hover`
261 }),
262 ] : (sidebar_layout == 'layout-3' ? [
263 addProperty('responsive', SIDEBAR.TITLE_ARROW_ICON_SIZE_LAYOUT_3, {
264 args: { property: "height", controlName: SIDEBAR.TITLE_ARROW_ICON_SIZE_LAYOUT_3 },
265 cssSelector: `.${blockId}.betterdocs-sidebar .betterdocs-category-header-inner .betterdocs-category-collapse`
266 }),
267 addProperty('color', 'title_arrow_color_layout_3', {
268 cssSelector: `.${blockId}.betterdocs-sidebar .betterdocs-category-header-inner .betterdocs-category-collapse`
269 }),
270 addProperty('color', 'title_arrow_hover_color_layout_3', {
271 args: { hover: 'title_arrow_hover_color_layout_3' },
272 cssSelector: `.${blockId}.betterdocs-sidebar .betterdocs-category-header-inner .betterdocs-category-collapse:hover`
273 }),
274 ] : (sidebar_layout == 'layout-8' ? [
275 addProperty('responsive', SIDEBAR.TITLE_ARROW_ICON_SIZE_LAYOUT_8, {
276 args: { property: "height", controlName: SIDEBAR.TITLE_ARROW_ICON_SIZE_LAYOUT_8 },
277 cssSelector: `.${blockId}.betterdocs-sidebar .betterdocs-category-header-inner .betterdocs-category-collapse`
278 }),
279 addProperty('color', 'title_arrow_color_layout_8', {
280 cssSelector: `.${blockId}.betterdocs-sidebar .betterdocs-category-header-inner .betterdocs-category-collapse`
281 }),
282 addProperty('color', 'title_arrow_hover_color_layout_8', {
283 args: { hover: 'title_arrow_hover_color_layout_8' },
284 cssSelector: `.${blockId}.betterdocs-sidebar .betterdocs-category-header-inner .betterdocs-category-collapse:hover`
285 }),
286 ] : []))),
287
288 // Doc Sub List Arrow Properties
289 addProperty('responsive', SIDEBAR.DOC_SUB_LIST_ARROW_ICON_SIZE, {
290 args: { property: "height", controlName: SIDEBAR.DOC_SUB_LIST_ARROW_ICON_SIZE },
291 cssSelector: `.${blockId} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title svg`
292 }),
293 addProperty('color', 'doc_sub_list_arrow_color', {
294 cssSelector: `.${blockId} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title svg`
295 }),
296 addProperty('color', 'doc_sub_list_arrow_hover_color', {
297 args: { hover: 'doc_sub_list_arrow_hover_color' },
298 cssSelector: `.${blockId} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title:hover svg`
299 }),
300 addProperty('dimension', sidebar_layout == 'layout-7' ? SIDEBAR.BOX_TITLE_PADDING_LAYOUT_7 : (sidebar_layout == 'layout-8' ? SIDEBAR.BOX_TITLE_PADDING_LAYOUT_8 : SIDEBAR.BOX_TITLE_PADDING_LAYOUT_1), {
301 args: { styleFor: "padding" },
302 cssSelector: sidebar_layout == 'layout-7' ? boxTitleWrapperLayout7 : (sidebar_layout == 'layout-8' ? boxTitleWrapperLayout8 : titleSelector + ', '+titleSelectorLayoutTwo+', '+titleSelectorTwoLayoutThree +', '+titleSelectorLayoutFour +', '+titleSelectorLayoutFive+', '+titleSelectorLayoutSix)
303 }),
304 addProperty('dimension', sidebar_layout == 'layout-7' ? SIDEBAR.BOX_TITLE_MARGIN_LAYOUT_7 : (sidebar_layout == 'layout-8' ? SIDEBAR.BOX_TITLE_MARGIN_LAYOUT_8 : SIDEBAR.BOX_TITLE_MARGIN_LAYOUT_1), {
305 args: { styleFor: "margin" },
306 cssSelector: sidebar_layout == 'layout-7' ? boxTitleWrapperLayout7 : (sidebar_layout == 'layout-8' ? boxTitleWrapperLayout8 : titleSelector + ', '+titleSelectorLayoutTwo+', '+titleSelectorTwoLayoutThree +', '+titleSelectorLayoutFour +', '+titleSelectorLayoutFive+', '+titleSelectorLayoutSix)
307 }),
308 ...(sidebar_layout != 'layout-8' ? [
309 addProperty('border', sidebar_layout == 'layout-7' ? SIDEBAR.BOX_TITLE_BORDER_LAYOUT_7 : SIDEBAR.BOX_TITLE_BORDER_LAYOUT_1, {
310 args: { noShadow: true, noShdowHover:true },
311 cssSelector: sidebar_layout == 'layout-7' ? boxTitleOuterWrapperLayout7 : nonActiveTitleSelector +', '+titleSelectorTwoLayoutThree+', '+titleSelectorSixLayout+', '+titleSelectorOuterTwo+', '+titleSelectorOuterFour+', '+titleSelectorOuterFive
312 }),
313 ] : []),
314 addProperty('typography', sidebar_layout == 'layout-7' ? SIDEBAR_TYPO.BOX_COUNT_TYPO_LAYOUT_7 : (sidebar_layout == 'layout-8' ? SIDEBAR_TYPO.BOX_COUNT_TYPO_LAYOUT_8 : SIDEBAR_TYPO.BOX_COUNT_TYPO_LAYOUT_1), {
315 args: sidebar_layout == 'layout-7' ? {
316 defaultFontSize: 12,
317 prefixConstant: SIDEBAR_TYPO.BOX_COUNT_TYPO_LAYOUT_7,
318 } : (sidebar_layout == 'layout-8' ? {
319 defaultFontSize: 15,
320 prefixConstant: SIDEBAR_TYPO.BOX_COUNT_TYPO_LAYOUT_8,
321 } : {
322 defaultFontSize: 15,
323 prefixConstant: SIDEBAR_TYPO.BOX_COUNT_TYPO_LAYOUT_1,
324 }),
325 cssSelector: sidebar_layout == 'layout-7' ? countWrapperLayout7 : (sidebar_layout == 'layout-8' ? countWrapperLayout8 : countWrapper + ', '+countWrapperLayout6Typo)
326 }),
327 addProperty('background', SIDEBAR.BOX_COUNT_BACKGROUND_LAYOUT_1, {
328 args: { noOverlay: true },
329 cssSelector: countOuterWrapper
330 }),
331 addProperty('background', SIDEBAR.BOX_COUNT_ACTIVE_BACKGROUND_COLOR_LAYOUT_6, {
332 args: { noOverlay: true },
333 cssSelector: activeCountBackColorWrapperLayout6
334 }),
335 addProperty('background', SIDEBAR.BOX_COUNT_BACKGROUND_LAYOUT_6, {
336 args: { noOverlay: true },
337 cssSelector: countWrapperLayout6
338 }),
339 addProperty('background', SIDEBAR.BOX_COUNT_BACKGROUND_LAYOUT_7, {
340 args: { noOverlay: true },
341 cssSelector: countOuterWrapperLayout7+', '+countWrapperLayout7
342 }),
343 addProperty('background', SIDEBAR.BOX_COUNT_BACKGROUND_LAYOUT_8, {
344 args: { noOverlay: true },
345 cssSelector: countOuterWrapperLayout8+', '+countWrapperLayout8
346 }),
347 addProperty('border', SIDEBAR.BOX_COUNT_BORDER_LAYOUT_6, {
348 args: { noShadow: true, noShdowHover:true },
349 cssSelector: countWrapperLayout6
350 }),
351 addProperty('border', SIDEBAR.BOX_COUNT_BORDER_LAYOUT_7, {
352 args: { noShadow: true, noShdowHover:true },
353 cssSelector: countOuterWrapperLayout7
354 }),
355
356 addProperty('border', SIDEBAR.BOX_ACTIVE_TITLE_BORDER_WIDTH_LAYOUT_6, {
357 args: { noShadow: true, noShdowHover:true, noBdrHover:true },
358 cssSelector: activeTitleLayout6
359 }),
360 addProperty('border', SIDEBAR.BOX_ACTIVE_LIST_BORDER_WIDTH_LAYOUT_6, {
361 args: { noShadow: true, noShdowHover:true, noBdrHover:true },
362 cssSelector: activeListLayout6
363 }),
364 addProperty('color', 'box_layout_1_count_color', {
365 cssSelector: countWrapper
366 }),
367 addProperty('color', 'box_layout_6_count_color', {
368 cssSelector: countWrapperLayout6Typo
369 }),
370 addProperty('color', 'box_layout_7_count_color', {
371 cssSelector: countWrapperLayout7
372 }),
373 addProperty('color', 'box_layout_8_count_color', {
374 cssSelector: countWrapperLayout8
375 }),
376 addProperty('color', 'box_layout_6_count_active_color', {
377 cssSelector: activeCountWrapperLayout6
378 }),
379 ...(sidebar_layout != 'layout-8' ? [
380 addProperty('border', sidebar_layout == 'layout-7' ? SIDEBAR.BOX_COUNT_BORDER_LAYOUT_7 : SIDEBAR.BOX_COUNT_BORDER_LAYOUT_1, {
381 args: { noShadow: true, noShdowHover:true },
382 cssSelector: sidebar_layout == 'layout-7' ? countOuterWrapperLayout7 : countOuterWrapper
383 }),
384 ] : []),
385 addProperty('typography', sidebar_layout == 'layout-7' ? SIDEBAR_TYPO.BOX_DOC_LIST_TYPO_LAYOUT_7 : (sidebar_layout == 'layout-8' ? SIDEBAR_TYPO.BOX_DOC_LIST_TYPO_LAYOUT_8 : SIDEBAR_TYPO.BOX_DOC_LIST_TYPO_LAYOUT_1), {
386 args: sidebar_layout == 'layout-7' ? {
387 defaultFontSize: 14,
388 prefixConstant: SIDEBAR_TYPO.BOX_DOC_LIST_TYPO_LAYOUT_7,
389 } : (sidebar_layout == 'layout-8' ? {
390 defaultFontSize: 14,
391 prefixConstant: SIDEBAR_TYPO.BOX_DOC_LIST_TYPO_LAYOUT_8,
392 } : {
393 defaultFontSize: 14,
394 prefixConstant: SIDEBAR_TYPO.BOX_DOC_LIST_TYPO_LAYOUT_1,
395 }),
396 cssSelector: sidebar_layout == 'layout-7' ? docListWrapperLayout7 : (sidebar_layout == 'layout-8' ? docListWrapperLayout8 : listWrapper +', '+listWrapperLayoutTwo+', '+listWrapperLayoutThree+', '+listWrapperLayoutFour+', '+listWrapperLayoutFive+', '+listWrapperLayoutSix)
397 }),
398 addProperty('color', sidebar_layout == 'layout-7' ? 'box_doc_List_color_layout_7' : (sidebar_layout == 'layout-8' ? 'box_doc_List_color_layout_8' : 'box_doc_List_color_layout_1'), {
399 cssSelector: sidebar_layout == 'layout-7' ? docListWrapperLayout7 : (sidebar_layout == 'layout-8' ? docListWrapperLayout8 : listWrapper+', '+listWrapperLayoutTwo+', '+listWrapperLayoutThree+', '+listWrapperLayoutFour+', '+listWrapperLayoutFive+', '+listWrapperLayoutSix) //correct format
400 }),
401 addProperty('color', sidebar_layout == 'layout-7' ? 'box_doc_List_hover_color_layout_7' : (sidebar_layout == 'layout-8' ? 'box_doc_List_hover_color_layout_8' : 'box_doc_List_hover_color_layout_1'), {
402 args: { hover: sidebar_layout == 'layout-7' ? 'box_doc_List_hover_color_layout_7' : (sidebar_layout == 'layout-8' ? 'box_doc_List_hover_color_layout_8' : 'box_doc_List_hover_color_layout_1') },
403 cssSelector: sidebar_layout == 'layout-7' ? docListWrapperLayout7 + ':hover' : (sidebar_layout == 'layout-8' ? `.${blockId}.betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a:hover` : listWrapper+':hover, '+listWrapperLayoutTwo+':hover, '+listWrapperLayoutThree+':hover, '+listWrapperLayoutFour+':hover, '+listWrapperLayoutFive+':hover, '+listWrapperLayoutSix+':hover ') //correct format
404 }),
405 ...(sidebar_layout == 'layout-8' ? [
406 addProperty('background-color', 'box_doc_List_hover_bg_color_layout_8', {
407 args: { hover: 'box_doc_List_hover_bg_color_layout_8' },
408 cssSelector: `.${blockId}.betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a:hover`
409 }),
410 ] : []),
411 addProperty('dimension', sidebar_layout == 'layout-7' ? SIDEBAR.BOX_DOC_LIST_PADDING_LAYOUT_7 : (sidebar_layout == 'layout-8' ? SIDEBAR.BOX_DOC_LIST_PADDING_LAYOUT_8 : SIDEBAR.BOX_DOC_LIST_PADDING_LAYOUT_1), {
412 args: { styleFor: "padding" },
413 cssSelector: sidebar_layout == 'layout-7' ? docListWrapperLayout7 : (sidebar_layout == 'layout-8' ? `.${blockId}.betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a` : topListWrapper+', '+topListWrapperLayoutTwo+', '+topListWrapperLayoutThree+', '+topListWrapperLayoutFour+', '+topListWrapperLayoutFive+', '+topListWrapperLayoutSix)
414 }),
415 addProperty('dimension', sidebar_layout == 'layout-7' ? SIDEBAR.BOX_DOC_LIST_MARGIN_LAYOUT_7 : (sidebar_layout == 'layout-8' ? SIDEBAR.BOX_DOC_LIST_MARGIN_LAYOUT_8 : SIDEBAR.BOX_DOC_LIST_MARGIN_LAYOUT_1), {
416 args: { styleFor: "margin" },
417 cssSelector: sidebar_layout == 'layout-7' ? docListWrapperLayout7 : (sidebar_layout == 'layout-8' ? `.${blockId}.betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a` : topListWrapper+', '+topListWrapperLayoutTwo+', '+topListWrapperLayoutThree+', '+topListWrapperLayoutFour+', '+topListWrapperLayoutFive+', '+topListWrapperLayoutSix)
418 }),
419 addProperty(listIcon != '' ? 'color' : 'fill', 'box_doc_List_icon_color_layout_1', {
420 args: { hover: 'box_doc_List_icon_color_layout_1' },
421 cssSelector: listIconWrapper + ', '+listIconWrapperLayoutTwo+', '+listIconWrapperLayoutThree+', '+listIconWrapperLayoutFour+', '+listIconWrapperLayoutFive+', '+listIconWrapperLayoutSix
422 }),
423 addProperty('responsive', SIDEBAR.BOX_DOC_LIST_ICON_SIZE_LAYOUT_1, {
424 args: { property: "height", controlName: SIDEBAR.BOX_DOC_LIST_ICON_SIZE_LAYOUT_1 },
425 cssSelector: listIconWrapper+', '+listIconWrapperLayoutTwo+', '+listIconWrapperLayoutThree+', '+listIconWrapperLayoutFour+', '+listIconWrapperLayoutFive+', '+listIconWrapperLayoutSix
426 }),
427 addProperty('responsive', SIDEBAR.BOX_DOC_LIST_ICON_SIZE_LAYOUT_1, {
428 args: { property: "width", controlName: SIDEBAR.BOX_DOC_LIST_ICON_SIZE_LAYOUT_1 },
429 cssSelector: listIconWrapper+', '+listIconWrapperLayoutTwo+', '+listIconWrapperLayoutThree+', '+listIconWrapperLayoutFour+', '+listIconWrapperLayoutFive+', '+listIconWrapperLayoutSix
430 }),
431 addProperty('responsive', SIDEBAR.BOX_DOC_LIST_ICON_SIZE_LAYOUT_7, {
432 args: { property: "width", controlName: SIDEBAR.BOX_DOC_LIST_ICON_SIZE_LAYOUT_7 },
433 cssSelector: listIconWrapperLayout7
434 }),
435 addProperty('dimension', SIDEBAR.BOX_DOC_LIST_ICON_SPACING_LAYOUT_1, {
436 args: { styleFor: "margin" },
437 cssSelector: listIconWrapper+', '+listIconWrapperLayoutTwo+', '+listIconWrapperLayoutThree+', '+listIconWrapperLayoutFour+', '+listIconWrapperLayoutFive+', '+listIconWrapperLayoutSix
438 }),
439 addProperty('color', sidebar_layout == 'layout-7' ? 'box_doc_sub_List_title_color_layout_7' : (sidebar_layout == 'layout-8' ? 'box_doc_sub_List_title_color_layout_8' : 'box_doc_sub_List_title_color_layout_1'), {
440 cssSelector: sidebar_layout == 'layout-7' ? docSubListTitleWrapperLayout7 +', '+docSubListTitleWrapper2Layout7 : (sidebar_layout == 'layout-8' ? `.${blockId} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title a` : subListTitleWrapper+', '+subListTitleWrapperLayoutTwo+', '+subListTitleWrapperLayoutThree+', '+subListTitleWrapperLayoutFour+', '+subListTitleWrapperLayoutFive+', '+subListTitleWrapperLayoutSix) //correct format
441 }),
442 addProperty('color', sidebar_layout == 'layout-7' ? 'box_doc_sub_List_title_hover_color_layout_7' : (sidebar_layout == 'layout-8' ? 'box_doc_sub_List_title_hover_color_layout_8' : 'box_doc_sub_List_title_hover_color_layout_1'), {
443 args: { hover: sidebar_layout == 'layout-7' ? "box_doc_sub_List_title_hover_color_layout_7" : (sidebar_layout == 'layout-8' ? "box_doc_sub_List_title_hover_color_layout_8" : "box_doc_sub_List_title_hover_color_layout_1") },
444 cssSelector: sidebar_layout == 'layout-7' ? docSubListTitleWrapperLayout7 + ':hover, '+docSubListTitleWrapper2Layout7 +':hover ' : (sidebar_layout == 'layout-8' ? `.${blockId} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title a:hover` : subListTitleWrapper+':hover, '+subListTitleWrapperLayoutTwo+':hover, '+subListTitleWrapperLayoutThree+':hover, '+subListTitleWrapperLayoutFour+':hover, '+subListTitleWrapperLayoutFive+':hover, '+subListTitleWrapperLayoutSix+':hover ') //correct format
445 }),
446 addProperty('typography', sidebar_layout == 'layout-7' ? SIDEBAR_TYPO.BOX_DOC_SUB_LIST_TITLE_TYPO_LAYOUT_7 : (sidebar_layout == 'layout-8' ? SIDEBAR_TYPO.BOX_DOC_SUB_LIST_TITLE_TYPO_LAYOUT_8 : SIDEBAR_TYPO.BOX_DOC_SUB_LIST_TITLE_TYPO_LAYOUT_1), {
447 args: sidebar_layout == 'layout-7' ? {
448 defaultFontSize: 16,
449 prefixConstant: SIDEBAR_TYPO.BOX_DOC_SUB_LIST_TITLE_TYPO_LAYOUT_7,
450 } : (sidebar_layout == 'layout-8' ? {
451 defaultFontSize: 14,
452 prefixConstant: SIDEBAR_TYPO.BOX_DOC_SUB_LIST_TITLE_TYPO_LAYOUT_8,
453 } : {
454 defaultFontSize: 14,
455 prefixConstant: SIDEBAR_TYPO.BOX_DOC_SUB_LIST_TITLE_TYPO_LAYOUT_1,
456 }),
457 cssSelector: sidebar_layout == 'layout-7' ? docSubListTitleWrapperLayout7 +','+docSubListTitleWrapper2Layout7 : (sidebar_layout == 'layout-8' ? `.${blockId} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-title a` : subListTitleWrapper+', '+subListTitleWrapperLayoutTwo+', '+subListTitleWrapperLayoutThree+', '+subListTitleWrapperLayoutFour+', '+subListTitleWrapperLayoutFive+', '+subListTitleWrapperLayoutSix)
458 }),
459 addProperty('typography', sidebar_layout == 'layout-7' ? SIDEBAR_TYPO.BOX_DOC_SUB_LIST_TYPO_LAYOUT_7 : (sidebar_layout == 'layout-8' ? SIDEBAR_TYPO.BOX_DOC_SUB_LIST_TYPO_LAYOUT_8 : SIDEBAR_TYPO.BOX_DOC_SUB_LIST_TYPO_LAYOUT_1), {
460 args: sidebar_layout == 'layout-7' ? {
461 defaultFontSize: 14,
462 prefixConstant: SIDEBAR_TYPO.BOX_DOC_SUB_LIST_TYPO_LAYOUT_7,
463 } : (sidebar_layout == 'layout-8' ? {
464 defaultFontSize: 14,
465 prefixConstant: SIDEBAR_TYPO.BOX_DOC_SUB_LIST_TYPO_LAYOUT_8,
466 } : {
467 defaultFontSize: 14,
468 prefixConstant: SIDEBAR_TYPO.BOX_DOC_SUB_LIST_TYPO_LAYOUT_1,
469 }),
470 cssSelector: sidebar_layout == 'layout-7' ? docSubListWrapperLayout7 : (sidebar_layout == 'layout-8' ? `.${blockId} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a` : subListWrapper +', '+subListWrapperLayoutTwo+', '+subListWrapperLayoutThree+', '+subListWrapperLayoutFour+', '+ subListWrapperLayoutFive+', '+subListWrapperLayoutSix)
471 }),
472 addProperty('color', sidebar_layout == 'layout-7' ? 'box_doc_sub_List_color_layout_7' : (sidebar_layout == 'layout-8' ? 'box_doc_sub_List_color_layout_8' : 'box_doc_sub_List_color_layout_1'), {
473 cssSelector: sidebar_layout == 'layout-7' ? docSubListWrapperLayout7 : (sidebar_layout == 'layout-8' ? `.${blockId} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a` : subListWrapper+', '+subListWrapperLayoutTwo+', '+subListWrapperLayoutThree+', '+subListWrapperLayoutFour+', '+subListWrapperLayoutFive+', '+subListWrapperLayoutSix) //correct format
474 }),
475 addProperty('color', sidebar_layout == 'layout-7' ? 'box_doc_sub_List_hover_color_layout_7' : (sidebar_layout == 'layout-8' ? 'box_doc_sub_List_hover_color_layout_8' : 'box_doc_sub_List_hover_color_layout_1'), {
476 args: { hover: sidebar_layout == 'layout-7' ? 'box_doc_sub_List_hover_color_layout_7' : (sidebar_layout == 'layout-8' ? "box_doc_sub_List_hover_color_layout_8" : "box_doc_sub_List_hover_color_layout_1") },
477 cssSelector: sidebar_layout == 'layout-7' ? docSubListWrapperLayout7 +':hover ' : (sidebar_layout == 'layout-8' ? `.${blockId} .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list .betterdocs-nested-category-wrapper .betterdocs-nested-category-list li a:hover` : subListWrapper+':hover, '+subListWrapperLayoutTwo+':hover, '+subListWrapperLayoutThree+':hover, '+subListWrapperLayoutFour+':hover, '+subListWrapperLayoutFive+':hover, '+subListWrapperLayoutSix+':hover ') //correct format
478 }),
479 addProperty('responsive', SIDEBAR.BOX_DOC_LIST_SUB_ICON_SIZE_LAYOUT_1, {
480 args: { property: "height", controlName: SIDEBAR.BOX_DOC_LIST_SUB_ICON_SIZE_LAYOUT_1 },
481 cssSelector: subListIconWrapper+', '+subListIconWrapperLayoutTwo+', '+subListIconWrapperLayoutThree+', '+subListIconWrapperLayoutFour+', '+subListIconWrapperLayoutFive+', '+subListIconWrapperLayoutSix
482 }),
483 addProperty('responsive', SIDEBAR.BOX_DOC_LIST_SUB_ICON_SIZE_LAYOUT_1, {
484 args: { property: "width", controlName: SIDEBAR.BOX_DOC_LIST_SUB_ICON_SIZE_LAYOUT_1 },
485 cssSelector: subListIconWrapper+', '+subListIconWrapperLayoutTwo+', '+subListIconWrapperLayoutThree+', '+subListIconWrapperLayoutFour+', '+subListIconWrapperLayoutFive+', '+subListIconWrapperLayoutSix
486 }),
487 addProperty('responsive', SIDEBAR.BOX_DOC_LIST_SUB_ICON_SIZE_LAYOUT_7, {
488 args: { property: "height", controlName: SIDEBAR.BOX_DOC_LIST_SUB_ICON_SIZE_LAYOUT_7 },
489 cssSelector: docSubListIconWrapperLayout7
490 }),
491 addProperty('responsive', SIDEBAR.STICKY_TOC_WIDTH, {
492 args:{property:"width", controlName:SIDEBAR.STICKY_TOC_WIDTH},
493 cssSelector:stickyTOCWrapper
494 }),
495 addProperty('z-index', 'stickyTOCZIndex', {
496 cssSelector:stickyTOCWrapper
497 }),
498 addProperty('responsive', SIDEBAR.SIDEBAR_SEARCH_MAGNIFIER_SEARCH_LAYOUT_7_HEIGHT, {
499 args:{property:"height", controlName: SIDEBAR.SIDEBAR_SEARCH_MAGNIFIER_SEARCH_LAYOUT_7_HEIGHT},
500 cssSelector:sidebarSeachIconLayout7
501 }),
502 addProperty('responsive', SIDEBAR.SIDEBAR_SEARCH_MAGNIFIER_SEARCH_LAYOUT_7_WIDTH, {
503 args:{property:"width", controlName: SIDEBAR.SIDEBAR_SEARCH_MAGNIFIER_SEARCH_LAYOUT_7_WIDTH},
504 cssSelector:sidebarSeachIconLayout7
505 }),
506 addProperty('color', 'sidebar_search_layout_7_placeholder_color', {
507 cssSelector:sidebarSearchLayout7Placeholder
508 }),
509 addProperty('background', SIDEBAR.SIDEBAR_SEARCH_BACKGROUND_LAYOUT_7, {
510 args: { noOverlay: true },
511 cssSelector: sidebarSearchBackgroundWrapper
512 }),
513 addProperty('fill', 'sidebarSearchModalMagnifierColor', {
514 cssSelector:modalSearchFieldWrapper
515 }),
516 addProperty('background', SIDEBAR.SEARCH_MODAL_FIELD_BACKGROUND, {
517 args: { noOverlay: true },
518 cssSelector: modalSearchFieldWrapperTwo
519 }),
520 addProperty('typography', SIDEBAR_TYPO.SEARCH_MODAL_FIELD_TYPO, {
521 args: {
522 defaultFontSize: 16,
523 prefixConstant: SIDEBAR_TYPO.SEARCH_MODAL_FIELD_TYPO,
524 },
525 cssSelector: modalSearchFieldWrapperThree
526 }),
527 addProperty('color', 'sidebarSearchModalFieldColor', {
528 cssSelector:modalSearchFieldWrapperThree
529 }),
530 addProperty('color', 'sidebarSearchModalFieldPlaceholderColor', {
531 cssSelector:modalSearchFieldWrapperThree +'::placeholder'
532 }),
533 addProperty('color', 'sidebarSearchModalCategoryColor', {
534 cssSelector:modalSearchCategoryWrapper
535 }),
536 addProperty('typography', SIDEBAR_TYPO.SEARCH_MODAL_CATEGORY_FIELD_TYPO, {
537 args: {
538 defaultFontSize: 16,
539 prefixConstant: SIDEBAR_TYPO.SEARCH_MODAL_CATEGORY_FIELD_TYPO,
540 },
541 cssSelector: modalSearchCategoryWrapper
542 }),
543 addProperty('typography', SIDEBAR_TYPO.SEARCH_MODAL_CONTENT_TABS_TYPO, {
544 args: {
545 defaultFontSize: 14,
546 prefixConstant: SIDEBAR_TYPO.SEARCH_MODAL_CONTENT_TABS_TYPO,
547 },
548 cssSelector: modalSearchContentTabsWrapper
549 }),
550 addProperty('responsive', SIDEBAR.SEARCH_MODAL_CONTENT_TABS_ICON_SIZE_HEIGHT, {
551 args: { property: "height", controlName: SIDEBAR.SEARCH_MODAL_CONTENT_TABS_ICON_SIZE_HEIGHT },
552 cssSelector:modalSearchContentTabsWrapperTwo
553 }),
554 addProperty('responsive', SIDEBAR.SEARCH_MODAL_CONTENT_TABS_ICON_SIZE_WIDTH, {
555 args: { property: "width", controlName: SIDEBAR.SEARCH_MODAL_CONTENT_TABS_ICON_SIZE_WIDTH },
556 cssSelector:modalSearchContentTabsWrapperTwo
557 }),
558 addProperty('border', SIDEBAR.SEARCH_MODAL_CONTENT_TABS_BORDER, {
559 args: { noShadow: true },
560 cssSelector: modalSearchContentTabsWrapperThree
561 }),
562 addProperty('typography', SIDEBAR_TYPO.SEARCH_MODAL_CONTENT_TABS_LIST_TYPO, {
563 args: {
564 defaultFontSize: 16,
565 prefixConstant:SIDEBAR_TYPO.SEARCH_MODAL_CONTENT_TABS_LIST_TYPO
566 },
567 cssSelector: modalSearchContentTabsListWrapper
568 }),
569 addProperty('color', 'sidebarSearchModalContentTabsListColor', {
570 cssSelector:modalSearchContentTabsListWrapper
571 }),
572 addProperty('responsive', SIDEBAR.SEARCH_MODAL_CONTENT_TABS_LIST_ICON_SIZE, {
573 args: { property: "height", controlName: SIDEBAR.SEARCH_MODAL_CONTENT_TABS_LIST_ICON_SIZE },
574 cssSelector:modalSearchContentTabsListWrapperThree
575 }),
576 addProperty('border', SIDEBAR.SEARCH_MODAL_CONTENT_TABS_LIST_BORDER, {
577 args: { noShadow: true },
578 cssSelector: modalSearchContentTabsListWrapperTwo
579 }),
580 addProperty('typography', SIDEBAR_TYPO.SEARCH_MODAL_CONTENT_TABS_LIST_CATEGORY_TYPO, {
581 args: {
582 defaultFontSize: 14,
583 prefixConstant:SIDEBAR_TYPO.SEARCH_MODAL_CONTENT_TABS_LIST_CATEGORY_TYPO
584 },
585 cssSelector:modalSearchContentListCategoryWrapper
586 }),
587 addProperty('color', 'sidebarSearchModalContentTabsListCategoryColor', {
588 cssSelector:modalSearchContentListCategoryWrapper
589 }),
590 addProperty('responsive', SIDEBAR.SEARCH_MODAL_CONTENT_TABS_LIST_ICON_SIZE, {
591 args: { property: "height", controlName: SIDEBAR.SEARCH_MODAL_CONTENT_TABS_LIST_ICON_SIZE },
592 cssSelector:modalSearchContentListCategoryWrapperTwo
593 }),
594 ];
595 }
596