_editor_before_select-post.scss — VK Blocks trunk

vk-blocks / editor-css / _editor_before_select-post.scss

vk-blocks / editor-css Last commit date

_editor_before_select-post.scss

196 lines

1	.vk_selectPostList-edit {
2	.block-editor-inner-blocks{
3	width:100%;
4	}
5	.block-editor-block-list__layout {
6	margin-left: -15px;
7	margin-right: -15px;
8	display: flex;
9	flex-wrap: wrap;
10	clear: both;
11	.wp-block-vk-blocks-select-post-list-item {
12	margin-top:0; // コアが html :where(.wp-block) { に対して 28px 追加するので打ち消し
13	.alert{ // はみ出し防止
14	box-sizing: border-box;
15	}
16	}
17	}
18	&.vk_posts-layout-postListText { // テキスト1カラムの場合
19	.block-editor-block-list__layout {
20	display: block;
21	}
22	}
23	.wp-block {
24	margin-left: 15px;
25	margin-right: 15px;
26
27	& > div,
28	.vk_post {
29	width:100%;
30	margin: 0;
31	height: 100%;
32	}
33	}
34	}
35
36	.vk_selectPostList-edit-col-12 {
37	.wp-block {
38	width: calc(100% - 30px);
39	}
40	}
41	.vk_selectPostList-edit-col-6 {
42	.wp-block {
43	width: calc(50% - 30px);
44	}
45	}
46	.vk_selectPostList-edit-col-4 {
47	.wp-block {
48	width: calc(33.3333% - 30px);
49	}
50	}
51	.vk_selectPostList-edit-col-3 {
52	.wp-block {
53	width: calc(25% - 30px);
54	}
55	}
56	.vk_selectPostList-edit-col-2 {
57	.wp-block {
58	width: calc(16.6667% - 30px);
59	}
60	}
61	@media (min-width: 576px) {
62	.vk_selectPostList-edit-col-sm-12 {
63	.wp-block {
64	width: calc(100% - 30px);
65	}
66	}
67	.vk_selectPostList-edit-col-sm-6 {
68	.wp-block {
69	width: calc(50% - 30px);
70	}
71	}
72	.vk_selectPostList-edit-col-sm-4 {
73	.wp-block {
74	width: calc(33.3333% - 30px);
75	}
76	}
77	.vk_selectPostList-edit-col-sm-3 {
78	.wp-block {
79	width: calc(25% - 30px);
80	}
81	}
82	.vk_selectPostList-edit-col-sm-2 {
83	.wp-block {
84	width: calc(16.6667% - 30px);
85	}
86	}
87	}
88	@media (min-width: 768px) {
89	.vk_selectPostList-edit-col-md-12 {
90	.wp-block {
91	width: calc(100% - 30px);
92	}
93	}
94	.vk_selectPostList-edit-col-md-6 {
95	.wp-block {
96	width: calc(50% - 30px);
97	}
98	}
99	.vk_selectPostList-edit-col-md-4 {
100	.wp-block {
101	width: calc(33.3333% - 30px);
102	}
103	}
104	.vk_selectPostList-edit-col-md-3 {
105	.wp-block {
106	width: calc(25% - 30px);
107	}
108	}
109	.vk_selectPostList-edit-col-md-2 {
110	.wp-block {
111	width: calc(16.6667% - 30px);
112	}
113	}
114	}
115	@media (min-width: 992px) {
116	.vk_selectPostList-edit-col-lg-12 {
117	.wp-block {
118	width: calc(100% - 30px);
119	}
120	}
121	.vk_selectPostList-edit-col-lg-6 {
122	.wp-block {
123	width: calc(50% - 30px);
124	}
125	}
126	.vk_selectPostList-edit-col-lg-4 {
127	.wp-block {
128	width: calc(33.3333% - 30px);
129	}
130	}
131	.vk_selectPostList-edit-col-lg-3 {
132	.wp-block {
133	width: calc(25% - 30px);
134	}
135	}
136	.vk_selectPostList-edit-col-lg-2 {
137	.wp-block {
138	width: calc(16.6667% - 30px);
139	}
140	}
141	}
142	@media (min-width: 1200px) {
143	.vk_selectPostList-edit-col-xl-12 {
144	.wp-block {
145	width: calc(100% - 30px);
146	}
147	}
148	.vk_selectPostList-edit-col-xl-6 {
149	.wp-block {
150	width: calc(50% - 30px);
151	}
152	}
153	.vk_selectPostList-edit-col-xl-4 {
154	.wp-block {
155	width: calc(33.3333% - 30px);
156	}
157	}
158	.vk_selectPostList-edit-col-xl-3 {
159	.wp-block {
160	width: calc(25% - 30px);
161	}
162	}
163	.vk_selectPostList-edit-col-xl-2 {
164	.wp-block {
165	width: calc(16.6667% - 30px);
166	}
167	}
168	}
169	@media (min-width: 1400px) {
170	.vk_selectPostList-edit-col-xxl-12 {
171	.wp-block {
172	width: calc(100% - 30px);
173	}
174	}
175	.vk_selectPostList-edit-col-xxl-6 {
176	.wp-block {
177	width: calc(50% - 30px);
178	}
179	}
180	.vk_selectPostList-edit-col-xxl-4 {
181	.wp-block {
182	width: calc(33.3333% - 30px);
183	}
184	}
185	.vk_selectPostList-edit-col-xxl-3 {
186	.wp-block {
187	width: calc(25% - 30px);
188	}
189	}
190	.vk_selectPostList-edit-col-xxl-2 {
191	.wp-block {
192	width: calc(16.6667% - 30px);
193	}
194	}
195	}
196