mirror of https://github.com/status-im/consul.git
60 lines
1.2 KiB
SCSS
60 lines
1.2 KiB
SCSS
@import 'layouts/index';
|
|
|
|
// TODO: This shouldn't be done here, decide the best way to do this
|
|
// %main-decoration ? %main-skin ? %content-skin ?
|
|
// it includes layouts of components, but not layout of itself?
|
|
// %main-components? What about %app-view-content
|
|
main,
|
|
%modal-window {
|
|
@extend %main-content;
|
|
}
|
|
html.template-with-vertical-menu,
|
|
html.template-with-vertical-menu body {
|
|
overflow: hidden;
|
|
}
|
|
html:not(.has-nspaces) [class*='nspace-'] {
|
|
display: none;
|
|
}
|
|
#wrapper {
|
|
@extend %viewport-container;
|
|
}
|
|
#wrapper {
|
|
@extend %with-sticky-footer;
|
|
}
|
|
main {
|
|
@extend %with-sticky-footer-content;
|
|
}
|
|
main,
|
|
#wrapper > footer {
|
|
@extend %content-container;
|
|
}
|
|
html.template-edit main {
|
|
@extend %content-container-restricted;
|
|
}
|
|
|
|
@media #{$--lt-spacious-page-header} {
|
|
html.template-list:not(.template-kv) main {
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
@media #{$--lt-spacious-page-header} {
|
|
.actions button.copy-btn {
|
|
margin-top: -56px;
|
|
padding: 0;
|
|
}
|
|
}
|
|
%main-content p:not(:last-child) {
|
|
margin-bottom: 1em;
|
|
}
|
|
/* TODO: keep margin below forms, move elsewhere? */
|
|
%main-content form,
|
|
%main-content form + div .with-confirmation {
|
|
margin-bottom: 2em;
|
|
}
|
|
@media #{$--lt-wide-form} {
|
|
main form [type='reset'] {
|
|
float: right;
|
|
margin-right: 0 !important;
|
|
}
|
|
}
|