• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1/*
2 * Copyright (c) 2022 Huawei Device Co., Ltd.
3 * Licensed under the Apache License, Version 2.0 (the "License");
4 * you may not use this file except in compliance with the License.
5 * You may obtain a copy of the License at
6 *
7 *     http://www.apache.org/licenses/LICENSE-2.0
8 *
9 * Unless required by applicable law or agreed to in writing, software
10 * distributed under the License is distributed on an "AS IS" BASIS,
11 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12 * See the License for the specific language governing permissions and
13 * limitations under the License.
14 */
15
16html {
17  height: 100%;
18  font-family: sans-serif;
19-webkit-text-size-adjust: 100%;
20}
21
22body {
23  width: 100%;
24  height: 100%;
25  color: #333333;
26  margin: 0;
27}
28
29
30#editorjs_box {
31  width: 100%;
32  height: 90%;
33  outline: 0px solid transparent;
34  background-repeat: no-repeat;
35  background-position: center;
36  background-size: cover;
37  color: #182431;
38  opacity: 0.9;
39  user-select: none;
40  overflow: scroll;
41}
42
43#editorjs[placeholder]:empty:not(:focus):before {
44  content: attr(placeholder);
45  font-size: 24px;
46  color: #9b9b9b;
47}
48
49.note-checkbox:checked {
50  background: #F88805;
51  border: 1px solid #F88805;
52  outline: none;
53  opacity: 1;
54}
55
56.note-checkbox {
57  width: 18px;
58  height: 18px;
59  line-height: 22.4px;
60  background-color: #ffffff;
61  border: 2px solid #182431;
62  opacity: 0.6;
63-webkit-border-radius: 50%;
64-webkit-appearance: none;
65-webkit-user-select: none;
66  border-radius: 50%;
67  font-size: 0.8rem;
68  margin-right: 10px;
69  margin-bottom: 6px;
70  outline: none;
71  padding: 0;
72  position: relative;
73  display: inline-block;
74-webkit-transition: background-color ease 0.1s;
75  transition: background-color ease 0.1s;
76  vertical-align: top;
77  cursor: default;
78  user-select: none;
79}
80
81.note-checkbox:checked+span {
82  text-decoration: line-through;
83  margin-left: 10px;
84  color: #F88805;
85  opacity: 0.4;
86}
87
88.edit-box {
89  width: 100%;
90  height: 100%;
91  display: flex;
92  flex-direction: column;
93}
94
95.button-box {
96  width: 100%;
97  height: auto;
98  background-color: white;
99  display: none;
100  justify-content: space-around;
101  padding-bottom: 50px;
102}
103
104.button-box div {
105  display: flex;
106  flex-direction: column;
107  align-items: center;
108}
109
110.button-box img {
111  margin-bottom: 6px;
112}
113
114.button-box span {
115  font-size: 20px;
116}