64 lines
1.7 KiB
JavaScript
64 lines
1.7 KiB
JavaScript
|
export default {
|
||
|
|
separator: {
|
||
|
|
background: '{content.border.color}',
|
||
|
|
activeBackground: '{primary.color}',
|
||
|
|
orientation: {
|
||
|
|
vertical: {
|
||
|
|
margin: '0 0 0 1.625rem'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
size: '2px'
|
||
|
|
},
|
||
|
|
item: {
|
||
|
|
padding: '0.5rem',
|
||
|
|
gap: '1rem'
|
||
|
|
},
|
||
|
|
itemHeader: {
|
||
|
|
padding: '0',
|
||
|
|
borderRadius: '{content.border.radius}',
|
||
|
|
focusRing: {
|
||
|
|
width: '{focus.ring.width}',
|
||
|
|
style: '{focus.ring.style}',
|
||
|
|
color: '{focus.ring.color}',
|
||
|
|
offset: '{focus.ring.offset}',
|
||
|
|
shadow: '{focus.ring.shadow}'
|
||
|
|
},
|
||
|
|
gap: '0.5rem'
|
||
|
|
},
|
||
|
|
itemTitle: {
|
||
|
|
color: '{text.muted.color}',
|
||
|
|
activeColor: '{primary.color}',
|
||
|
|
fontWeight: '500'
|
||
|
|
},
|
||
|
|
itemNumber: {
|
||
|
|
background: '{content.background}',
|
||
|
|
activeBackground: '{content.background}',
|
||
|
|
borderColor: '{content.border.color}',
|
||
|
|
color: '{text.muted.color}',
|
||
|
|
activeColor: '{primary.color}',
|
||
|
|
size: '2rem',
|
||
|
|
fontSize: '1.143rem',
|
||
|
|
fontWeight: '500',
|
||
|
|
borderRadius: '50%',
|
||
|
|
shadow: '0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12)'
|
||
|
|
},
|
||
|
|
verticalPanelContainer: {
|
||
|
|
paddingLeft: '1rem'
|
||
|
|
},
|
||
|
|
panelContent: {
|
||
|
|
background: '{content.background}',
|
||
|
|
color: '{content.color}',
|
||
|
|
orientation: {
|
||
|
|
horizontal: {
|
||
|
|
padding: '0.875rem 0.5rem 1.125rem 0.5rem'
|
||
|
|
},
|
||
|
|
vertical: {
|
||
|
|
padding: '0 0 0 1rem',
|
||
|
|
last: {
|
||
|
|
padding: '0 0 0 3rem'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|