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
|
||||
margin-top: -1.5rem;
|
||||
padding: 1rem;
|
||||
background-color: $light-background;
|
||||
background-color: var(--light-background);
|
||||
|
||||
@media screen and (max-width: $desktop) {
|
||||
padding-bottom: 0;
|
||||
|
@ -225,7 +225,7 @@
|
|||
border-radius: $radius;
|
||||
padding: 1rem;
|
||||
color: $text;
|
||||
background-color: $light-background !important;
|
||||
background-color: var(--light-background) !important;
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
border-radius: 0;
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
min-height: 100vh;
|
||||
|
||||
.pagination-link:not(.is-current) {
|
||||
background: $light-background;
|
||||
background: var(--light-background);
|
||||
}
|
||||
|
||||
.box,
|
||||
|
|
|
@ -35,7 +35,7 @@
|
|||
}
|
||||
|
||||
.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;
|
||||
|
||||
.noauth-container {
|
||||
|
|
|
@ -19,7 +19,7 @@
|
|||
}
|
||||
|
||||
.navbar.main-theme {
|
||||
background: $light-background;
|
||||
background: var(--light-background);
|
||||
z-index: 5 !important;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
|
|
@ -25,7 +25,7 @@
|
|||
}
|
||||
|
||||
body {
|
||||
background: $light-background;
|
||||
background: var(--light-background);
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
|
|
|
@ -14,6 +14,8 @@
|
|||
|
||||
--white: hsl(0, 0%, 100%);
|
||||
--black: hsl(0, 0%, 4%);
|
||||
|
||||
--light-background: var(--grey-100);
|
||||
}
|
||||
|
||||
$grey-50: #F9FAFB;
|
||||
|
|
|
@ -8,14 +8,13 @@ $navbar-item-active-color: $primary;
|
|||
$dropdown-content-shadow: none;
|
||||
$navbar-dropdown-boxed-shadow: $dropdown-content-shadow;
|
||||
$bulmaswatch-import-font: false !default;
|
||||
$light-background: var(--grey-100);
|
||||
$transition-duration: 100ms;
|
||||
$flash-background-duration: 750ms;
|
||||
|
||||
$vikunja-font: 'Quicksand', sans-serif;
|
||||
|
||||
$navbar-padding: 2rem;
|
||||
$vikunja-nav-background: $light-background;
|
||||
$vikunja-nav-background: var(--light-background);
|
||||
$vikunja-nav-color: var(--grey-700);
|
||||
$vikunja-nav-selected-width: 0.4rem;
|
||||
$vikunja-nav-logo-full-width: 164px;
|
||||
|
|
Loading…
Reference in New Issue