# Main stylesheet for the website
$primary: {{ site.artisan.accent | default: “#007bff” }};
@import 'highlighting'; @import 'variables'; @import 'bootstrap';
$border-light: solid rgba(0, 0, 0, .12) 1px;
html, body, .mvh-100 {
min-height: 100vh;
}
.navbar {
border-top: solid $primary 4px; border-bottom: $border-light;
}
.artisan-profile {
border-right: $border-light; min-height: 100%; padding-left: 0; padding-right: 0;
}
.artisan-profile-banner {
display: block; background-image: url('../assets/background.png'); border-bottom: $border-light; &:hover, &:visited, &:active { text-decoration: none; } &__avatar { width: 128px; height: 128px; border: solid $primary 4px; border-radius: 100%; }
}
.artisan-content {
padding-left: 0; padding-right: 0;
}
.artisan-article {
max-width: 700px; margin: 0 auto; &__seealso { text-decoration: none; &:hover, &:active, &:visited, &:focus { text-decoration: none; } } img { max-width: 100%; height: auto; } h1, h2, h3, h4, h5, h6 { color: $body-color; }
}
.artisan-link {
color: inherit; &:hover, &:active, &:visited, &:focus { color: inherit; } &:hover { text-decoration: underline; }
}
.artisan-footer {
background-color: #F5F5F5; border-top: $border-light; &__link { color: inherit; &:hover, &:active, &:visited, &:focus { color: inherit; } &:hover { text-decoration: underline; } }
}