is-light-background -> has-light-background, doesn't apply to background itself

This commit is contained in:
Hakim El Hattab 2014-09-09 17:33:52 +02:00
parent 5e585ddbf2
commit 2479883d3c
2 changed files with 3 additions and 3 deletions

View file

@ -720,8 +720,7 @@
// signals if it is light // signals if it is light
var computedBackgroundColor = window.getComputedStyle( element ).backgroundColor; var computedBackgroundColor = window.getComputedStyle( element ).backgroundColor;
if( computedBackgroundColor && colorBrightness( computedBackgroundColor ) > 128 ) { if( computedBackgroundColor && colorBrightness( computedBackgroundColor ) > 128 ) {
slide.classList.add( 'is-background-light' ); slide.classList.add( 'has-light-background' );
element.classList.add( 'is-background-light' );
} }
return element; return element;

View file

@ -15,7 +15,8 @@
.slides section h2 { .slides section h2 {
color: #fff; color: #fff;
} }
.slides .is-background-light h2 { .slides section.has-light-background,
.slides section.has-light-background h2 {
color: #222; color: #222;
} }
</style> </style>