Cosmetics
parent
2ab87cef7a
commit
a3292d5c93
|
@ -16,9 +16,8 @@ const theme = ({ dt }) => `
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
font-feature-settings: inherit;
|
font-feature-settings: inherit;
|
||||||
transition: background ${dt('togglebutton.transition.duration')}, color ${dt('togglebutton.transition.duration')}, border-color ${dt('togglebutton.transition.duration')}, outline-color ${dt('togglebutton.transition.duration')}, box-shadow ${dt(
|
transition: background ${dt('togglebutton.transition.duration')}, color ${dt('togglebutton.transition.duration')}, border-color ${dt('togglebutton.transition.duration')},
|
||||||
'togglebutton.transition.duration'
|
outline-color ${dt('togglebutton.transition.duration')}, box-shadow ${dt('togglebutton.transition.duration')};
|
||||||
)};
|
|
||||||
border-radius: ${dt('togglebutton.border.radius')};
|
border-radius: ${dt('togglebutton.border.radius')};
|
||||||
outline-color: transparent;
|
outline-color: transparent;
|
||||||
font-weight: ${dt('togglebutton.font.weight')};
|
font-weight: ${dt('togglebutton.font.weight')};
|
||||||
|
@ -41,9 +40,8 @@ const theme = ({ dt }) => `
|
||||||
.p-togglebutton::before {
|
.p-togglebutton::before {
|
||||||
content: "";
|
content: "";
|
||||||
background: transparent;
|
background: transparent;
|
||||||
transition: background ${dt('togglebutton.transition.duration')}, color ${dt('togglebutton.transition.duration')}, border-color ${dt('togglebutton.transition.duration')}, outline-color ${dt('togglebutton.transition.duration')}, box-shadow ${dt(
|
transition: background ${dt('togglebutton.transition.duration')}, color ${dt('togglebutton.transition.duration')}, border-color ${dt('togglebutton.transition.duration')},
|
||||||
'togglebutton.transition.duration'
|
outline-color ${dt('togglebutton.transition.duration')}, box-shadow ${dt('togglebutton.transition.duration')};
|
||||||
)};
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: ${dt('togglebutton.content.left')};
|
left: ${dt('togglebutton.content.left')};
|
||||||
top: ${dt('togglebutton.content.top')};
|
top: ${dt('togglebutton.content.top')};
|
||||||
|
|
Loading…
Reference in New Issue