From 5cd6ef7e7d3cee00aadbb92b1402f576f4813e0d Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 30 Oct 2019 21:12:13 +0100
Subject: [PATCH] Updated theme to make it more "website-friendly"

---
 package.json        |  5 ++---
 src/_theme.scss     | 29 ++++++++++-------------------
 src/_variables.scss |  2 +-
 3 files changed, 13 insertions(+), 23 deletions(-)

diff --git a/package.json b/package.json
index 23aafec..7e6d2e3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vikunja-theme",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "A Hugo theme that gets used within all of our websites.",
   "license": "GPLv3",
   "author": {
@@ -14,8 +14,7 @@
     "watch": "gulp watch"
   },
   "dependencies": {
-    "bulma": "^0.7.1",
-    "bulmaswatch": "^0.7.1"
+    "bulma": "^0.7.1"
   },
   "devDependencies": {
     "gulp": "^3.9.1",
diff --git a/src/_theme.scss b/src/_theme.scss
index 61d7b1d..530e88a 100644
--- a/src/_theme.scss
+++ b/src/_theme.scss
@@ -1,6 +1,6 @@
 @import url('/fonts/fonts.css');
 @import 'variables';
-@import '../../node_modules/bulma/bulma';
+@import '../node_modules/bulma/bulma';
 
 *, *:hover, *:active, *:focus{
   outline: none;
@@ -13,11 +13,15 @@
   font-size: 0.85rem;
   font-weight: bold;
   height: 2.648em;
-  box-shadow: 0.3em 0.3em 1em lighten($dark, 75);
+  box-shadow: 0 0 .7em lighten($dark, 10);
 
   &.is-hovered,
   &:hover {
-    box-shadow: 0.6em 0.6em 1em lighten($dark, 75);
+    box-shadow: 0 0 1em lighten($dark, 15);
+  }
+
+  &.is-light {
+    box-shadow: 0 0 .7em lighten($dark, 75);
   }
 
   &.fullheight{
@@ -30,7 +34,7 @@
   &:active,
   &:focus,
   &:focus:not(:active) {
-    box-shadow: 0.1em 0.1em 0.7em lighten($dark, 75) !important;
+    box-shadow: 0 0 0.3em darken($dark, 20) !important;
   }
 
   &.icon-only{
@@ -41,11 +45,9 @@
     $color: nth($pair, 1);
 
     &.is-#{$name} {
-      box-shadow: 0.3em 0.3em 1em lighten($color, 30);
-
       &.is-hovered,
       &:hover {
-        box-shadow: 0.6em 0.6em 1em lighten($color, 30);
+        box-shadow: .1em .1em .5em darken($color, 15);
       }
 
       &.is-active,
@@ -53,7 +55,7 @@
       &:active,
       &:focus,
       &:focus:not(:active) {
-        box-shadow: 0.1em 0.1em 0.7em lighten($color, 30) !important;
+        box-shadow: 0 0 .3em darken($color, 30) !important;
       }
     }
   }
@@ -218,7 +220,6 @@
 
 h1,h2,h3,h4,h5,h6{
   font-family: $vikunja-font;
-  font-weight: 400 !important;
 }
 
 .bigbuttons{
@@ -246,15 +247,5 @@ h1,h2,h3,h4,h5,h6{
         margin-left: 3em;
       }
     }
-
-    @media screen and (max-width: 640px) { // Magic number to hide the username if it would take too much space otherwise
-      .user {
-        width: 7em;
-
-        .username {
-          display: none;
-        }
-      }
-    }
   }
 }
diff --git a/src/_variables.scss b/src/_variables.scss
index 3df0551..4430c50 100644
--- a/src/_variables.scss
+++ b/src/_variables.scss
@@ -9,7 +9,7 @@ $primary: #198CFF !default;
 $dark: lighten($black, 8);
 
 $info-invert: #fff;
-$family-sans-serif: 'Open Sans', Helvetica, Arial, sans-serif;
+$family-sans-serif: 'Source Sans Pro', Helvetica, Arial, sans-serif;
 $thickness: 1px;
 $pagination-current-border: darken($primary, 5);
 $navbar-item-active-color: $primary;