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

biome format --write

Browse source
This commit is contained in:
Henry Jameson 2026-01-06 16:22:52 +02:00
commit 9262e803ec
415 changed files with 54076 additions and 17419 deletions
Download patch file Download diff file Expand all files Collapse all files

64
src/components/menu_item.style.js
View file

@ -1,109 +1,105 @@
export default {
name: 'MenuItem',
selector: '.menu-item',
validInnerComponents: [
'Text',
'Icon',
'Border'
],
validInnerComponents: ['Text', 'Icon', 'Border'],
states: {
hover: ':is(:hover, :focus-visible, :has(:focus-visible)):not(.disabled)',
active: '.-active',
disabled: '.disabled'
disabled: '.disabled',
},
defaultRules: [
{
directives: {
background: '--bg',
opacity: 0
}
opacity: 0,
},
},
{
state: ['hover'],
directives: {
background: '$mod(--bg 5)',
opacity: 1
}
opacity: 1,
},
},
{
state: ['active'],
directives: {
background: '$mod(--bg 10)',
opacity: 1
}
opacity: 1,
},
},
{
state: ['active', 'hover'],
directives: {
background: '$mod(--bg 15)',
opacity: 1
}
opacity: 1,
},
},
{
component: 'Text',
parent: {
component: 'MenuItem',
state: ['hover']
state: ['hover'],
},
directives: {
textColor: '--link',
textAuto: 'no-preserve'
}
textAuto: 'no-preserve',
},
},
{
component: 'Text',
parent: {
component: 'MenuItem',
state: ['active']
state: ['active'],
},
directives: {
textColor: '--link',
textAuto: 'no-preserve'
}
textAuto: 'no-preserve',
},
},
{
component: 'Icon',
parent: {
component: 'MenuItem',
state: ['active']
state: ['active'],
},
directives: {
textColor: '--link',
textAuto: 'no-preserve'
}
textAuto: 'no-preserve',
},
},
{
component: 'Icon',
parent: {
component: 'MenuItem',
state: ['hover']
state: ['hover'],
},
directives: {
textColor: '--link',
textAuto: 'no-preserve'
}
textAuto: 'no-preserve',
},
},
{
component: 'Text',
parent: {
component: 'MenuItem',
state: ['disabled']
state: ['disabled'],
},
directives: {
textOpacity: 0.25,
textOpacityMode: 'blend'
}
textOpacityMode: 'blend',
},
},
{
component: 'Icon',
parent: {
component: 'MenuItem',
state: ['disabled']
state: ['disabled'],
},
directives: {
textOpacity: 0.25,
textOpacityMode: 'blend'
}
}
]
textOpacityMode: 'blend',
},
},
],
}