forked from vikunja/frontend
Convert $light-background to CSS custom property
This commit is contained in:
parent
0a32d52a65
commit
dd942428e3
|
@ -2,7 +2,7 @@
|
||||||
// This is a workaround to hide the llama background from the top on the task detail page
|
// This is a workaround to hide the llama background from the top on the task detail page
|
||||||
margin-top: -1.5rem;
|
margin-top: -1.5rem;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
background-color: $light-background;
|
background-color: var(--light-background);
|
||||||
|
|
||||||
@media screen and (max-width: $desktop) {
|
@media screen and (max-width: $desktop) {
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
|
@ -225,7 +225,7 @@
|
||||||
border-radius: $radius;
|
border-radius: $radius;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
color: $text;
|
color: $text;
|
||||||
background-color: $light-background !important;
|
background-color: var(--light-background) !important;
|
||||||
|
|
||||||
@media screen and (max-width: 800px) {
|
@media screen and (max-width: 800px) {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
|
|
||||||
.pagination-link:not(.is-current) {
|
.pagination-link:not(.is-current) {
|
||||||
background: $light-background;
|
background: var(--light-background);
|
||||||
}
|
}
|
||||||
|
|
||||||
.box,
|
.box,
|
||||||
|
|
|
@ -35,7 +35,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-auth-wrapper {
|
.no-auth-wrapper {
|
||||||
background: url('/images/llama.svg') no-repeat bottom left fixed $light-background;
|
background: url('/images/llama.svg') no-repeat bottom left fixed var(--light-background);
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
|
|
||||||
.noauth-container {
|
.noauth-container {
|
||||||
|
|
|
@ -19,7 +19,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar.main-theme {
|
.navbar.main-theme {
|
||||||
background: $light-background;
|
background: var(--light-background);
|
||||||
z-index: 5 !important;
|
z-index: 5 !important;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
@ -25,7 +25,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background: $light-background;
|
background: var(--light-background);
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -14,6 +14,8 @@
|
||||||
|
|
||||||
--white: hsl(0, 0%, 100%);
|
--white: hsl(0, 0%, 100%);
|
||||||
--black: hsl(0, 0%, 4%);
|
--black: hsl(0, 0%, 4%);
|
||||||
|
|
||||||
|
--light-background: var(--grey-100);
|
||||||
}
|
}
|
||||||
|
|
||||||
$grey-50: #F9FAFB;
|
$grey-50: #F9FAFB;
|
||||||
|
|
|
@ -8,14 +8,13 @@ $navbar-item-active-color: $primary;
|
||||||
$dropdown-content-shadow: none;
|
$dropdown-content-shadow: none;
|
||||||
$navbar-dropdown-boxed-shadow: $dropdown-content-shadow;
|
$navbar-dropdown-boxed-shadow: $dropdown-content-shadow;
|
||||||
$bulmaswatch-import-font: false !default;
|
$bulmaswatch-import-font: false !default;
|
||||||
$light-background: var(--grey-100);
|
|
||||||
$transition-duration: 100ms;
|
$transition-duration: 100ms;
|
||||||
$flash-background-duration: 750ms;
|
$flash-background-duration: 750ms;
|
||||||
|
|
||||||
$vikunja-font: 'Quicksand', sans-serif;
|
$vikunja-font: 'Quicksand', sans-serif;
|
||||||
|
|
||||||
$navbar-padding: 2rem;
|
$navbar-padding: 2rem;
|
||||||
$vikunja-nav-background: $light-background;
|
$vikunja-nav-background: var(--light-background);
|
||||||
$vikunja-nav-color: var(--grey-700);
|
$vikunja-nav-color: var(--grey-700);
|
||||||
$vikunja-nav-selected-width: 0.4rem;
|
$vikunja-nav-selected-width: 0.4rem;
|
||||||
$vikunja-nav-logo-full-width: 164px;
|
$vikunja-nav-logo-full-width: 164px;
|
||||||
|
|
Loading…
Reference in New Issue
Block a user