CSS not being applied

Support
#1

Hello,
i need some help regarding css

  1. Extended Theme
    I have applied css to a label in xml and label is rendering properly. The XML portion is as below;
<label width="100%" value="Bill of Quantities" stylename="colored h3 bold"
               css="background: #8E2DE2;background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2);  background: linear-gradient(to right, #4A00E0, #8E2DE2); border-radius: 10px; padding:10px; color:#FEFEFE;"/>

But when i provide this css in styles.scss file of extended theme, it renders partially and linear gradient do not apply. The CSS in styles.scss file is as follows;

.labelGradient
    {
        background: #8E2DE2;
        background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2);
        background: linear-gradient(to right, #4A00E0, #8E2DE2);
        border-radius: 10px;
        padding:10px;
        color:#FEFEFE;
    }
  1. I want to hide the vertical scroll bar in side menu.
    Thanks
#2

Hi,

The styles.scss file must not contain CSS code, only imports. Consider this file as a system. All custom CSS code must be located in <theme_name>.scss and <theme_name>-defaults.scss (for constants). See docs for more details.

Regards,
Gleb

#3

Thanks Gleb, but putting the CSS in <theme_name>.scss also do not render the color gradient while putting css in xml works.
Please also guide for hiding the scroll bar in side menu
regards

#4

Could you please attach a small demo project that reproduces the problem?

Could you clarify which scrollbar should be hidden?

#5

Hi guys,
working with 1.5, I faced the same problem now.

background-image: #{linear-gradient(166deg, #c9e2f6 24%, #f9ffff 100%)};

is rendered to:
background-image: linear,166deg,#c9e2f6 24%,#f9ffff 100%;

Has there been any hint so far?
Thanks,
HP

#6

ok,
background-image: unquote(‘linear-gradient(166deg, #c9e2f6 24%, #f9ffff 100%)’);

does the job.