last shadow override i wanted to make for now. also small tweak

This commit is contained in:
Henry Jameson 2018-11-21 21:40:45 +03:00
parent b3ec3d450c
commit 18e0828ee7
4 changed files with 12 additions and 1 deletions

View file

@ -430,6 +430,7 @@ nav {
color: $fallback--faint; color: $fallback--faint;
color: var(--faint, $fallback--faint); color: var(--faint, $fallback--faint);
box-shadow: 0px 0px 4px rgba(0,0,0,.6); box-shadow: 0px 0px 4px rgba(0,0,0,.6);
box-shadow: var(--topBarShadow);
} }
.fade-enter-active, .fade-leave-active { .fade-enter-active, .fade-leave-active {

View file

@ -258,6 +258,8 @@
position: absolute; position: absolute;
z-index: 1; z-index: 1;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
// this doesn't match original but i don't care, making it uniform.
box-shadow: var(--popupShadow);
min-width: 75%; min-width: 75%;
background: $fallback--bg; background: $fallback--bg;
background: var(--bg, $fallback--bg); background: var(--bg, $fallback--bg);

View file

@ -259,7 +259,7 @@ export default {
return [...Object.values(this.preview.rules), 'color: var(--text)'].join(';') return [...Object.values(this.preview.rules), 'color: var(--text)'].join(';')
}, },
shadowsAvailable () { shadowsAvailable () {
return Object.keys(this.previewTheme.shadows) return Object.keys(this.previewTheme.shadows).sort()
}, },
currentShadowOverriden: { currentShadowOverriden: {
get () { get () {

View file

@ -301,6 +301,14 @@ const generateShadows = (input) => {
color: '#000000', color: '#000000',
alpha: 0.6 alpha: 0.6
}], }],
topBar: [{
x: 0,
y: 0,
blur: 4,
spread: 0,
color: '#000000',
alpha: 0.6
}],
popup: [{ popup: [{
x: 2, x: 2,
y: 2, y: 2,