← All changes | css/edit.scss +10 -17 3.10.2 → 4.0.0-beta.2 View file →

		@@ -1,9 +1,6 @@
1		-/**
2		- * Styles for the edit snippet admin page.
3		- */
4		-
5		-@use 'common/direction';
	1	+@use 'common/buttons';
	2	+@use 'common/theme';
6	3	@use 'common/codemirror';
7	4	@use 'common/badges';
8	5	@use 'common/switch';
9	6	@use 'common/select';
		@@ -11,8 +8,9 @@
11	8	@use 'common/modal';
12	9	@use 'common/upsell';
13	10	@use 'common/toolbar';
14	11	@use 'common/wp-admin';
	12	+@use 'common/page-header';
15	13	@use 'common/list-table';
16	14	@use 'edit/form';
17	15	@use 'edit/sidebar';
18	16	@use 'edit/editor';
		@@ -34,8 +32,12 @@
34	32	#adminmenu a.code-snippets-edit-menu-link {
35	33	cursor: pointer;
36	34	}
37	35
	36	+#edit-snippet-container {
	37	+ margin-block-start: 0;
	38	+}
	39	+
38	40	.snippet-description-container {
39	41	label {
40	42	font-size: 1.16em;
41	43	font-weight: 600;
		@@ -50,10 +52,8 @@
50	52	float: inline-start;
51	53	}
52	54
53	55	.generate-button {
54		- float: inline-end;
55		- margin-block-start: 37px;
56	56	z-index: 99;
57	57	position: relative;
58	58	}
59	59	}
		@@ -59,10 +59,11 @@
59	59	}
60	60
61	61	.snippet-tags-container {
62	62	.components-form-token-field__input-container {
63		- background: #fff;
64		- border-color: #c3c4c7;
	63	+ background: var(--cs-color-surface);
	64	+ border-color: var(--cs-color-border);
	65	+ border-radius: 5px;
65	66
66	67	> .components-flex {
67	68	padding: 12px;
68	69	}
		@@ -92,16 +93,8 @@
92	93	block-size: 18px;
93	94	font-size: 18px;
94	95	}
95	96	}
96		-}
97		-
98		-.wrap > h1:first-of-type {
99		- font-size: 1.5rem;
100		- font-weight: 400;
101		- line-height: 1.3;
102		- padding: 0;
103		- margin-block: 50px 1rem;
104	97	}
105	98
106	99	.snippet-name-wrapper {
107	100	display: flex;