mirror of
https://github.com/primefaces/primevue.git
synced 2025-05-09 00:42:36 +00:00
Border radius token for inputgroup
This commit is contained in:
parent
3533e2d8be
commit
76620c7c07
3 changed files with 13 additions and 9 deletions
|
@ -69,13 +69,13 @@ const theme = ({ dt }) => `
|
|||
.p-inputgroup input:first-child,
|
||||
.p-inputgroup > .p-inputwrapper:first-child,
|
||||
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
|
||||
border-top-left-radius: 6px;
|
||||
border-bottom-left-radius: 6px;
|
||||
border-top-left-radius: ${dt('inputgroup.addon.border.radius')};
|
||||
border-bottom-left-radius: ${dt('inputgroup.addon.border.radius')};
|
||||
}
|
||||
|
||||
.p-inputgroup .p-float-label:first-child input {
|
||||
border-top-left-radius: 6px;
|
||||
border-bottom-left-radius: 6px;
|
||||
border-top-left-radius: ${dt('inputgroup.addon.border.radius')};
|
||||
border-bottom-left-radius: ${dt('inputgroup.addon.border.radius')};
|
||||
}
|
||||
|
||||
.p-inputgroup-addon:last-child,
|
||||
|
@ -83,13 +83,13 @@ const theme = ({ dt }) => `
|
|||
.p-inputgroup input:last-child,
|
||||
.p-inputgroup > .p-inputwrapper:last-child,
|
||||
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
|
||||
border-top-right-radius: 6px;
|
||||
border-bottom-right-radius: 6px;
|
||||
border-top-right-radius: ${dt('inputgroup.addon.border.radius')};
|
||||
border-bottom-right-radius: ${dt('inputgroup.addon.border.radius')};
|
||||
}
|
||||
|
||||
.p-inputgroup .p-float-label:last-child input {
|
||||
border-top-right-radius: 6px;
|
||||
border-bottom-right-radius: 6px;
|
||||
border-top-right-radius: ${dt('inputgroup.addon.border.radius')};
|
||||
border-bottom-right-radius: ${dt('inputgroup.addon.border.radius')};
|
||||
}
|
||||
|
||||
.p-fluid .p-inputgroup .p-button {
|
||||
|
|
|
@ -2,6 +2,7 @@ export default {
|
|||
addon: {
|
||||
background: '{form.field.background}',
|
||||
borderColor: '{form.field.border.color}',
|
||||
color: '{form.field.icon.color}'
|
||||
color: '{form.field.icon.color}',
|
||||
borderRadius: '{form.field.border.radius}'
|
||||
}
|
||||
};
|
||||
|
|
|
@ -1,4 +1,7 @@
|
|||
export default {
|
||||
addon: {
|
||||
borderRadius: '{form.field.border.radius}'
|
||||
},
|
||||
colorScheme: {
|
||||
light: {
|
||||
addon: {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue