vergissberlin/theme
1
0
Fork 0
forked from vikunja/theme
Code Issues Pull Requests Projects Releases Wiki Activity

Updated theme to make it more "website-friendly"

Browse Source
This commit is contained in:
kolaente 2019-10-30 21:12:13 +01:00
parent 1c406856f7
commit 5cd6ef7e7d
Signed by untrusted user: 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", "name": "vikunja-theme",
"version": "0.1.0", "version": "0.2.0",
"description": "A Hugo theme that gets used within all of our websites.", "description": "A Hugo theme that gets used within all of our websites.",
"license": "GPLv3", "license": "GPLv3",
"author": { "author": {
@ -14,8 +14,7 @@
"watch": "gulp watch" "watch": "gulp watch"
}, },
"dependencies": { "dependencies": {
"bulma": "^0.7.1", "bulma": "^0.7.1"
"bulmaswatch": "^0.7.1"
}, },
"devDependencies": { "devDependencies": {
"gulp": "^3.9.1", "gulp": "^3.9.1",

29
src/_theme.scss
View File

@ -1,6 +1,6 @@
@import url('/fonts/fonts.css'); @import url('/fonts/fonts.css');
@import 'variables'; @import 'variables';
@import '../../node_modules/bulma/bulma'; @import '../node_modules/bulma/bulma';
*, *:hover, *:active, *:focus{ *, *:hover, *:active, *:focus{
outline: none; outline: none;
@ -13,11 +13,15 @@
font-size: 0.85rem; font-size: 0.85rem;
font-weight: bold; font-weight: bold;
height: 2.648em; height: 2.648em;
box-shadow: 0.3em 0.3em 1em lighten($dark, 75); box-shadow: 0 0 .7em lighten($dark, 10);
&.is-hovered, &.is-hovered,
&:hover { &: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{ &.fullheight{
@ -30,7 +34,7 @@
&:active, &:active,
&:focus, &:focus,
&:focus:not(:active) { &: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{ &.icon-only{
@ -41,11 +45,9 @@
$color: nth($pair, 1); $color: nth($pair, 1);
&.is-#{$name} { &.is-#{$name} {
box-shadow: 0.3em 0.3em 1em lighten($color, 30);
&.is-hovered, &.is-hovered,
&:hover { &:hover {
box-shadow: 0.6em 0.6em 1em lighten($color, 30); box-shadow: .1em .1em .5em darken($color, 15);
} }
&.is-active, &.is-active,
@ -53,7 +55,7 @@
&:active, &:active,
&:focus, &:focus,
&:focus:not(:active) { &: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{ h1,h2,h3,h4,h5,h6{
font-family: $vikunja-font; font-family: $vikunja-font;
font-weight: 400 !important;
} }
.bigbuttons{ .bigbuttons{
@ -246,15 +247,5 @@ h1,h2,h3,h4,h5,h6{
margin-left: 3em; 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); $dark: lighten($black, 8);
$info-invert: #fff; $info-invert: #fff;
$family-sans-serif: 'Open Sans', Helvetica, Arial, sans-serif; $family-sans-serif: 'Source Sans Pro', Helvetica, Arial, sans-serif;
$thickness: 1px; $thickness: 1px;
$pagination-current-border: darken($primary, 5); $pagination-current-border: darken($primary, 5);
$navbar-item-active-color: $primary; $navbar-item-active-color: $primary;