therwi/sunkkoma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed checkbox styles, optimized default shadows

Browse source
This commit is contained in:
Henry Jameson 2018-11-23 00:24:16 +03:00
parent d6f7cb469c
commit 29082e9aee
3 changed files with 20 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

50
src/services/style_setter/style_setter.js
View file

@ -256,40 +256,26 @@ const generateRadii = (input) => {
}
const generateShadows = (input) => {
const buttonInsetFakeBorders = [{
const border = (top, shadow) => ({
x: 0,
y: 1,
y: top ? 1 : -1,
blur: 0,
spread: 0,
color: '#FFFFFF',
color: shadow ? '#000000' : '#FFFFFF',
alpha: 0.2,
inset: true
}, {
})
const buttonInsetFakeBorders = [border(true, false), border(false, true)]
const inputInsetFakeBorders = [border(true, true), border(false, false)]
const hoverGlow = {
x: 0,
y: -1,
blur: 0,
y: 0,
blur: 4,
spread: 0,
color: '#000000',
alpha: 0.2,
inset: true
}]
const inputInsetFakeBorders = [{
x: 0,
y: 1,
blur: 0,
spread: 0,
color: '#000000',
alpha: 0.2,
inset: true
}, {
x: 0,
y: -1,
blur: 0,
spread: 0,
color: '#FFFFFF',
alpha: 0.2,
inset: true
}]
color: '--faint',
alpha: 1
}
const shadows = {
panel: [{
x: 1,
@ -332,14 +318,8 @@ const generateShadows = (input) => {
color: '#000000',
alpha: 1
}, ...buttonInsetFakeBorders],
buttonHover: [{
x: 0,
y: 0,
blur: 4,
spread: 0,
color: '--faint',
alpha: 1
}, ...buttonInsetFakeBorders],
buttonHover: [hoverGlow, ...buttonInsetFakeBorders],
buttonPressed: [hoverGlow, ...inputInsetFakeBorders],
input: [...inputInsetFakeBorders, {
x: 0,
y: 0,