steffo/steffoweb
steffo/steffoweb
1
Fork 0
mirror of https://github.com/Steffo99/steffoweb.git synced 2024-11-21 23:54:30 +00:00
Code Activity

Update app CSS

Browse source
This commit is contained in:
Steffo 2023-05-27 18:12:44 +02:00
parent ab653e41ae
commit 1f824176d9
Signed by: steffo
GPG key ID: 2A24051445686895
1 changed files with 2 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
pages/_app.css
View file

@ -1,38 +1,9 @@
@import 'node_modules/@steffo/bluelib/dist/base.root.css'; @import 'node_modules/@steffo/bluelib/dist/base.root.css';
@import 'node_modules/@steffo/bluelib/dist/colors-royalblue.root.css'; @import 'node_modules/@steffo/bluelib/dist/colors-royalblue.root.css';
@import 'node_modules/@steffo/bluelib/dist/fonts-fira-ghpages.root.css'; @import 'node_modules/@steffo/bluelib/dist/fonts-fira-ghpages.root.css';
@import 'node_modules/@steffo/bluelib/dist/layouts-center.root.css';
@import 'node_modules/@steffo/bluelib/dist/layouts-flex.root.css';
@import 'node_modules/@steffo/bluelib/dist/classic.root.css'; @import 'node_modules/@steffo/bluelib/dist/classic.root.css';
@import 'node_modules/@steffo/bluelib/dist/glass.root.css'; @import 'node_modules/@steffo/bluelib/dist/glass.root.css';
@import 'node_modules/@steffo/bluelib/dist/fun.root.css'; @import 'node_modules/@steffo/bluelib/dist/fun.root.css';
@import 'node_modules/@fortawesome/fontawesome-svg-core/styles.css'; @import 'node_modules/@fortawesome/fontawesome-svg-core/styles.css';
body {
background-image: url("/space_default.jpg");
background-attachment: fixed;
background-size: cover;
}
#__next {
min-height: 100vh;
padding: 0 8px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
#__next footer {
text-shadow: 2px 2px 4px hsl(var(--bhsl-background-hue) var(--bhsl-background-saturation) var(--bhsl-background-lightness));
}
#__next section {
flex-basis: 500px;
flex-grow: 0;
}
@media screen and (max-width: 516px) {
#__next section {
flex-basis: 100%;
}
}