I'm studying building a website with a certain textbook.
Even if you write 'composes' as the title says,
"Unknown property: 'compos' css(unknownProperties)" appears.
I get the same error when I read the code of the finished version of the textbook. I am wondering if there is a problem with the VSCode configuration.
Even if you search on an overseas site, you can only get answers like registering so that the word 'composes' itself doesn't get errors...
Are there any extensions that make 'compositions' recognizable?
I would appreciate it if someone could help me.
Below is the code we are currently describing.
/* Side-by-side (basic)*/
.sideBySide{
display:flex;
flex-direction:column;
}
@media(min-width:768px){
.sideBySide{
flex-direction:row;
justify-content:space-between;
}
}
/* Side-by-side (center alignment)*/
.sideBySideCenter{
compositions —sideBySide;
align-items:center;
text-align:center;
}
@media(min-width:768px){
.sideBySideCenter{
text-align:left;
}
}
8/20 11:00 Add
In CSS Modules, composes:
seems to capture the style of the previous class name and can be used as a +α style for the new class name.
PostCSS
wrote npmls
in the terminal and checked, but it was not installed (I'm sorry if this method is not correct)
I was reading that book and ran into the same problem.
Changed Visual Studio Code settings resolved.
Details and workarounds can be found in Github's wiki below.Please confirm.
https://github.com/ebisucom/next-react-website/wiki
© 2024 OneMinuteCode. All rights reserved.