website/assets/scss/base.scss

60 lines
898 B
SCSS
Raw Normal View History

@import "custom";
@import "/node_modules/bootstrap";
2021-08-07 10:34:39 +02:00
@import "fonts";
2021-08-05 22:07:24 +02:00
2021-08-05 13:51:44 +02:00
$black: #141414;
$orange: #d6972a;
$font: 'Fira Code', monospace;
html {
2023-03-21 15:36:26 +01:00
position: relative;
min-height: 100%;
2021-08-05 13:51:44 +02:00
}
body {
2023-03-21 15:36:26 +01:00
margin-bottom: 60px; /* Margin bottom by footer height */
font-family: 'Mukta', sans-serif;
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
height: 60px; /* Set the fixed height of the footer here */
line-height: 60px; /* Vertically center the text there */
}
2023-03-21 15:36:26 +01:00
nav {
background-color: $black;
2023-03-21 15:36:26 +01:00
ul {
display: flex;
justify-content: end;
list-style: none;
padding: 0;
margin: 0;
li {
width: 150px;
text-align: right;
}
2021-08-06 09:51:41 +02:00
}
2023-03-21 15:36:26 +01:00
}
2021-08-06 09:51:41 +02:00
2023-03-21 15:36:26 +01:00
header {
background-color: $black;
color: $orange;
}
2021-08-06 09:51:41 +02:00
2023-03-21 15:36:26 +01:00
main {
h1 {
background-color: $orange;
padding: 5px;
2021-08-05 13:51:44 +02:00
}
2023-03-21 15:36:26 +01:00
h2 {
background-color: $orange;
padding: 2px;
2021-08-05 13:51:44 +02:00
}
2023-03-21 15:36:26 +01:00
}
2021-08-05 13:51:44 +02:00
2023-03-21 15:36:26 +01:00
a {
color: $orange;
2021-08-05 13:51:44 +02:00
}