website/assets/scss/base.scss

62 lines
943 B
SCSS

@import "custom";
@import "/node_modules/bootstrap";
@import "fonts";
$black: #141414;
$orange: #d6972a;
$white: #f0f0f0;
$font: 'Fira Code', monospace;
html {
position: relative;
min-height: 100%;
}
body {
margin-bottom: 60px; /* Margin bottom by footer height */
font-family: 'Mukta', sans-serif;
background-color: $white;
}
.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 */
}
nav {
background-color: $black;
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;
}