I'm using the sass preprocessor. How to write in Cyrillic in the before pseudo-class of the content property?

Question

css

There is a css block:

.onas .colorblock2:after {
    content: "О НАС";
    color: #3b794f;
    font-size: 24px;
    background-color: white;
    left: 45%;
    top: -26px;
    position: absolute;
    padding: 5px 10px;
  }

I'm trying to transfer it to SASS, but instead of the Cyrillic "ABOUT US". I see some abracadabra. How to be? Is there any method for displaying Cyrillic in content in sass? At the moment I just left this block in css. Because everything works flawlessly.

Answer 1

Why does SASS compile to IBM866 encoding?

Answer 2

Well, if you really want to use content, then you can
content: attr(data-title);
And in the html itself at the But element,
you are clearly trying to do something very strange. The only use case I can think of is disabling text selection, but this is solved with user-select: none;

Answer 3

Here you can see the code of different symbols for CSS:
www.utf8icons.com/subsets/cyrillic
In general, writing content in CSS is not recommended.