Border radius token for inputgroup
parent
3533e2d8be
commit
76620c7c07
|
@ -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…
Reference in New Issue