<div class="sider ant-layout-sider-collapsed"></div>
sider es local, ant-layout-sider-collapsed es global, ¿cómo escribir cuando se hace referencia al mismo elemento de nivel pero mezclado? El siguiente método de escritura parece no funcionar
.sider {
:global &.ant-layout-sider-collapsed {
.anticon {
font-size: 16px;
}
}
}
.sider {
&:global(.ant-layout-sider-collapsed) {
.anticon {
font-size: 16px;
}
}
}
No se recomienda utilizar GitHub como foro técnico.
Muchas gracias ~
Comentario más útil
https://github.com/camsong/blog/issues/5