diff --git a/src/definitions/elements/loader.less b/src/definitions/elements/loader.less index 9bf271d485..838551ff68 100755 --- a/src/definitions/elements/loader.less +++ b/src/definitions/elements/loader.less @@ -132,29 +132,29 @@ --------------------*/ /* Show inside active dimmer */ -.ui.dimmer .loader { +.ui.dimmer > .loader { display: block; } /* Black Dimmer */ -.ui.dimmer .ui.loader { +.ui.dimmer > .ui.loader { color: @invertedLoaderTextColor; } -.ui.dimmer .ui.loader:before { +.ui.dimmer > .ui.loader:before { border-color: @invertedLoaderFillColor; } -.ui.dimmer .ui.loader:after { +.ui.dimmer > .ui.loader:after { border-color: @invertedShapeBorderColor; } /* White Dimmer (Inverted) */ -.ui.inverted.dimmer .ui.loader { +.ui.inverted.dimmer > .ui.loader { color: @loaderTextColor; } -.ui.inverted.dimmer .ui.loader:before { +.ui.inverted.dimmer > .ui.loader:before { border-color: @loaderFillColor; } -.ui.inverted.dimmer .ui.loader:after { +.ui.inverted.dimmer > .ui.loader:after { border-color: @shapeBorderColor; } @@ -203,49 +203,49 @@ /* Loader */ -.ui.inverted.dimmer .ui.mini.loader, +.ui.inverted.dimmer > .ui.mini.loader, .ui.mini.loader { width: @mini; height: @mini; font-size: @miniFontSize; } -.ui.inverted.dimmer .ui.tiny.loader, +.ui.inverted.dimmer > .ui.tiny.loader, .ui.tiny.loader { width: @tiny; height: @tiny; font-size: @tinyFontSize; } -.ui.inverted.dimmer .ui.small.loader, +.ui.inverted.dimmer > .ui.small.loader, .ui.small.loader { width: @small; height: @small; font-size: @smallFontSize; } -.ui.inverted.dimmer .ui.loader, +.ui.inverted.dimmer > .ui.loader, .ui.loader { width: @medium; height: @medium; font-size: @mediumFontSize; } -.ui.inverted.dimmer .ui.large.loader, +.ui.inverted.dimmer > .ui.large.loader, .ui.large.loader { width: @large; height: @large; font-size: @largeFontSize; } -.ui.inverted.dimmer .ui.big.loader, +.ui.inverted.dimmer > .ui.big.loader, .ui.big.loader { width: @big; height: @big; font-size: @bigFontSize; } -.ui.inverted.dimmer .ui.huge.loader, +.ui.inverted.dimmer > .ui.huge.loader, .ui.huge.loader { width: @huge; height: @huge; font-size: @hugeFontSize; } -.ui.inverted.dimmer .ui.massive.loader, +.ui.inverted.dimmer > .ui.massive.loader, .ui.massive.loader { width: @massive; height: @massive;