BREAKING CHANGE: Pre-design-tokens theming is no longer supported. Co-authored-by: Diana Olarte <diana.olarte@edunext.co>
53 lines
1.0 KiB
SCSS
Executable File
53 lines
1.0 KiB
SCSS
Executable File
// frontend-app-*/src/index.scss
|
|
@use "@openedx/paragon/styles/css/core/custom-media-breakpoints" as paragonCustomMediaBreakpoints;
|
|
|
|
$fa-font-path: "~font-awesome/fonts";
|
|
@import "~font-awesome/scss/font-awesome";
|
|
|
|
$input-focus-box-shadow: var(--pgn-elevation-form-input-base); // hack to get upgrade to paragon 4.0.0 to work
|
|
|
|
@import "~@edx/frontend-component-footer/dist/_footer";
|
|
@import "~@edx/frontend-component-header/dist/index";
|
|
|
|
#root {
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-height: 100vh;
|
|
|
|
main {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
header {
|
|
flex: 0 0 auto;
|
|
|
|
.logo {
|
|
display: block;
|
|
box-sizing: content-box;
|
|
position: relative;
|
|
top: 0.1em;
|
|
height: 1.75rem;
|
|
margin-right: 1rem;
|
|
img {
|
|
display: block;
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
footer {
|
|
flex: 0;
|
|
}
|
|
}
|
|
|
|
#paragon-portal-root {
|
|
.pgn__modal-layer {
|
|
.pgn__modal-close-container {
|
|
right: 1rem !important;
|
|
}
|
|
}
|
|
.confirm-modal .pgn__modal-body {
|
|
overflow: hidden;
|
|
}
|
|
}
|