looking for some solutions? You are welcome.

SOLVED: Overwrite CSS variable through angular template

undefined:

I am using an internal library where all the widths are set using a CSS variable $drawer-width Here is a snip of the file:

$drawer-width: 380px;
$zindex: 1015;
.right-drawer-slide-in {
    margin-right: $drawer-width;
    animation: content-slide-in 0.5s 1;
}

.right-drawer-open {
    margin-right: $drawer-width;
    z-index: $zindex + 1;
}

In normal cases, to customize a class, we either can define local css class which overwrite that custom attribute. But in this case, how I can overwrite css variable drawer-width?

Please let me know if you need any more information.



Posted in S.E.F
via StackOverflow & StackExchange Atomic Web Robots
Share:

No comments:

Recent