From d3ff0f02560e3337d7a99c0c96a5bcc23e7fa3aa Mon Sep 17 00:00:00 2001
From: Eliot Berriot <contact@eliotberriot.com>
Date: Thu, 15 Feb 2018 23:11:13 +0100
Subject: [PATCH] Now use bigger font-size on mobile and tablet
---
front/src/App.vue | 5 +++++
front/src/semantic/semantic.css | 4 ++--
2 files changed, 7 insertions(+), 2 deletions(-)
diff --git a/front/src/App.vue b/front/src/App.vue
index d310c3ca..afaea821 100644
--- a/front/src/App.vue
+++ b/front/src/App.vue
@@ -43,6 +43,11 @@ export default {
@import 'style/vendor/media';
+html, body {
+ @include media("<desktop") {
+ font-size: 200%;
+ }
+}
#app {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
diff --git a/front/src/semantic/semantic.css b/front/src/semantic/semantic.css
index 99c5ddaa..f12877b8 100755
--- a/front/src/semantic/semantic.css
+++ b/front/src/semantic/semantic.css
@@ -515,7 +515,7 @@ body {
}
html {
- font-size: 14px;
+ font-size: 100%;
}
body {
@@ -525,7 +525,7 @@ body {
min-width: 320px;
background: #FFFFFF;
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
- font-size: 14px;
+ font-size: 100%;
line-height: 1.4285em;
color: rgba(0, 0, 0, 0.87);
font-smoothing: antialiased;
--
GitLab