code-snippets / css / edit / _editor.scss

_editor.scss in Code Snippets 3.10.1, at css/edit/_editor.scss

99 lines 1.3 KB

Raw Download Zip

1
2	.CodeMirror,
3	.snippet-form textarea {
4	inline-size: 100%;
5	font-family: monospace;
6	}
7
8	.CodeMirror-sizer {
9	min-block-size: 300px !important;
10	box-sizing: border-box;
11	padding-block-end: 1.5em !important;
12
13	&::after {
14	position: absolute;
15	inset-block-end: 0;
16	}
17
18	.snippet-form.php-snippet & {
19	padding-block-end: 0 !important;
20
21	&::before {
22	content: '<?php';
23	}
24	}
25
26	.snippet-form.css-snippet & {
27	&::before {
28	content: '<style>';
29	}
30
31	&::after {
32	content: '</style>';
33	}
34	}
35
36	.snippet-form.js-snippet & {
37	&::before {
38	content: '<script>';
39	}
40
41	&::after {
42	content: '</script>';
43	}
44	}
45
46	.snippet-form.html-snippet & {
47	&::before {
48	content: '<!-- begin content -->';
49	}
50
51	&::after {
52	content: '<!-- end content -->';
53	}
54	}
55	}
56
57	.snippet-editor {
58	position: relative;
59	}
60
61	.snippet-editor-help {
62	inset-inline-end: 5px;
63	inset-block-start: 5px;
64	position: absolute;
65
66	td {
67	&:first-child {
68	padding-inline-end: 0.5em;
69	}
70
71	@media (width >= 512px) {
72	white-space: nowrap;
73	}
74	}
75	}
76
77	.mac-keyboard-shortcut {
78	text-align: end;
79
80	kbd {
81	font-family: inherit;
82	padding: 0;
83	margin: 0;
84	}
85	}
86
87	.pc-keyboard-shortcut {
88	display: inline-flex;
89	align-items: center;
90	gap: 3px;
91
92	kbd {
93	font-family: inherit;
94	margin: 0;
95	padding-block: 0;
96	padding-inline: 2px;
97	}
98	}
99