ablocks / assets / build / blocks / accordion / style.css

style.css in aBlocks – Gutenberg Blocks, User Dashboard Builder, Popup Builder, Form Builder & Animation Builder 2.9.1, at assets/build/blocks/accordion/style.css

116 lines 3.0 KB

Raw Download Zip

1	.ablocks-block--accordion {
2	position: relative;
3	padding: 10px 15px 60px;
4	}
5
6	.ablocks-block--accordion .ablocks-block-accordion-appender-button {
7	font-size: 14px;
8	padding: 12px 10px;
9	display: flex;
10	gap: 5px;
11	align-items: center;
12	background-color: #13191B;
13	color: #FFFFFF;
14	border: none;
15	border-radius: 5px;
16	cursor: pointer;
17	}
18
19	.ablocks-block--accordion .ablocks-block-accordion-appender-button .ablocks-icon--plus {
20	font-weight: 600;
21	}
22
23	.ablocks-block--accordion .ablocks-block-accordion-appender-button .ablocks-icon--plus:before {
24	color: #FFFFFF !important;
25	}
26
27	.ablocks-block--accordion .block-list-appender {
28	left: 12px !important;
29	right: auto !important;
30	bottom: -50px;
31	}
32	.ablocks-block--single-accordion .block-list-appender {
33	left: 12px !important;
34	right: auto !important;
35	bottom: 15px;
36	}
37
38	.ablocks-block--single-accordion {
39	overflow: hidden;
40	}
41	.ablocks-block--single-accordion__heading {
42	display: flex;
43	justify-content: space-between;
44	align-items: center;
45	cursor: pointer;
46	padding: 15px 15px;
47	border: none;
48	}
49
50	.ablocks-block--single-accordion__heading-rightSide {
51	display: flex;
52	align-items: center;
53	width: 90%;
54	}
55
56	.ablocks-block--single-accordion__heading-rightSide .ablocks-block-accordion-title {
57	margin: 0;
58	margin-left: 10px;
59	}
60
61	.ablocks-block--single-accordion__heading .ablocks-single-accordion-right-side-icon {
62	margin-right: 10px;
63	}
64
65	.ablocks-block--accordion .ablocks-block--single-accordion .block-list-appender {
66	position: relative;
67	}
68
69	.ablocks-block--accordion .ablocks-block--single-accordion svg.ablocks-svg-icon {
70	width: 1em;
71	height: 1em;
72	}
73
74	.ablocks-block--single-accordion .ablocks-block--single-accordion__body {
75	overflow: hidden;
76	height: 0px;
77	}
78	.ablocks-block--single-accordion-is-selected .ablocks-block--single-accordion__body{
79	height: auto;
80	}
81	.ablocks-block--single-accordion__body-content {
82	background-color: #F9F9F9;
83	padding: 20px;
84	overflow: hidden;
85	position: relative;
86	box-sizing: border-box;
87	}
88	.ablocks-block--single-accordion__body-content .block-editor-default-block-appender .block-editor-inserter {
89	line-height: 0;
90	position: absolute;
91	right: 12px;
92	top: 10px;
93	}
94	.ablocks-block--single-accordion .ablocks-block--single-accordion__heading-collapse-icon-open {
95	display: none;
96	}
97
98	.ablocks-block--single-accordion-is-selected .ablocks-block--single-accordion__heading-collapse-icon-open {
99	display: block;
100	}
101
102	.ablocks-block--single-accordion .ablocks-block--single-accordion__heading-collapse-icon-off {
103	display: block;
104	}
105
106	.ablocks-block--single-accordion-is-selected .ablocks-block--single-accordion__heading-collapse-icon-off {
107	display: none;
108	}
109	/* for twenty twenty theme frontend default heading border bottom */
110	.ablocks-block--single-accordion .ablocks-block--single-accordion__heading{
111	outline-style: none !important;
112	}
113	/* for astra block editor p tag default margin bottom */
114	.ablocks-block--single-accordion p{
115	margin-bottom: 0 !important;
116	}