website/assets/scss/base.scss
Jeroen De Meerleer c7b7285403
Refactor HTML and SCSS for improved structure and styling
- Removed unnecessary CSS properties from `base.scss`
- Added `class="h-100"` to the `<html>` tag in `base.html.twig` for full height
- Added `class="d-flex flex-column h-100"` to the `<body>` tag in `base.html.twig` for flexbox layout
- Updated footer styling in `base.html.twig` with additional classes
- Added `class="flex-shrink-0"` to the `<main>` tag in `page.html.twig`
2024-02-07 12:40:26 +01:00

51 lines
666 B
SCSS

@import "custom";
@import "/node_modules/bootstrap";
@import "fonts";
$black: #141414;
$orange: #d6972a;
$white: #f0f0f0;
$font: 'Fira Code', monospace;
body {
font-family: 'Mukta', sans-serif;
background-color: $white;
}
nav {
background-color: $black;
color: $orange;
ul {
display: flex;
justify-content: end;
list-style: none;
padding: 0;
margin: 0;
li {
width: 150px;
text-align: right;
}
}
}
header {
background-color: $black;
color: $orange;
}
main {
h1 {
background-color: $orange;
padding: 5px;
}
h2 {
background-color: $orange;
padding: 2px;
}
}
a {
color: $orange;
}