-
Notifications
You must be signed in to change notification settings - Fork 3.6k
/
responsiveform.css
80 lines (64 loc) · 1.74 KB
/
responsiveform.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
/*
* Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
*/
@import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css";
@import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
.ck-vertical-form > .ck-button:nth-last-child(2)::after {
border-right: 1px solid var(--ck-color-base-border);
}
.ck.ck-responsive-form {
padding: var(--ck-spacing-standard);
&:focus {
/* See: https://github.com/ckeditor/ckeditor5/issues/4773 */
outline: none;
}
@mixin ck-dir ltr {
& > :not(:first-child) {
margin-left: var(--ck-spacing-standard);
}
}
@mixin ck-dir rtl {
& > :not(:last-child) {
margin-left: var(--ck-spacing-standard);
}
}
@mixin ck-media-phone {
padding: 0;
width: calc(.8 * var(--ck-input-text-width));
& .ck-labeled-field-view {
margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0;
& .ck-input-text {
min-width: 0;
width: 100%;
}
/* Let the long error messages wrap in the narrow form. */
& .ck-labeled-field-view__error {
white-space: normal;
}
}
/* Styles for two last buttons in the form (save&cancel, edit&unlink, etc.). */
& > .ck-button:nth-last-child(1),
& > .ck-button:nth-last-child(2) {
padding: var(--ck-spacing-standard);
margin-top: var(--ck-spacing-standard);
border-radius: 0;
border: 0;
border-top: 1px solid var(--ck-color-base-border);
@mixin ck-dir ltr {
margin-left: 0;
}
@mixin ck-dir rtl {
margin-left: 0;
&:last-of-type {
border-right: 1px solid var(--ck-color-base-border);
}
}
}
& > .ck-button:nth-last-child(2) {
&::after {
border-right: 1px solid var(--ck-color-base-border);
}
}
}
}