Private class names

[denis-sokolov]

._myBlock {
  display: block;
  border-radius: 5px;
}

.myButton {
  composes: _myBlock;
  cursor: pointer;
}

.myForm {
  composes: _myBlock;
  border: 3px solid blue;
}

Here _myBlock is an implementation detail that I would like not to publish for my consumers. This is not about minification, this is about encapsulation. I did not find such a feature, and although an underline in the beginning of a file name helps, a native solution would be best.

Possible syntax:

:private .myBlock {
}

[CubedEye]

👍 +1

[safareli]

+1

[ai]

In CSS : uses for pseudo-selectors like :hover. So, they are more like filters. I think :private .myBlock not in CSS philosophy. Maybe we should add at-rule:

@private {
  .myBlock {
  }
}

But anyway in my opinion it is over-engeniring. You don’t need a class in this example,l, because you can do same without .base:

.myButton, .myForm {
}
.myButton {
}
.myForm {
}

[ryanblakeley]

By "private", do you mean you don't want that CSS class to show up in the stylesheet? Like just copy the styles into any classes that compose it, but don't include it in the final stylesheet?