From 3c6ed6208f30993678048a829ebc464a95dbf905 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ole=20Volds=C3=A6ter?= <ole.voldsater@uib.no>
Date: Tue, 4 Aug 2020 11:21:40 +0200
Subject: [PATCH] fonter & farger
---
src/App.vue | 7 +++++--
src/components/Article.vue | 4 +++-
src/components/Header.vue | 4 ++++
3 files changed, 12 insertions(+), 3 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 4d39a168..a710f744 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -14,7 +14,7 @@
<label for="radio_nob">Bokmål</label>
<input type="radio" id="radio_nno" value="nno" v-model="lang">
<label for="radio_nno">Nynorsk</label>
- |||
+ -----
<input type="radio" id="radio_norsk" value="norsk_ordbok" v-model="lang">
<label for="radio_norsk">Norsk Ordbok</label>
</header>
@@ -160,8 +160,11 @@ export default {
</script>
<style>
+ @import url('https://fonts.googleapis.com/css2?family=Inria+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');
+ @import url('https://fonts.googleapis.com/css2?family=Inria+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
+
#app {
- font-family: 'Avenir', Helvetica, Arial, sans-serif;
+ font-family: 'Noto Sans', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #2c3e50;
diff --git a/src/components/Article.vue b/src/components/Article.vue
index 388f28f1..99f6fa3d 100644
--- a/src/components/Article.vue
+++ b/src/components/Article.vue
@@ -66,10 +66,11 @@ article {
h3 {
margin: 40px 0 0;
+ color: #560027;
}
a {
- //color: #42b983;
+ color: #560027;
}
li {
@@ -94,6 +95,7 @@ li.definition.level1, li.definition.level2 {
::marker {
font-weight: bold;
+ color: #560027;
}
ol > li:only-child.level1, li:only-child.level2, li:only-child.level3 {
diff --git a/src/components/Header.vue b/src/components/Header.vue
index 4d847221..834096d9 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -42,12 +42,16 @@ export default {
</script>
<style>
+
.word-classification {
text-decoration: underline dashed;
}
h1 {
display: inline;
+ font-family: Inria Serif;
+ font-size: 36px;
+ color: #560027;
}
.inflection table {
--
GitLab