It is better to use BEM naming, so the example becomes <button class="btn btn--warning"> Here double minus means that "warning" is a state of an element n

It is better to use BEM naming, so the example becomes <button class="btn btn--warning"> Here double minus means that "warning" is a state of an element named "btn".