rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Code Issues Actions Packages Releases Activity

Adds variable for color yiq threshold (#24886)

Browse Source
This commit is contained in:
Andres Galante 2017-12-02 00:26:10 -03:00 committed by Mark Otto
parent 023015006a
commit 1d6e3710dd
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
scss/_functions.scss
View File

@ -56,7 +56,7 @@
$yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000; $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
@if ($yiq >= 150) { @if ($yiq >= $yiq-contrasted-threshold) {
@return $yiq-text-dark; @return $yiq-text-dark;
} @else { } @else {
@return $yiq-text-light; @return $yiq-text-light;

4
scss/_variables.scss
View File

@ -87,11 +87,13 @@ $theme-colors: map-merge((
// Set a specific jump point for requesting color jumps // Set a specific jump point for requesting color jumps
$theme-color-interval: 8% !default; $theme-color-interval: 8% !default;
// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
$yiq-contrasted-threshold: 150 !default;
// Customize the light and dark text colors for use in our YIQ color contrast function. // Customize the light and dark text colors for use in our YIQ color contrast function.
$yiq-text-dark: $gray-900 !default; $yiq-text-dark: $gray-900 !default;
$yiq-text-light: $white !default; $yiq-text-light: $white !default;
// Options // Options
// //
// Quickly modify global styling by enabling or disabling optional features. // Quickly modify global styling by enabling or disabling optional features.