scss 上から明→暗グラデーション/上から暗→明グラデーション

Posted 2021-05-18

// # gradient-top-lighten （上から明→暗グラデーション）
// # gradient-top-darken （上-から暗→明グラデーション）
// @https://github.com/mahm/zurui-sass-rails
// ========================================================
// $color: hex, rgb , rbga
// $lighten: %
// ========================================================

// [e.g.]
// @include gradient-top-lighten(#666, 10%);
@mixin gradient-top-lighten($color:#666, $lighten:10%){
	@if $legacy-support-for-ie {
		background-color: $color;
		@include filter-gradient(lighten($color, $lighten), $color, vertical);
	}
	@include background-image(linear-gradient(lighten($color, $lighten) 0%, $color 100%));
}


// [e.g.]
// @include gradient-top-darken(#666, 10%);
@mixin gradient-top-darken($color:#666, $darken:10%){
	@if $legacy-support-for-ie {
		background-color: $color;
		@include filter-gradient(darken($color, $darken), $color, vertical);
	}
	@include background-image(linear-gradient(darken($color, $darken) 0%, $color 100%));
}