Refactor #6636 - For InputGroup
parent
52b07751a0
commit
76c072442e
|
@ -22,18 +22,18 @@ const theme = ({ dt }) => `
|
|||
padding: ${dt('inputgroup.addon.padding')};
|
||||
background: ${dt('inputgroup.addon.background')};
|
||||
color: ${dt('inputgroup.addon.color')};
|
||||
border-top: 1px solid ${dt('inputgroup.addon.border.color')};
|
||||
border-bottom: 1px solid ${dt('inputgroup.addon.border.color')};
|
||||
border-block-start: 1px solid ${dt('inputgroup.addon.border.color')};
|
||||
border-block-end: 1px solid ${dt('inputgroup.addon.border.color')};
|
||||
min-width: ${dt('inputgroup.addon.min.width')};
|
||||
}
|
||||
|
||||
.p-inputgroupaddon:first-child,
|
||||
.p-inputgroupaddon + .p-inputgroupaddon {
|
||||
border-left: 1px solid ${dt('inputgroup.addon.border.color')};
|
||||
border-inline-start: 1px solid ${dt('inputgroup.addon.border.color')};
|
||||
}
|
||||
|
||||
.p-inputgroupaddon:last-child {
|
||||
border-right: 1px solid ${dt('inputgroup.addon.border.color')};
|
||||
border-inline-end: 1px solid ${dt('inputgroup.addon.border.color')};
|
||||
}
|
||||
|
||||
.p-inputgroup > .p-component,
|
||||
|
@ -53,8 +53,8 @@ const theme = ({ dt }) => `
|
|||
.p-inputgroup > .p-floatlabel:first-child > .p-inputwrapper > .p-component,
|
||||
.p-inputgroup > .p-iftalabel:first-child > .p-component,
|
||||
.p-inputgroup > .p-iftalabel:first-child > .p-inputwrapper > .p-component {
|
||||
border-top-left-radius: ${dt('inputgroup.addon.border.radius')};
|
||||
border-bottom-left-radius: ${dt('inputgroup.addon.border.radius')};
|
||||
border-start-start-radius: ${dt('inputgroup.addon.border.radius')};
|
||||
border-end-start-radius: ${dt('inputgroup.addon.border.radius')};
|
||||
}
|
||||
|
||||
.p-inputgroupaddon:last-child,
|
||||
|
@ -64,8 +64,8 @@ const theme = ({ dt }) => `
|
|||
.p-inputgroup > .p-floatlabel:last-child > .p-inputwrapper > .p-component,
|
||||
.p-inputgroup > .p-iftalabel:last-child > .p-component,
|
||||
.p-inputgroup > .p-iftalabel:last-child > .p-inputwrapper > .p-component {
|
||||
border-top-right-radius: ${dt('inputgroup.addon.border.radius')};
|
||||
border-bottom-right-radius: ${dt('inputgroup.addon.border.radius')};
|
||||
border-start-end-radius: ${dt('inputgroup.addon.border.radius')};
|
||||
border-end-end-radius: ${dt('inputgroup.addon.border.radius')};
|
||||
}
|
||||
|
||||
.p-inputgroup .p-component:focus,
|
||||
|
|
Loading…
Reference in New Issue