Sha256: 4f3c69f8c3edffb7c283351973e74a0cfa6adca6d12f34390393c10edf9b5111
Contents?: true
Size: 1.9 KB
Versions: 45
Compression:
Stored size: 1.9 KB
Contents
// Toadstool core v0.0.0.1
// This document is not to be edited as it will be versioned
// -----------------------------------------------------------------
// The following gradients are designed with variable color stops and supports background images
// It is recommended to use these to build reusable objects in the SCSS
// -------------------------------------------------------------------------------------
// four color stop linear gradient with color stops and images set as variable
// ---------------------------------------------------------------
// NOTE: Place url path on single quotes, i.e. '../../images/image.png'
@mixin linear_gradient_bkgimage ($image, $position, $start_color, $color_values, $prefixes: $prefix_defaults) {
// default fallback //
background: $start_color;
background: url(#{$image}) no-repeat $position, -moz-linear-gradient(top, #{$color_values});
background: url(#{$image}) no-repeat $position, -webkit-linear-gradient(top, #{$color_values});
background: url(#{$image}) no-repeat $position, -o-linear-gradient(top, #{$color_values});
background: url(#{$image}) no-repeat $position, -ms-linear-gradient(top, #{$color_values});
// IE6 - 9 //
// ms crappy filters cannot be used with background images
// IE specific UIs will need to be engineered in the widget sass
}
//////// gradient arguments /////////
// requires that color values are written using #{} interpolation syntax
// example .....
// @include linear_gradient_bkgimage_legacy_safari (#{color-stop(0%,$alpha_color), color-stop(100%,$bravo_color)});
// ---------------------------------------------------------------------------------------
// NOTE: Place url path on single quotes, i.e. '../../images/image.png'
@mixin linear_gradient_bkgimage_legacy_safari ($image, $position, $color_values) {
background: url(#{$image}) no-repeat $position, -webkit-gradient(linear, left top, left bottom, #{$color_values});
}
Version data entries
45 entries across 45 versions & 1 rubygems