|
|
@ -115,6 +115,12 @@ |
|
|
|
height: @big; |
|
|
|
margin: @bigOffset; |
|
|
|
} |
|
|
|
.ui.huge.loader:before, |
|
|
|
.ui.huge.loader:after { |
|
|
|
width: @huge; |
|
|
|
height: @huge; |
|
|
|
margin: @hugeOffset; |
|
|
|
} |
|
|
|
.ui.massive.loader:before, |
|
|
|
.ui.massive.loader:after { |
|
|
|
width: @massive; |
|
|
@ -205,6 +211,12 @@ |
|
|
|
height: @mini; |
|
|
|
font-size: @miniFontSize; |
|
|
|
} |
|
|
|
.ui.inverted.dimmer .ui.tiny.loader, |
|
|
|
.ui.tiny.loader { |
|
|
|
width: @tiny; |
|
|
|
height: @tiny; |
|
|
|
font-size: @tinyFontSize; |
|
|
|
} |
|
|
|
.ui.inverted.dimmer .ui.small.loader, |
|
|
|
.ui.small.loader { |
|
|
|
width: @small; |
|
|
@ -217,18 +229,40 @@ |
|
|
|
height: @medium; |
|
|
|
font-size: @mediumFontSize; |
|
|
|
} |
|
|
|
.ui.inverted.dimmer .ui.loader.large, |
|
|
|
.ui.loader.large { |
|
|
|
.ui.inverted.dimmer .ui.large.loader, |
|
|
|
.ui.large.loader { |
|
|
|
width: @large; |
|
|
|
height: @large; |
|
|
|
font-size: @largeFontSize; |
|
|
|
} |
|
|
|
.ui.inverted.dimmer .ui.big.loader, |
|
|
|
.ui.big.loader { |
|
|
|
width: @big; |
|
|
|
height: @big; |
|
|
|
font-size: @bigFontSize; |
|
|
|
} |
|
|
|
.ui.inverted.dimmer .ui.huge.loader, |
|
|
|
.ui.huge.loader { |
|
|
|
width: @huge; |
|
|
|
height: @huge; |
|
|
|
font-size: @hugeFontSize; |
|
|
|
} |
|
|
|
.ui.inverted.dimmer .ui.massive.loader, |
|
|
|
.ui.massive.loader { |
|
|
|
width: @massive; |
|
|
|
height: @massive; |
|
|
|
font-size: @massiveFontSize; |
|
|
|
} |
|
|
|
|
|
|
|
/* Text Loader */ |
|
|
|
.ui.mini.text.loader { |
|
|
|
min-width: @mini; |
|
|
|
padding-top: (@mini + @textDistance); |
|
|
|
} |
|
|
|
.ui.tiny.text.loader { |
|
|
|
min-width: @tiny; |
|
|
|
padding-top: (@tiny + @textDistance); |
|
|
|
} |
|
|
|
.ui.small.text.loader { |
|
|
|
min-width: @small; |
|
|
|
padding-top: (@small + @textDistance); |
|
|
@ -241,6 +275,18 @@ |
|
|
|
min-width: @large; |
|
|
|
padding-top: (@large + @textDistance); |
|
|
|
} |
|
|
|
.ui.big.text.loader { |
|
|
|
min-width: @big; |
|
|
|
padding-top: (@big + @textDistance); |
|
|
|
} |
|
|
|
.ui.huge.text.loader { |
|
|
|
min-width: @huge; |
|
|
|
padding-top: (@huge + @textDistance); |
|
|
|
} |
|
|
|
.ui.massive.text.loader { |
|
|
|
min-width: @massive; |
|
|
|
padding-top: (@massive + @textDistance); |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/*------------------- |
|
|
|