Newer
Older
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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
// Font Awesome
$fa-font-path: './font-awesome/fonts';
@import './font-awesome/scss/font-awesome';
@import './substance';
@import './elements/elements';
@import './panes/panes';
$border: #ccc;
$dark-gray: #999;
$light-gray: #ddd;
$primary: #eee;
$ultra-light-gray: #fafafa;
$white: #fff;
$teal: #46b9ba;
.editor-wrapper {
height: 90vh;
position: relative;
.view-mode {
background-color: $primary;
border-bottom: 1px solid $border;
border-top: 1px solid $border;
height: 44px;
position: fixed;
text-align: center;
width: 100%;
z-index: 9999;
span {
font-size: 14px;
position: relative;
top: 10px;
}
}
}
.sc-prose-editor {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
.sc-prose-editor-toolbar {
background-color: $primary;
border: 1px solid $border;
border-right: 0;
padding: 1px;
}
.sc-switch-text-type {
border-right: 1px solid $border;
width: 150px !important;
.se-toggle {
background: transparent;
}
}
.se-scrollable {
background-color: $primary;
border-right: 1px solid $light-gray;
margin-top: 1px;
}
.se-content {
font-family: 'Fira Sans';
::selection {
background: $light-gray;
}
::-moz-selection {
background: $light-gray;
}
&:first-child {
background-color: $white;
box-shadow: 0 0 8px $dark-gray;
margin: 1.5% 15% 7%;
min-height: 100vh;
padding: 3% 4% 1%;
transition: .3s;
}
.sc-split-pane {
position: relative;
}
}
.sc-has-comments {
.se-content {
&:first-child {
margin: 1.5% 29% 7% 1%;
transition: .3s;
}
}
}
.se-context-section {
background-color: $ultra-light-gray;
border-left: 1px solid $light-gray;
box-shadow: inset 0 0 10px rgba(0, 0, 0, .05);
}
.sc-comments-pane {
display: flex;
flex-direction: column;
flex-wrap: wrap;
margin-left: 8%;
}
}