UNPKG

2.3 kBtext/lessView Raw
1@import '~theme';
2
3.container {
4 display: inline-block;
5 width: 100%;
6 overflow: auto;
7 box-sizing: border-box;
8 caret-color: @caret-color;
9
10 ::selection {
11 color: #fff;
12 background-color: @selection-color;
13 }
14
15 :global(.DraftEditor-root) {
16 height: inherit;
17 min-height: inherit;
18 max-height: inherit;
19 :global(.DraftEditor-editorContainer) {
20 height: inherit;
21 min-height: inherit;
22 max-height: inherit;
23 :global(.public-DraftEditor-content) {
24 height: inherit;
25 min-height: inherit;
26 max-height: inherit;
27 }
28 }
29 }
30}
31
32.popover-button-group {
33 display: inline-flex;
34 flex-direction: row;
35 align-items: center;
36 margin: 0 -10px;
37 &.large {
38 .popover-button {
39 font-size: 18px;
40 }
41 }
42 .popover-button {
43 display: inline-block;
44 width: 40px;
45 border: 0;
46 color: #fff;
47 background-color: transparent;
48 cursor: pointer;
49 font-size: 15px;
50 line-height: 1;
51 &:hover {
52 color: #ccc;
53 }
54 }
55 .popover-divider {
56 display: inline-block;
57 margin: 0 5px;
58 border: 0;
59 border-left: 1px solid #ccc;
60 height: 15px;
61 margin: 0 5px 0 4px;
62 }
63}
64
65.edit-toolbar {
66 display: block;
67 text-align: right;
68 padding-top: 5px;
69 box-sizing: border-box;
70 > button {
71 border: 1px solid @primary-color;
72 line-height: 1;
73 font-size: 14px;
74 padding: 5px 10px;
75 color: @primary-color;
76 margin-left: 5px;
77 background-color: #fff;
78 transition: all 0.3s ease;
79 &:hover {
80 background-color: @primary-color;
81 color: #fff;
82 }
83 &.danger {
84 border-color: @danger-color;
85 color: @danger-color;
86 &:hover {
87 background-color: @danger-color;
88 color: #fff;
89 }
90 }
91 }
92}
93
94// css animation
95:global(.ArchEditor-fade-enter) {
96 opacity: 0;
97 transform: scale(0);
98}
99:global(.ArchEditor-fade-enter-active) {
100 opacity: 1;
101 transform: scale(1);
102 transition: opacity 250ms ease, transform 250ms ease;
103}
104:global(.ArchEditor-fade-exit) {
105 opacity: 1;
106 transform: scale(1);
107}
108:global(.ArchEditor-fade-exit-active) {
109 opacity: 0;
110 transform: scale(0);
111 transition: opacity 250ms ease, transform 250ms ease;
112}