ami/tl-vikunja
1
0
Fork 0
Code Activity

Moved general css to seperate file & added theme from Bulmaswatch

Browse Source
This commit is contained in:
konrad
2018-09-09 19:51:33 +02:00
parent fdd414d76b
commit 85923704d8
5 changed files with 102 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
src/App.vue
View File

@ -142,89 +142,6 @@
</script>
<style lang="scss">
@import url('/fonts/fonts.css');
*, *:focus, *:active{
outline: none;
}
body {
background: #f5f5f5;
min-height: 100vh;
}
h1,h2,h3,h4,h5,h6{
font-family: 'Quicksand', sans-serif;
font-weight: 400 !important;
}
/* spinner */
.fullscreen-loader-wrapper {
position: fixed;
background: rgba(250,250,250,0.8);
z-index: 5;
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
width: 78%;
height: 100%;
margin: -1em auto;
}
.full-loader-wrapper{
background: rgba(250,250,250,0.8);
position: absolute;
width: 78%;
height: 100%;
margin: -1em auto;
}
.half-circle-spinner, .half-circle-spinner * {
box-sizing: border-box;
}
.half-circle-spinner {
width: 60px;
height: 60px;
border-radius: 100%;
position: relative;
left: calc(50% - 30px);
top: calc(50% - 30px);
}
.half-circle-spinner .circle {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-radius: 100%;
border: calc(60px / 10) solid transparent;
}
.half-circle-spinner .circle.circle-1 {
border-top-color: #4CAF50;
animation: half-circle-spinner-animation 1s infinite;
}
.half-circle-spinner .circle.circle-2 {
border-bottom-color: #4CAF50;
animation: half-circle-spinner-animation 1s infinite alternate;
}
@keyframes half-circle-spinner-animation {
0% {
transform: rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}
/* Logout-icon */
.logout-icon {
padding-right: 2em !important;

2
src/main.js
View File

@ -3,7 +3,7 @@ import App from './App.vue'
import router from './router'
import auth from './auth'
import '../node_modules/bulma/bulma.sass'
import './vikunja.scss'
Vue.config.productionTip = false

90
src/vikunja.scss Normal file
View File

@ -0,0 +1,90 @@
*, *:hover, *:active, *:focus{
outline: none;
}
@import '../node_modules/bulmaswatch/lumen/variables';
@import "../node_modules/bulma/bulma";
@import '../node_modules/bulmaswatch/lumen/overrides';
@import url('/fonts/fonts.css');
*, *:focus, *:active{
outline: none;
}
body {
background: #f5f5f5;
min-height: 100vh;
}
h1,h2,h3,h4,h5,h6{
font-family: 'Quicksand', sans-serif;
font-weight: 400 !important;
}
/* spinner */
.fullscreen-loader-wrapper {
position: fixed;
background: rgba(250,250,250,0.8);
z-index: 5;
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
width: 78%;
height: 100%;
margin: -1em auto;
}
.full-loader-wrapper{
background: rgba(250,250,250,0.8);
position: absolute;
width: 78%;
height: 100%;
margin: -1em auto;
}
.half-circle-spinner, .half-circle-spinner * {
box-sizing: border-box;
}
.half-circle-spinner {
width: 60px;
height: 60px;
border-radius: 100%;
position: relative;
left: calc(50% - 30px);
top: calc(50% - 30px);
}
.half-circle-spinner .circle {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-radius: 100%;
border: calc(60px / 10) solid transparent;
}
.half-circle-spinner .circle.circle-1 {
border-top-color: #4CAF50;
animation: half-circle-spinner-animation 1s infinite;
}
.half-circle-spinner .circle.circle-2 {
border-bottom-color: #4CAF50;
animation: half-circle-spinner-animation 1s infinite alternate;
}
@keyframes half-circle-spinner-animation {
0% {
transform: rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}