mirror of
https://github.com/danbee/chess
synced 2025-03-04 08:39:06 +00:00
* Forms and board tweaks for small screen sizes * Re-style game status indicators * Re-style viewing/offline indicator * Better eyecons 👁 * Re-organise CSS according to ITCSS principles * Pick new font from Google Fonts * Fix up tests * Move some things into partials
33 lines
615 B
SCSS
33 lines
615 B
SCSS
@charset "UTF-8";
|
|
|
|
/// Mixes a color with white.
|
|
///
|
|
/// @argument {color} $color
|
|
///
|
|
/// @argument {number (percentage)} $percent
|
|
/// The amount of white to be mixed in.
|
|
///
|
|
/// @return {color}
|
|
///
|
|
/// @example scss
|
|
/// .element {
|
|
/// background-color: tint(#6ecaa6, 40%);
|
|
/// }
|
|
///
|
|
/// // CSS Output
|
|
/// .element {
|
|
/// background-color: #a8dfc9;
|
|
/// }
|
|
|
|
@function tint(
|
|
$color,
|
|
$percent
|
|
) {
|
|
@if not _is-color($color) {
|
|
@error "`#{$color}` is not a valid color for the `$color` argument in " +
|
|
"the `tint` mixin.";
|
|
} @else {
|
|
@return mix(#fff, $color, $percent);
|
|
}
|
|
}
|