CSSのクラスに他のクラスを含めるには？

Question

こんなCSSのクラスがあった時、

	.panel_base {
		background-color: rgba(255, 255, 255, 0.7);
	}
	.panel_shadow {
		box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
	}
	.panel_border {
		border: 0px solid transparent;
		border-color: #fff;
		border-radius:  0px !important;
	}

HTMLでは次のように指定すると思いますが、

<div class="panel_base panel_shadow panel_border"></div>

以下の様にクラスを纏める事は可能でしょうか？
（記述の仕方が分からなかったので想像です）

	.panel1 {
		panel_base;
		panel_shadow;
		panel_border;
	}

<div class="panel1"></div>

どうぞ宜しくお願い致します。

Answer 1

それができるのがLESS・SCSS

Comments

[buibui80]

ご返答ありがとうございます。
まさしくこれでした。
LESS・SCSSどちらが主流なのでしょうか？

[KazuhiroHatano]

SCSSのほうができることが多く
LESSのほうができることが少ない分簡単

どちらが主流ってのはわかりませんが
個人的にはSCSSのほうがお勧めだし
SCSSのほうが残っていくとおもってます

ついでにお勧めツール

http://mhs.github.io/scout-app/

[buibui80]

ご返答ありがとうございます。
早速勉強してみようと思います。
ツール情報もありがとうございました。