2018-10-04 22:08:21 +03:00
|
|
|
.writing-header {
|
|
|
|
display: flex;
|
|
|
|
position: sticky;
|
|
|
|
top: 0;
|
2019-01-25 02:23:00 +03:00
|
|
|
padding: 15px 0;
|
|
|
|
margin-top: calc(-1 * var(--layout-padding-vertical));
|
2018-10-04 22:08:21 +03:00
|
|
|
background: #fff;
|
|
|
|
box-shadow: 0 3px 10px #fff;
|
2019-01-25 02:23:00 +03:00
|
|
|
z-index: 2;
|
2019-02-18 11:15:03 +03:00
|
|
|
font-size: 14px;
|
2018-10-04 22:08:21 +03:00
|
|
|
|
|
|
|
&__save {
|
|
|
|
@apply --button;
|
2019-01-25 06:19:37 +03:00
|
|
|
@apply --button-primary;
|
2019-02-18 11:15:03 +03:00
|
|
|
margin: auto;
|
2018-10-04 22:08:21 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
&__left {
|
|
|
|
margin: auto 0;
|
|
|
|
color: var(--color-text-second);
|
2019-01-19 17:09:11 +03:00
|
|
|
|
|
|
|
& span {
|
|
|
|
margin-right: 10px;
|
|
|
|
}
|
2018-10-04 22:08:21 +03:00
|
|
|
}
|
2019-02-18 11:15:03 +03:00
|
|
|
|
|
|
|
select {
|
|
|
|
max-width: 100px
|
|
|
|
}
|
2018-10-04 22:08:21 +03:00
|
|
|
}
|
2019-01-25 02:23:00 +03:00
|
|
|
|
2019-01-25 06:19:37 +03:00
|
|
|
.writing-buttons {
|
|
|
|
&__remove {
|
|
|
|
@apply --button;
|
|
|
|
@apply --button-danger;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-01-25 02:23:00 +03:00
|
|
|
.uri-input {
|
|
|
|
box-sizing: border-box;
|
|
|
|
width: 100%;
|
|
|
|
padding: 10px 12px;
|
|
|
|
border-radius: 3px;
|
|
|
|
border: 1px solid rgba(201, 201, 204, 0.48);
|
|
|
|
box-shadow: inset 0 1px 2px 0 rgba(35, 44, 72, 0.06);
|
|
|
|
outline: none;
|
|
|
|
}
|
2019-02-18 11:15:03 +03:00
|
|
|
|
|
|
|
.writing-editor {
|
|
|
|
@media (--desktop) {
|
|
|
|
margin: 0 -100px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.codex-editor__redactor .ce-block:first-of-type .ce-header {
|
|
|
|
font-size: 32px;
|
|
|
|
}
|