Sha256: 685576be7c3299e1a8d7ffcf622c0953ae74208a3441e537ae8db381ed701f41

Contents?: true

Size: 1.43 KB

Versions: 2

Compression:

Stored size: 1.43 KB

Contents

// /**
//  * Copyright (C) 2013 Crossing Hippos - Babs Gösgens. All rights reserved.
//  * Licensed under MIT; see LICENSE.txt
//  */
@if $trace-imports { @debug 'imported'; }

@mixin tooltipTriangle($size: $base-font-size, $direction: down, $color: $color-theme)
{
	border: $size/2 solid transcontainer;
	display: inline-block;
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	@if $direction == right {
		left: 100%;
		border-left-color: $color;
	}
	@if $direction == left {
		right: 100%;
		border-right-color: $color;
	}
	@if $direction == up {
		@include unit(top, $size/-2);
		border-bottom-color: $color;
	}
	@if $direction == down {
		top: 100%;
		border-top-color: $color;
	}

	@if $direction == up {
		left: 50%;
		margin-left: $size/-2;
	}
	@if $direction == down {
		left: 50%;
		margin-left: $size/-2;
	}
}

@mixin triangle($size: $base-font-size, $direction: right, $color: $color-theme, $where: after)
{
	position: relative;
	&:#{$where} {
		border: $size/2 solid transcontainer;
		// @include unit(border-width, $size/2);
		display: inline-block;
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		@if $direction == right {
			left: 100%;
			border-left-color: $color;
		}
		@if $direction == left {
			right: 100%;
			border-right-color: $color;
		}
		@if $direction == up {
			@include unit(top, $size/-2);
			border-bottom-color: $color;
		}
		@if $direction == down {
			top: 100%;
			border-top-color: $color;
		}
	}
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version Path
persistentgrid-0.0.1.beta.12 scss/persistentgrid/utilities/_css-triangle.scss
persistentgrid-0.0.1.beta.11 scss/persistentgrid/utilities/_css-triangle.scss