//
// Mixins
//--------

// Button sizes
@mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
	padding: $padding-vertical $padding-horizontal;
	font-size: $font-size;
	line-height: $line-height;
	border-radius: $border-radius;
}

// WebKit-style focus

@mixin tab-focus() {
	// WebKit-specific. Other browsers will keep their default outline style.
	// (Initially tried to also force default via `outline: initial`,
	// but that seems to erroneously remove the outline in Firefox altogether.)
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

// From Bootstrap 4. By now we only need this gradient
@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {
	background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
}