Ukrycie elementu gdy wysokość linii będzie mniejsza niż 10% wysokości kontenera

Nie wiem do końca jak to działa :P

Dla mnie rozwój CSS powinien się skończyć na CSS2 i HTMLa na 4 :D po co komu coś lepszego.

No ale próbuję taką sztuczkę zastosować:

 .register-line{
	 
	margin-right: 40px;
	border-right: 2px solid #007bff;
    height: 95%;
	
	@when (register-line(register-line) < 10%) {
		visibility: none;
	}
 }

i w moim mniemaniu miało to działać tak, że jak wysokość linii przy zmniejszaniu ekranu będzie mniejsza niż co najmniej 10% wysokości kontenera to ma się po prostu nie wyświetlać. A i tak się wyświetla..

Co robię źle?

to raczej dla SASS (lub js) pasuje, wtedy możesz sobie robić if/else, może spróbuj pokombinować w media queries?

Poczytaj o LESS. Tam występuje ‚when’. W czystym CSS póki co nie uświadczysz takich warunków.