bm-cross-button custom styling overridden by buttonWrapperStyle

negomi / react-burger-menu

:hamburger: An off-canvas sidebar component with a collection of effects and styles using CSS transitions and SVG path animations

http://negomi.github.io/react-burger-menu/

MIT License

5.05k stars 586 forks source link

Closed kylestarr closed 5 years ago

kylestarr commented 5 years ago

I am unable to use custom styles in bm-cross-button as CrossIcon.js includes hardcoded style attribute buttonWrapperStyle.

Style Attribute

{
position: absolute;
width: 24px;
height: 24px;
right: 8px;
top: 8px;
}

/Users/kylestarr/Git/maguire/src/styles/global.scss:287.bm-cross-button

{
~~height: 20px;~~
~~width: 20px;~~
~~right: 20px;~~
~~top: 30px;~~
}

negomi commented 5 years ago

Hi @kylestarr, unfortunately you will have to use !important if you want to target .bm-cross-button styles with Sass.

kylestarr commented 5 years ago

Done and done.