Improve some styling stuff

This commit is contained in:
2021-04-11 00:17:23 +02:00
parent 135c0afb81
commit 543e6fd5ef
3 changed files with 15 additions and 9 deletions

View File

@@ -43,9 +43,10 @@ export default class App extends Vue {}
</script>
<style lang="scss">
$font-stack: 'Secular One';
$font-stack-header: 'Secular One', sans-serif;
$font-stack-content: 'Rubik', sans-serif;
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
font-family: $font-stack-content;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
@@ -53,9 +54,17 @@ $font-stack: 'Secular One';
margin-top: 0;
}
.navbar-brand {
font-family: 'Secular One', sans-serif;
font-family: $font-stack-header;
}
.navbar-nav a {
font-family: 'Rubik';
font-family: $font-stack-content;
}
h1 h2 h3 {
font-family: $font-stack-header;
}
#main-content-container {
margin: 50px;
}
</style>