Sha256: 7beef4b48363578e10b1eb8c22876a97b54c64ead3933bf550330abd96166e67
Contents?: true
Size: 1.82 KB
Versions: 79
Compression:
Stored size: 1.82 KB
Contents
// ==========================================================================
// Mixins (not provided by Bourbon)
// ==========================================================================
@mixin horizontal-line($position, $from: $white, $to: #ddd, $width: 2px, $inflection: 35%) {
@include background-image(linear-gradient(left, $from, $to 0% + $inflection, $to 100% - $inflection, $from));
background-position: $position center;
background-repeat: no-repeat;
background-size: 100% $width;
}
@mixin vertical-line($position, $from: $white, $to: #ddd, $width: 2px, $inflection: 35%) {
@include background-image(linear-gradient(top, $from, $to 0% + $inflection, $to 100% - $inflection, $from));
background-position: $position center;
background-repeat: no-repeat;
background-size: $width 100%;
}
@mixin transition-delay($delay...) {
-moz-transition-delay: $delay;
-o-transition-delay: $delay;
-webkit-transition-delay: $delay;
transition-delay: $delay;
}
@mixin box-sizing($box) {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@mixin clearfix {
&:after {
content: "";
display: table;
clear: both;
}
}
@mixin transition($transition...) {
-moz-transition: $transition;
-o-transition: $transition;
-webkit-transition: $transition;
transition: $transition;
}
@mixin font-face(
$font-family,
$file-path,
$weight: normal,
$style: normal,
$asset-pipeline: $asset-pipeline,
$file-formats: eot woff2 woff ttf svg) {
$font-url-prefix: font-url-prefixer($asset-pipeline);
@font-face {
font-family: $font-family;
font-style: $style;
font-weight: $weight;
src: font-source-declaration(
$font-family,
$file-path,
$asset-pipeline,
$file-formats,
$font-url-prefix
);
}
}
Version data entries
79 entries across 79 versions & 1 rubygems