Improve some styling stuff
This commit is contained in:
@@ -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>
|
||||
|
Reference in New Issue
Block a user