Refactored name
parent
54e686985a
commit
a637b9e928
|
@ -24,7 +24,7 @@ export default {
|
||||||
separator: {
|
separator: {
|
||||||
borderColor: '{surface.200}'
|
borderColor: '{surface.200}'
|
||||||
},
|
},
|
||||||
toggleIcon: {
|
mobileToggle: {
|
||||||
color: '{surface.500}',
|
color: '{surface.500}',
|
||||||
colorHover: '{surface.600}',
|
colorHover: '{surface.600}',
|
||||||
backgroundHover: '{surface.100}'
|
backgroundHover: '{surface.100}'
|
||||||
|
@ -269,7 +269,7 @@ export default {
|
||||||
width: 1.75rem;
|
width: 1.75rem;
|
||||||
height: 1.75rem;
|
height: 1.75rem;
|
||||||
position: relative;
|
position: relative;
|
||||||
color: var(--p-megamenu-toggle-icon-color);
|
color: var(--p-megamenu-mobile-toggle-color);
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
|
@ -278,8 +278,8 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-megamenu-button:hover {
|
.p-megamenu-button:hover {
|
||||||
color: var(--p-megamenu-toggle-icon-color-hover);
|
color: var(--p-megamenu-mobile-toggle-color-hover);
|
||||||
background: var(--p-megamenu-toggle-icon-background-hover);
|
background: var(--p-megamenu-mobile-toggle-background-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-megamenu-button:focus-visible {
|
.p-megamenu-button:focus-visible {
|
||||||
|
|
|
@ -21,7 +21,7 @@ export default {
|
||||||
separator: {
|
separator: {
|
||||||
borderColor: '{surface.200}'
|
borderColor: '{surface.200}'
|
||||||
},
|
},
|
||||||
toggleIcon: {
|
mobileToggle: {
|
||||||
color: '{surface.500}',
|
color: '{surface.500}',
|
||||||
colorHover: '{surface.600}',
|
colorHover: '{surface.600}',
|
||||||
backgroundHover: '{surface.100}'
|
backgroundHover: '{surface.100}'
|
||||||
|
@ -47,7 +47,7 @@ export default {
|
||||||
separator: {
|
separator: {
|
||||||
borderColor: '{surface.700}'
|
borderColor: '{surface.700}'
|
||||||
},
|
},
|
||||||
toggleIcon: {
|
mobileToggle: {
|
||||||
color: '{surface.400}',
|
color: '{surface.400}',
|
||||||
colorHover: '{surface.300}',
|
colorHover: '{surface.300}',
|
||||||
backgroundHover: '{surface.800}'
|
backgroundHover: '{surface.800}'
|
||||||
|
@ -202,7 +202,7 @@ export default {
|
||||||
width: 1.75rem;
|
width: 1.75rem;
|
||||||
height: 1.75rem;
|
height: 1.75rem;
|
||||||
position: relative;
|
position: relative;
|
||||||
color: var(--p-menubar-toggle-icon-color);
|
color: var(--p-menubar-mobile-toggle-color);
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
|
@ -211,8 +211,8 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-menubar-button:hover {
|
.p-menubar-button:hover {
|
||||||
color: var(--p-menubar-toggle-icon-color-hover);
|
color: var(--p-menubar-mobile-toggle-color-hover);
|
||||||
background: var(--p-menubar-toggle-icon-background-hover);
|
background: var(--p-menubar-mobile-toggle-background-hover);
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-menubar-button:focus-visible {
|
.p-menubar-button:focus-visible {
|
||||||
|
|
Loading…
Reference in New Issue