mirror of
https://github.com/scinote-eln/scinote-web.git
synced 2024-09-24 08:56:17 +08:00
82 lines
1.4 KiB
SCSS
82 lines
1.4 KiB
SCSS
// scss-lint:disable SelectorDepth
|
|
// scss-lint:disable NestingDepth
|
|
|
|
@import "constants";
|
|
@import "mixins";
|
|
|
|
.content-pane.protocols-show {
|
|
background-color: $color-alto;
|
|
margin: 0 -16px;
|
|
min-height: calc(100vh - var(--navbar-height));
|
|
overflow: hidden;
|
|
padding: 36px 10px 10px;
|
|
width: calc(100% + 31px);
|
|
|
|
.protocol-position-container {
|
|
background-color: $color-white;
|
|
box-shadow: $flyout-shadow;
|
|
margin: 0 auto;
|
|
max-width: 900px;
|
|
padding: 10px 10px 10px 26px;
|
|
}
|
|
|
|
.protocol-metadata {
|
|
margin-bottom: 2em;
|
|
|
|
.authors-data {
|
|
align-items: center;
|
|
display: flex;
|
|
|
|
.authors-list {
|
|
flex-basis: calc(100% - 70px);
|
|
flex-grow: 1;
|
|
margin-left: .5em;
|
|
}
|
|
|
|
* {
|
|
flex-shrink: 0;
|
|
}
|
|
}
|
|
|
|
.keywords-data {
|
|
align-items: center;
|
|
display: flex;
|
|
|
|
.keywords-list {
|
|
flex-basis: calc(100% - 90px);
|
|
flex-grow: 1;
|
|
margin-left: .5em;
|
|
|
|
.input-field {
|
|
border-color: transparent;
|
|
|
|
&:hover {
|
|
border-color: initial;
|
|
}
|
|
}
|
|
}
|
|
|
|
* {
|
|
flex-shrink: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.protocol-description {
|
|
margin-bottom: 2em;
|
|
}
|
|
|
|
.protocol-step-actions {
|
|
margin-top: 2em;
|
|
}
|
|
}
|
|
|
|
|
|
.protocol-content {
|
|
.protocol-name {
|
|
font-size: 1.7em;
|
|
margin-bottom: 32px;
|
|
margin-top: 28px;
|
|
}
|
|
}
|