SCSS | Mixin Kullanımı Hakkında Soru

Merhaba arkadaşlar.
Aşağıdaki gibi bir mixin yapım var. Diyelimki ben Header class'ında border kullanmak istiyorum. 1px solid #ccc yazınca çalışıyor. Ama ben sadece border-bottom vermek istersem nasıl olacak? Mixin de oluşturmuş olduğum $border değişkenine bir dinamiklik kazandırmak mümkün mü. Ya da belki saçma gelebilir ama şöyle bir kullanım falan var mı.  $border-*  gibi. border-bottom için elbetteki başka bir değişken tanımlanabilir. Ama ben bu durumu merak ediyorum.

@mixin Stiller ($width, $height, $padding, $margin, $bgcolor, $color, $border, $font, $lineheight){
	width				: $width; 
	height				: $height;
	padding				: $padding;
	margin				: $margin;
	background-color	: $bgcolor;
	color				: $color;
	border				: $border;
	font				: $font;
	line-height 		: $lineheight;
}

.Header {
	@include Stiller( none, 80px, 10px, none, black, white, 1px solid #ccc, 12px, none);
}

 

Selamlar,

Daha önce böyle bir ders eklemiştim. İstersen bir kontrol et işine yarayacak birşey bulabilirsin belki.

ASP.Net Repeater içindeki nesneye ulaşmak ve Code Behind'da HTML Elementine Css Atamak

kod kısmından direk css veriyordum. Dinamik css gibi bir durum var.

Saygılarımla.

Cevap Yaz

Cevap yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git