42 lines
814 B
JavaScript
42 lines
814 B
JavaScript
import BaseStyle from 'primevue/base/style';
|
|
|
|
const theme = ({ dt }) => `
|
|
.p-buttongroup .p-button {
|
|
margin: 0;
|
|
}
|
|
|
|
.p-buttongroup .p-button:not(:last-child),
|
|
.p-buttongroup .p-button:not(:last-child):hover {
|
|
border-right: 0 none;
|
|
}
|
|
|
|
.p-buttongroup .p-button:not(:first-of-type):not(:last-of-type) {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.p-buttongroup .p-button:first-of-type:not(:only-of-type) {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.p-buttongroup .p-button:last-of-type:not(:only-of-type) {
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.p-buttongroup .p-button:focus {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
`;
|
|
|
|
const classes = {
|
|
root: 'p-buttongroup p-component'
|
|
};
|
|
|
|
export default BaseStyle.extend({
|
|
name: 'buttongroup',
|
|
theme,
|
|
classes
|
|
});
|