scss СозданиеCSSстрелокизэлемента

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss СозданиеCSSстрелокизэлемента相关的知识,希望对你有一定的参考价值。

@mixin arrow($dir: 'down', $size: 4px, $color: #000) {
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;

	@if ($dir == 'up' or $dir == 'down') {
		border-left-width: $size;
		border-right-width: $size;
	}

	@if ($dir == 'right' or $dir == 'left') {
		border-top-width: $size;
		border-bottom-width: $size;
	}

	@if ($dir == 'up') {
		border-bottom-width: $size;
		border-bottom-color: $color;
	}

	@if ($dir == 'down') {
		border-top-width: $size;
		border-top-color: $color;
	}

	@if ($dir == 'right') {
		border-left-width: $size;
		border-left-color: $color;
	}

	@if ($dir == 'left') {
		border-right-width: $size;
		border-right-color: $color;
	}
}

以上是关于scss СозданиеCSSстрелокизэлемента的主要内容,如果未能解决你的问题,请参考以下文章

scss Раскидываемдвадочернихблокавразныестороныпогоризотали

css Когдатекстразбиваетсянаколонки,тобраузерпытаетсяравномернораспределитьсодержимоеблокапоуказанном

scss зацикленнаяанимациядляспиннера。 $ b $bСоздаемпсевдо-элемент。 Здесьдостаточнонавешиватькласснаоб

scss Список,разделенныйзапятыми

php отдатьответклиенту,закрытьсоединениеиразлочитьсессию。 $ b $bполезно,когданужнобыстроответитьклие

scss Правильноразделяемзапятымиэлементысписков