Cleanup code & make sure it has a common code style
This commit is contained in:
@ -5,7 +5,7 @@
|
||||
|
||||
.dropzone {
|
||||
position: fixed;
|
||||
background: rgba(250,250,250,0.8);
|
||||
background: rgba(250, 250, 250, 0.8);
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
@ -14,7 +14,7 @@
|
||||
text-align: center;
|
||||
|
||||
&.hidden {
|
||||
display:none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.drop-hint {
|
||||
|
@ -16,7 +16,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.box,.card{
|
||||
.box, .card {
|
||||
border: $thickness solid $border;
|
||||
box-shadow: 0.3em 0.3em 0.8em darken($light, 6);
|
||||
}
|
||||
|
@ -25,10 +25,12 @@ fieldset[disabled] .multiselect {
|
||||
border-width: 2px;
|
||||
box-shadow: 0 0 0 1px transparent;
|
||||
}
|
||||
|
||||
&:before {
|
||||
animation: spinning 2.4s cubic-bezier(0.41, 0.26, 0.2, 0.62);
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
|
||||
&:after {
|
||||
animation: spinning 2.4s cubic-bezier(0.51, 0.09, 0.21, 0.8);
|
||||
animation-iteration-count: infinite;
|
||||
@ -58,9 +60,11 @@ fieldset[disabled] .multiselect {
|
||||
min-height: 40px;
|
||||
text-align: left;
|
||||
color: $text;
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
@ -73,12 +77,14 @@ fieldset[disabled] .multiselect {
|
||||
|
||||
.multiselect--active {
|
||||
z-index: 50;
|
||||
|
||||
&:not(.multiselect--above) {
|
||||
.multiselect__current, .multiselect__input, .multiselect__tags {
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.multiselect__select {
|
||||
transform: rotateZ(180deg);
|
||||
}
|
||||
@ -131,6 +137,7 @@ fieldset[disabled] .multiselect {
|
||||
border-color: $primary;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
padding-left: 5px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
@ -184,14 +191,17 @@ fieldset[disabled] .multiselect {
|
||||
line-height: 22px;
|
||||
transition: all 0.2s ease;
|
||||
border-radius: 5px;
|
||||
|
||||
&:after {
|
||||
content: "×";
|
||||
color: darken($multiselect-highlight, 20);
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
&:focus, &:hover {
|
||||
background: lighten($multiselect-highlight, 10);
|
||||
}
|
||||
|
||||
&:focus:after, &:hover:after {
|
||||
color: $white;
|
||||
}
|
||||
@ -227,6 +237,7 @@ fieldset[disabled] .multiselect {
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
transition: transform 0.2s ease;
|
||||
|
||||
&:before {
|
||||
position: relative;
|
||||
right: 0;
|
||||
@ -305,6 +316,7 @@ fieldset[disabled] .multiselect {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
|
||||
&:after {
|
||||
top: 0;
|
||||
right: 0;
|
||||
@ -320,6 +332,7 @@ fieldset[disabled] .multiselect {
|
||||
background: $multiselect-highlight;
|
||||
outline: none;
|
||||
color: $white;
|
||||
|
||||
&:after {
|
||||
content: attr(data-select);
|
||||
background: $multiselect-highlight;
|
||||
@ -331,13 +344,16 @@ fieldset[disabled] .multiselect {
|
||||
background: darken($white, 10);
|
||||
color: $multiselect-dark;
|
||||
font-weight: bold;
|
||||
|
||||
&:after {
|
||||
content: attr(data-selected);
|
||||
color: silver;
|
||||
}
|
||||
|
||||
&.multiselect__option--highlight {
|
||||
background: $multiselect-highlight-negative;
|
||||
color: $white;
|
||||
|
||||
&:after {
|
||||
background: $multiselect-highlight-negative;
|
||||
content: attr(data-deselect);
|
||||
@ -348,6 +364,7 @@ fieldset[disabled] .multiselect {
|
||||
|
||||
.multiselect--disabled {
|
||||
pointer-events: none;
|
||||
|
||||
.multiselect__current, .multiselect__select {
|
||||
background: $multiselect-disabled;
|
||||
color: darken($multiselect-disabled, 40);
|
||||
@ -364,9 +381,11 @@ fieldset[disabled] .multiselect {
|
||||
.multiselect__option--group {
|
||||
background: $multiselect-disabled;
|
||||
color: $multiselect-dark;
|
||||
|
||||
&.multiselect__option--highlight {
|
||||
background: $multiselect-dark;
|
||||
color: $white;
|
||||
|
||||
&:after {
|
||||
background: $multiselect-dark;
|
||||
}
|
||||
@ -380,6 +399,7 @@ fieldset[disabled] .multiselect {
|
||||
.multiselect__option--group-selected.multiselect__option--highlight {
|
||||
background: $multiselect-highlight-negative;
|
||||
color: $white;
|
||||
|
||||
&:after {
|
||||
background: $multiselect-highlight-negative;
|
||||
content: attr(data-deselect);
|
||||
@ -406,24 +426,30 @@ fieldset[disabled] .multiselect {
|
||||
.multiselect {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.multiselect__select {
|
||||
right: auto;
|
||||
left: 1px;
|
||||
}
|
||||
|
||||
.multiselect__tags {
|
||||
padding: 8px 8px 0px 40px;
|
||||
}
|
||||
|
||||
.multiselect__content {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.multiselect__option:after {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.multiselect__clear {
|
||||
right: auto;
|
||||
left: 12px;
|
||||
}
|
||||
|
||||
.multiselect__spinner {
|
||||
right: auto;
|
||||
left: 1px;
|
||||
|
@ -1,4 +1,3 @@
|
||||
|
||||
// Chrome
|
||||
::-webkit-scrollbar {
|
||||
width: $scrollbar-height;
|
||||
@ -25,7 +24,7 @@
|
||||
}
|
||||
|
||||
// Firefox
|
||||
*{
|
||||
* {
|
||||
scrollbar-color: $scrollbar-thumb-color $scrollbar-track-color;
|
||||
scrollbar-width: thin;
|
||||
}
|
||||
|
@ -1,4 +1,4 @@
|
||||
.fullpage{
|
||||
.fullpage {
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
top: 0;
|
||||
@ -16,7 +16,7 @@
|
||||
padding: 20vw 10vw;
|
||||
}
|
||||
|
||||
input{
|
||||
input {
|
||||
background: transparent;
|
||||
border: none;
|
||||
border-bottom: 3px solid darken($vikunja-blue, 10);
|
||||
@ -25,7 +25,7 @@
|
||||
font-size: 1.5em;
|
||||
border-radius: 0;
|
||||
|
||||
&::placeholder{
|
||||
&::placeholder {
|
||||
color: $vikunja-light-text;
|
||||
}
|
||||
}
|
||||
@ -35,7 +35,7 @@
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
h3{
|
||||
h3 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
@ -46,12 +46,12 @@
|
||||
color: $vikunja-light-text;
|
||||
}
|
||||
|
||||
.small{
|
||||
.small {
|
||||
margin-top: 1em;
|
||||
font-size: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
.fullpage-overlay{
|
||||
.fullpage-overlay {
|
||||
z-index: 6 !important;
|
||||
}
|
@ -146,7 +146,7 @@ $gantt-vertical-border-color: lighten($grey, 45);
|
||||
}
|
||||
}
|
||||
|
||||
.high-priority{
|
||||
.high-priority {
|
||||
margin: 0 0 0 .5em;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
@ -1,13 +1,13 @@
|
||||
.labels-list {
|
||||
a, a:hover{
|
||||
a, a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.tag{
|
||||
.tag {
|
||||
margin: 0.5em;
|
||||
background: darken($background, 5);
|
||||
|
||||
&.disabled{
|
||||
&.disabled {
|
||||
opacity: 0.7;
|
||||
|
||||
&, a {
|
||||
|
@ -47,18 +47,41 @@
|
||||
animation: wave 2s ease infinite;
|
||||
margin-right: 5px;
|
||||
|
||||
&:nth-child(1){ animation-delay: 0; }
|
||||
&:nth-child(2){ animation-delay: 100ms; }
|
||||
&:nth-child(3){ animation-delay: 200ms; }
|
||||
&:nth-child(4){ animation-delay: 300ms; }
|
||||
&:nth-child(5){ animation-delay: 400ms; }
|
||||
&:nth-child(6){ animation-delay: 500ms; }
|
||||
&:nth-child(7){ animation-delay: 600ms; }
|
||||
&:nth-child(8){ animation-delay: 700ms; }
|
||||
&:nth-child(1) {
|
||||
animation-delay: 0;
|
||||
}
|
||||
|
||||
&:nth-child(2) {
|
||||
animation-delay: 100ms;
|
||||
}
|
||||
|
||||
&:nth-child(3) {
|
||||
animation-delay: 200ms;
|
||||
}
|
||||
|
||||
&:nth-child(4) {
|
||||
animation-delay: 300ms;
|
||||
}
|
||||
|
||||
&:nth-child(5) {
|
||||
animation-delay: 400ms;
|
||||
}
|
||||
|
||||
&:nth-child(6) {
|
||||
animation-delay: 500ms;
|
||||
}
|
||||
|
||||
&:nth-child(7) {
|
||||
animation-delay: 600ms;
|
||||
}
|
||||
|
||||
&:nth-child(8) {
|
||||
animation-delay: 700ms;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes wave{
|
||||
@keyframes wave {
|
||||
0%, 40%, 100% {
|
||||
transform: translate(0, 0);
|
||||
background-color: $primary;
|
||||
|
@ -1,25 +1,25 @@
|
||||
ul.teams{
|
||||
ul.teams {
|
||||
padding: 0;
|
||||
margin-left: 0;
|
||||
overflow: hidden;
|
||||
|
||||
li{
|
||||
li {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid $border;
|
||||
|
||||
a{
|
||||
a {
|
||||
color: #363636;
|
||||
display: block;
|
||||
padding: 0.5rem 1rem;
|
||||
|
||||
&:hover{
|
||||
&:hover {
|
||||
background: darken(#fff, 2%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
li:last-child{
|
||||
li:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
@ -2,120 +2,120 @@ $font-files-path: '../../public/fonts/';
|
||||
|
||||
/* quicksand-300 - latin */
|
||||
@font-face {
|
||||
font-family: 'Quicksand';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
font-display: swap;
|
||||
src: url($font-files-path + 'quicksand-v7-latin-300.eot'); /* IE9 Compat Modes */
|
||||
src: local('Quicksand Light'), local('Quicksand-Light'),
|
||||
url($font-files-path + 'quicksand-v7-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url($font-files-path + 'quicksand-v7-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url($font-files-path + 'quicksand-v7-latin-300.woff') format('woff'), /* Modern Browsers */
|
||||
url($font-files-path + 'quicksand-v7-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url($font-files-path + 'quicksand-v7-latin-300.svg#Quicksand') format('svg'); /* Legacy iOS */
|
||||
font-family: 'Quicksand';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
font-display: swap;
|
||||
src: url($font-files-path + 'quicksand-v7-latin-300.eot'); /* IE9 Compat Modes */
|
||||
src: local('Quicksand Light'), local('Quicksand-Light'),
|
||||
url($font-files-path + 'quicksand-v7-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url($font-files-path + 'quicksand-v7-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url($font-files-path + 'quicksand-v7-latin-300.woff') format('woff'), /* Modern Browsers */
|
||||
url($font-files-path + 'quicksand-v7-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url($font-files-path + 'quicksand-v7-latin-300.svg#Quicksand') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* quicksand-regular - latin */
|
||||
@font-face {
|
||||
font-family: 'Quicksand';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url($font-files-path + 'quicksand-v7-latin-regular.eot'); /* IE9 Compat Modes */
|
||||
src: local('Quicksand Regular'), local('Quicksand-Regular'),
|
||||
url($font-files-path + 'quicksand-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url($font-files-path + 'quicksand-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url($font-files-path + 'quicksand-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
|
||||
url($font-files-path + 'quicksand-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url($font-files-path + 'quicksand-v7-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */
|
||||
font-family: 'Quicksand';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url($font-files-path + 'quicksand-v7-latin-regular.eot'); /* IE9 Compat Modes */
|
||||
src: local('Quicksand Regular'), local('Quicksand-Regular'),
|
||||
url($font-files-path + 'quicksand-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url($font-files-path + 'quicksand-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url($font-files-path + 'quicksand-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
|
||||
url($font-files-path + 'quicksand-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url($font-files-path + 'quicksand-v7-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* quicksand-500 - latin */
|
||||
@font-face {
|
||||
font-family: 'Quicksand';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
src: url($font-files-path + 'quicksand-v7-latin-500.eot'); /* IE9 Compat Modes */
|
||||
src: local('Quicksand Medium'), local('Quicksand-Medium'),
|
||||
url($font-files-path + 'quicksand-v7-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url($font-files-path + 'quicksand-v7-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url($font-files-path + 'quicksand-v7-latin-500.woff') format('woff'), /* Modern Browsers */
|
||||
url($font-files-path + 'quicksand-v7-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url($font-files-path + 'quicksand-v7-latin-500.svg#Quicksand') format('svg'); /* Legacy iOS */
|
||||
font-family: 'Quicksand';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
src: url($font-files-path + 'quicksand-v7-latin-500.eot'); /* IE9 Compat Modes */
|
||||
src: local('Quicksand Medium'), local('Quicksand-Medium'),
|
||||
url($font-files-path + 'quicksand-v7-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url($font-files-path + 'quicksand-v7-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url($font-files-path + 'quicksand-v7-latin-500.woff') format('woff'), /* Modern Browsers */
|
||||
url($font-files-path + 'quicksand-v7-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url($font-files-path + 'quicksand-v7-latin-500.svg#Quicksand') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* quicksand-700 - latin */
|
||||
@font-face {
|
||||
font-family: 'Quicksand';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url($font-files-path + 'quicksand-v7-latin-700.eot'); /* IE9 Compat Modes */
|
||||
src: local('Quicksand Bold'), local('Quicksand-Bold'),
|
||||
url($font-files-path + 'quicksand-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url($font-files-path + 'quicksand-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url($font-files-path + 'quicksand-v7-latin-700.woff') format('woff'), /* Modern Browsers */
|
||||
url($font-files-path + 'quicksand-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url($font-files-path + 'quicksand-v7-latin-700.svg#Quicksand') format('svg'); /* Legacy iOS */
|
||||
font-family: 'Quicksand';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url($font-files-path + 'quicksand-v7-latin-700.eot'); /* IE9 Compat Modes */
|
||||
src: local('Quicksand Bold'), local('Quicksand-Bold'),
|
||||
url($font-files-path + 'quicksand-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url($font-files-path + 'quicksand-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url($font-files-path + 'quicksand-v7-latin-700.woff') format('woff'), /* Modern Browsers */
|
||||
url($font-files-path + 'quicksand-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url($font-files-path + 'quicksand-v7-latin-700.svg#Quicksand') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* open-sans-regular - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url($font-files-path + 'open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
|
||||
src: local('Open Sans Regular'), local('OpenSans-Regular'),
|
||||
url($font-files-path + 'open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url($font-files-path + 'open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url($font-files-path + 'open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
|
||||
url($font-files-path + 'open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url($font-files-path + 'open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url($font-files-path + 'open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
|
||||
src: local('Open Sans Regular'), local('OpenSans-Regular'),
|
||||
url($font-files-path + 'open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url($font-files-path + 'open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url($font-files-path + 'open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
|
||||
url($font-files-path + 'open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url($font-files-path + 'open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* open-sans-italic - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url($font-files-path + 'open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
|
||||
src: local('Open Sans Italic'), local('OpenSans-Italic'),
|
||||
url($font-files-path + 'open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url($font-files-path + 'open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url($font-files-path + 'open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
|
||||
url($font-files-path + 'open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url($font-files-path + 'open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url($font-files-path + 'open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
|
||||
src: local('Open Sans Italic'), local('OpenSans-Italic'),
|
||||
url($font-files-path + 'open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url($font-files-path + 'open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url($font-files-path + 'open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
|
||||
url($font-files-path + 'open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url($font-files-path + 'open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* open-sans-700 - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url($font-files-path + 'open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
|
||||
src: local('Open Sans Bold'), local('OpenSans-Bold'),
|
||||
url($font-files-path + 'open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url($font-files-path + 'open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url($font-files-path + 'open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
|
||||
url($font-files-path + 'open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url($font-files-path + 'open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
font-family: 'Open Sans';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url($font-files-path + 'open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
|
||||
src: local('Open Sans Bold'), local('OpenSans-Bold'),
|
||||
url($font-files-path + 'open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url($font-files-path + 'open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url($font-files-path + 'open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
|
||||
url($font-files-path + 'open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url($font-files-path + 'open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
/* open-sans-700italic - latin */
|
||||
@font-face {
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url($font-files-path + 'open-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */
|
||||
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
|
||||
url($font-files-path + 'open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url($font-files-path + 'open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url($font-files-path + 'open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
|
||||
url($font-files-path + 'open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url($font-files-path + 'open-sans-v15-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
font-family: 'Open Sans';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url($font-files-path + 'open-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */
|
||||
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
|
||||
url($font-files-path + 'open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url($font-files-path + 'open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url($font-files-path + 'open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
|
||||
url($font-files-path + 'open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url($font-files-path + 'open-sans-v15-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
@ -12,7 +12,7 @@
|
||||
box-shadow: 0.6em 0.6em 1em lighten($dark, 75);
|
||||
}
|
||||
|
||||
&.fullheight{
|
||||
&.fullheight {
|
||||
padding-right: 7px;
|
||||
height: 100%;
|
||||
}
|
||||
@ -25,7 +25,7 @@
|
||||
box-shadow: 0.1em 0.1em 0.7em lighten($dark, 75) !important;
|
||||
}
|
||||
|
||||
&.icon-only{
|
||||
&.icon-only {
|
||||
padding-left: 16px;
|
||||
}
|
||||
|
||||
@ -58,7 +58,7 @@
|
||||
color: $white;
|
||||
}
|
||||
|
||||
&.noshadow{
|
||||
&.noshadow {
|
||||
&,
|
||||
&.is-hovered,
|
||||
&:hover,
|
||||
@ -130,7 +130,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.bigbuttons{
|
||||
.bigbuttons {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
@ -152,7 +152,7 @@
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.button-right{
|
||||
.button-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
@ -161,7 +161,7 @@
|
||||
}
|
||||
|
||||
// Contenteditable form
|
||||
.input.title{
|
||||
.input.title {
|
||||
font-size: 1.8rem;
|
||||
font-family: $vikunja-font;
|
||||
font-weight: 400 !important;
|
||||
@ -177,7 +177,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
h1, h2, h3{
|
||||
h1, h2, h3 {
|
||||
.input.title {
|
||||
height: auto;
|
||||
}
|
||||
|
@ -25,7 +25,7 @@
|
||||
|
||||
.link-share-list {
|
||||
.field.has-addons {
|
||||
.control:first-child{
|
||||
.control:first-child {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@ -49,7 +49,7 @@
|
||||
overflow-y: auto
|
||||
}
|
||||
|
||||
.link-share-container.has-background .container{
|
||||
.link-share-container.has-background .container {
|
||||
max-width: 100vw;
|
||||
|
||||
.column {
|
||||
|
@ -3,6 +3,7 @@
|
||||
position: relative;
|
||||
pointer-events: none;
|
||||
opacity: 0.5;
|
||||
|
||||
&:after {
|
||||
@include loader;
|
||||
position: absolute;
|
||||
@ -15,9 +16,10 @@
|
||||
}
|
||||
}
|
||||
|
||||
.spinner{
|
||||
.spinner {
|
||||
&.is-loading {
|
||||
pointer-events: none;
|
||||
|
||||
&:after {
|
||||
@include loader;
|
||||
width: 2em;
|
||||
|
@ -10,11 +10,11 @@
|
||||
}
|
||||
}
|
||||
|
||||
.notifications{
|
||||
.notifications {
|
||||
left: 0.5em !important;
|
||||
bottom: 1em !important;
|
||||
|
||||
.notification-wrapper .notification{
|
||||
.notification-wrapper .notification {
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
|
@ -19,7 +19,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: $tablet){
|
||||
@media screen and (max-width: $tablet) {
|
||||
& {
|
||||
position: fixed;
|
||||
left: 1em;
|
||||
|
@ -1,4 +1,3 @@
|
||||
|
||||
@-webkit-keyframes bounce {
|
||||
from,
|
||||
20%,
|
||||
|
@ -1,6 +1,7 @@
|
||||
.fade-enter-active, .fade-leave-active {
|
||||
transition: opacity $transition-duration;
|
||||
}
|
||||
|
||||
.fade-enter, .fade-leave-to {
|
||||
opacity: 0;
|
||||
}
|
||||
@ -8,6 +9,7 @@
|
||||
.width-enter-active, .width-leave-active {
|
||||
transition: width $transition-duration;
|
||||
}
|
||||
|
||||
.width-enter, .width-leave-to {
|
||||
width: 0;
|
||||
}
|
Reference in New Issue
Block a user