hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

better vars nomenclature

Browse source
This commit is contained in:
Henry Jameson 2024-10-06 14:10:19 +03:00
commit da2c016ab4
3 changed files with 24 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/components/input.style.js
View file

@ -18,9 +18,9 @@ export default {
{
component: 'Root',
directives: {
'--defaultInputBevel': 'shadow | $borderSide(#FFFFFF bottom 0.2), $borderSide(#000000 top 0.2)',
'--defaultInputHoverGlow': 'shadow | 0 0 4 --text / 0.5',
'--defaultInputFocusGlow': 'shadow | 0 0 4 4 --link / 0.5'
'--inputDefaultBevel': 'shadow | $borderSide(#FFFFFF bottom 0.2), $borderSide(#000000 top 0.2)',
'--inputDefaultHoverGlow': 'shadow | 0 0 4 --text / 0.5',
'--inputDefaultFocusGlow': 'shadow | 0 0 4 4 --link / 0.5'
}
},
{
@ -41,25 +41,25 @@ export default {
spread: 0,
color: '#000000',
alpha: 1
}, '--defaultInputBevel']
}, '--inputDefaultBevel']
}
},
{
state: ['hover'],
directives: {
shadow: ['--defaultInputHoverGlow', '--defaultInputBevel']
shadow: ['--inputDefaultHoverGlow', '--inputDefaultBevel']
}
},
{
state: ['focused'],
directives: {
shadow: ['--defaultInputFocusGlow', '--defaultInputBevel']
shadow: ['--inputDefaultFocusGlow', '--inputDefaultBevel']
}
},
{
state: ['focused', 'hover'],
directives: {
shadow: ['--defaultInputFocusGlow', '--defaultInputHoverGlow', '--defaultInputBevel']
shadow: ['--inputDefaultFocusGlow', '--inputDefaultHoverGlow', '--inputDefaultBevel']
}
},
{