💄 background and styles

This commit is contained in:
Dan Jones 2023-01-01 20:00:19 -06:00
commit ba3c9543d0
3 changed files with 32 additions and 2 deletions

View file

@ -2,6 +2,8 @@
@import "../node_modules/bootstrap/scss/functions";
// 2. Include any default variable overrides here
$list-group-bg: inherit;
$mostly-white: rgba(255,255,255, 0.7);
// 3. Include remainder of required Bootstrap stylesheets
@import "../node_modules/bootstrap/scss/variables";
@ -27,3 +29,31 @@
@import "../node_modules/bootstrap/scss/utilities/api";
// 8. Add additional custom code here
body {
background-image: linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.3)), url('img/pexels-bert-5985264.jpg');
height: 100vh;
background-position: center;
background-size: cover;
color: white;
position: relative;
}
h1 {
background-color: $mostly-white;
}
section ul {
background-color: $mostly-white;
max-width: 20rem;
margin: 1rem auto;
li {
width: 100%;
overflow: auto;
i {
float: left;
}
}
}