69 lines
1.5 KiB
SCSS
69 lines
1.5 KiB
SCSS
@use '@angular/material' as mat;
|
|
|
|
//markdown styles
|
|
@import 'bootstrap/dist/css/bootstrap.min.css';
|
|
@import 'prismjs/themes/prism-okaidia.css';
|
|
@import 'prismjs/plugins/line-numbers/prism-line-numbers.css';
|
|
@import 'prismjs/plugins/line-highlight/prism-line-highlight.css';
|
|
blockquote {
|
|
border-left: 3px solid rgba(0,0,0,0.21);
|
|
padding-left: 12px;
|
|
color: rgba(0,0,0,0.54);
|
|
}
|
|
//--------------------------
|
|
//
|
|
html, body { height: 100%; }
|
|
body {
|
|
background-image: url('../public/Firefly_jambo tron 118290.jpg');
|
|
background-attachment:fixed;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif;
|
|
}
|
|
|
|
.router_outlet_padding{
|
|
padding-top: 60px;
|
|
scroll-padding-inline: 40%;
|
|
}
|
|
|
|
//---------------
|
|
.pc-sidebar{
|
|
top: 65px;
|
|
overflow-y: auto;
|
|
background-color: rgba(153, 153, 153, 0.16);
|
|
|
|
backdrop-filter: blur(8px);
|
|
|
|
background: var(--pc-sidebar-background);
|
|
width: 260px;
|
|
position: fixed;
|
|
|
|
bottom: 0;
|
|
z-index: 1026;
|
|
box-shadow: var(--pc-sidebar-shadow);
|
|
display: block;
|
|
height: 100vh;
|
|
color: var(--pc-sidebar-color);
|
|
border-right: 1px solid rgb(240, 240, 240);
|
|
|
|
}
|
|
.pc-container{
|
|
top: 0;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
|
|
position: relative;
|
|
margin-left: 260px;
|
|
min-height: calc(100vh - 113px);
|
|
background: #fafafbb3;
|
|
}
|
|
|
|
html {
|
|
color-scheme: light dark;
|
|
@include mat.theme((
|
|
color: mat.$azure-palette,
|
|
typography: Jersey 20 Charted,
|
|
density: 0
|
|
));
|
|
}
|