vikunja
/
theme
1
1
Fork 4
Code Issues Pull Requests Releases Wiki Activity

Updated theme to make it more "website-friendly"

This commit is contained in:
kolaente 2019-10-30 21:12:13 +01:00
parent 1c406856f7
commit 5cd6ef7e7d
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
3 changed files with 13 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
package.json
View File

@ -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",

29
src/_theme.scss
View File

@ -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;
}
}
}
}
}

2
src/_variables.scss
View File

@ -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;