diff options
author | dartcafe <github@dartcafe.de> | 2020-05-23 12:15:04 +0300 |
---|---|---|
committer | dartcafe <github@dartcafe.de> | 2020-08-28 09:21:59 +0300 |
commit | 8a5920bfbefa4085e5d14977d288636762c46348 (patch) | |
tree | c5437f6ddfa49e172fa32e821bf215dedadcee75 /src | |
parent | 95a420dd7209668a1640b820a51e5e83cefc6d33 (diff) |
experimental background style
Diffstat (limited to 'src')
-rw-r--r-- | src/js/App.vue | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/src/js/App.vue b/src/js/App.vue index 3db92da2..c8a47bbc 100644 --- a/src/js/App.vue +++ b/src/js/App.vue @@ -301,6 +301,44 @@ input { min-width: 320px; } +// experimental colored background in the main area +.app-polls.bgcolored { + .app-navigation { + border-right: 0px; + box-shadow: 2px 0 6px var(--color-box-shadow); + } + .app-content { + background-color: var(--color-primary-light); + [class*='area__'] { + box-shadow: 2px 2px 6px var(--color-box-shadow); + margin: 12px; + } + } +} + +// experimental background image +.app-polls.bgimage { + background: url('https://images.unsplash.com/photo-1589967698280-1e86b3d8c1ee?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1334&q=80)'); + background-size: cover; + .app-navigation { + backdrop-filter: blur(10px); + background-color: rgba(255, 255, 255, 0.5); + border-right: 0px; + box-shadow: 2px 0 6px var(--color-box-shadow); + } + .app-content { + background-color: transparent; + } + .app-sidebar { + backdrop-filter: blur(10px); + background-color: rgba(255, 255, 255, 0.5); + } + [class*='area__'] { + box-shadow: 2px 2px 6px var(--color-box-shadow); + margin: 12px; + } +} + [class*='area__'] { padding: 8px; background-color: var(--color-main-background); |